備忘録 reg-suit + AWS S3 でビジュアルリグレッションテストを運用する
前回の記事前回の記事では、Storybook + @storycap-testrun を使ってDesktop/Mobile のスクリーンショットを撮るところまでを紹介しました。今回はその続きで、撮ったスクリーンショットを比較・レポート化する...
atsmile
備忘録 備忘録 @storycap-testrun で Desktop / Mobile を分けてスクリーンショットを撮る方法
今回のおはなしのサイト今日はコード中心なのでGitHubを貼りますVRTが動くようになったので、Storybookを整備しはじめました。方針として Story は Desktop と Mobile で分けて管理する方針です（Storyboo...
備忘録 Storybook 10 で Storycap が動かなかった話
今回のお話のサイトStorybook を導入したので、次のステップとして reg-suit と組み合わせた VRT 環境を整備しようとしていました。で、今回スクリーンショット撮影のツールとして Storycap を使用することになりました。...
ポートフォリオ ついにAWSデビュー！
今回のお話のサイト ポートフォリオについてです。このポートフォリオサイトはNext.jsを作ったVercelでの運用が簡単だったので、Vercelにおいていたんですが、ついに今回AWS EC2への移行を決めました！！！！！なかなか手を出せな...
開発 Storybookを導入してみた
今回のお話のサイトVRTをPlaywrightで導入したもののPass/Failが自動判定なので意図した変更でもFailになってしまうのが煩わしくベースラインの撮り直しも都度必要で少し手間に感じていました。前職の仕組みを改めて思い出してみた...
開発 VRTを自動化してみた
今回のお話のサイトVRTを導入したもののローカルで手動実行する運用だったのでPRのたびに実行し忘れることがあり少し手間に感じていました。せっかくVRTを入れたのでPRを作成したタイミングで自動実行されるようにしたいと思いGitHub Act...
開発 VRTを導入してみた
今回のお話のサイトコンポーネントのディレクトリ構成をリファクタリングしようと思ったのですが変更範囲が大きいので表示が崩れていないかを確認する方法が欲しいと思っていました。手動で確認するのは限界があるのでこのタイミングで導入することにしました...
開発 家業のカラオケ喫茶ホームページを作ってみた
家業であるカラオケ喫茶のホームページを作りました。もともと外部に依頼して作ったHPがあったんですが、情報の一元管理ができていない状態で、更新のたびに手間がかかる構成になっていてたびたび修正して〜と言われていたので「自分で管理できるHPに作り...