Visual Regression Testの導入 #183
Conversation
mii288
force-pushed
the
vrt
branch
9 times, most recently
from
398ecbe to
1eb0d8d
Compare
|
✨✨ That's perfect, there is no visual difference! ✨✨ |
mii288
force-pushed
the
vrt
branch
6 times, most recently
from
9a72837 to
7de1b85
Compare
| - name: Deploy to Netlify | ||
| id: netlify | ||
| # FYI: https://github.com/netlify/actions/pull/65 | ||
| uses: South-Paw/action-netlify-cli@v2 |
There was a problem hiding this comment.
このリポジトリで使われている nwtgck/actions-netlify だと、ドット始まりのフォルダがうまくアップロードできなかったので、 別のGithub Actionsを使いました。
最初はNetlifyの公式アクションを使おうと思ったんですが、ちょっとメンテされてないのかWarningが出ていた（ netlify/actions#65 ）ので、それが修正された South-Paw/action-netlify-cli を使ってます。
There was a problem hiding this comment.
似たような機能のactionを複数利用していると、分かりにくなるのでこの機会に、CIでのtest deployを行なっているactionもSouth-Paw/action-netlify-cli に修正していただけると助かります🙏
There was a problem hiding this comment.
- コメントで使っているアクションがPRに対してコメントいれるアクションだったこと
- pushしたコミットごとにデプロイのコメントがつくとSlackの通知的に邪魔だったりPRから探すのに不便
だったので、pull request作成時のみDeploy Previewを作成するように振る舞いを変更しました。（もとの振る舞いのほうがよさそうなら戻します）
↓の用な感じでPRを作成・更新するとDeploy Previewについてのコメントがされて確認できます。
#183 (comment)
| uses: thollander/actions-comment-pull-request@v2 | ||
| with: | ||
| message: | | ||
| **✨✨ That's perfect, there is no visual difference! ✨✨** |
| - name: Deploy to Netlify | ||
| id: netlify | ||
| # FYI: https://github.com/netlify/actions/pull/65 | ||
| uses: South-Paw/action-netlify-cli@v2 |
There was a problem hiding this comment.
似たような機能のactionを複数利用していると、分かりにくなるのでこの機会に、CIでのtest deployを行なっているactionもSouth-Paw/action-netlify-cli に修正していただけると助かります🙏
@YuMuuu |
✅ Deploy preview is ready!
|
close #157
Pull Requestが作成されたら、https://oysters.dev と、現在のブランチのスクリーンショットを比較して
テスト結果をコメント通知、レポートを閲覧できるようにします。
テスト成功
#183 (comment)
テスト失敗
#184 (comment)
できてないこと（修正が面倒で対応してないこと）
MacとUbuntuで画像圧縮に使われるアルゴリズムが若干異なるのか、Macで
npm run test:vrtを実行すると画像部分で差分が発生します。ローカルでDockerコンテナを作ってテストすればいいと思うのですが、コスパが悪そうなので見送りました。
処理手順
その他
engine-strictの設定を有効にしました（違うNodeJSのバージョンでnpmコマンドを実行したときにエラーになります）