Playwright & Vite ではじめる脱レガシー向け軽量 Visual Regression Test - Cybozu Inside Out | サイボウズエンジニアのブログ

こんにちは！フロントエンドエキスパートチームの @mugi_uno です。 みなさんは Visual Regression Test は普段活用していますか？ 昨今では事例もよく耳にするようになった印象です。一度使って手放せなくなった方もいるのではないでしょうか。 今回の記事では、通常のプロダクト新規開発とは異なる “脱レガシー” の文脈で Playwright を用いた簡易的な Visual Regression Test を試してみたので、導入に至る経緯と、どのように実施しているかを紹介します。 フロントエンドリアーキテクチャとサイレントリリース 現在サイボウズでは kintone のフロントエンドリアーキテクチャプロジェクトと称して、Closure Tools から React への脱レガシー作業が進行中です。プロジェクトの詳細については @koba04 が書いた次の記事をご覧くださ

[shun9167]

Playwright使ったVRT良さそう。差分確認用のページが出力されたら最高だった。。

[teppeis]

PlaywrightのtoMatchSnapshot()を使ったスナップショット画像比較テストの事例です。ご査収下さい

[Shisama]

全国のVRT職人のみなさま＆画面デザインを変更しない脱レガシーを行うみなさまは試してみるとよいかもしれません。手元で実行できるので手軽に始められそう

[nabeliwo]

ローカルで VRT 気軽に実行できるの良いなあ〜

[yo4raw]

聞いたことがない単語ばかり、、、 あとで調べながら読んでみよう、、