「動いてるのがわかっている状態」からサンプリングして描画の揺れ幅を計測し、それを元に自動で差分テストを行うツールを書いてみました。
https://github.com/mizchi/visc
とにかくレンダリングの崩れを自動的に検出したい!でもそのためのE2Eテストは書きたくない!というときに使う想定です。
$ npx -y @mizchi/visc render https://example.com
# 目視確認用 SVG を出力
注意: 自分がCSSを修正に使う用、兼PoCです。ヒューリスティックなアルゴリズムスコアを多く含むので、アップデートすると出力はたぶん安定しません。
目…
Source link
Views: 0