ローカル開発環境のDockerコンテナ内で Storybook on Chromatic を利用して VRT の差分検知を実施する

はじめに Storybook で Chromatic を利用した VRTテストを実施する際には、GitHub Actions などの CI/CD 基盤にのせないといけないと思っている方は少なくないと思います。 🤖 < Playwright を使えばできるのに ───── そんなあなたに朗報です。 ローカル環境でも Storybook + Chromatic を利用した VRT による差分検知までなら可能です！！ ここまではドキュメントに書いていますが... 今回は特にDockerコンテナを利用した場合について深掘ります。 そういうわけで本題に入りましょう。 実施前の準備 Docker実行環境の準備 FROM public.ecr.aws/docker/library/node:22.14.0-slim WORKDIR /app COPY ./src/package.json ./ COP