web-corders-vrt 0.1.9 → 0.1.11

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (3) hide show
  1. package/README.md +3 -1
  2. package/package.json +1 -1
  3. package/src/templates/SKILL-TEMPLATE.md +5 -4
package/README.md CHANGED
@@ -2,9 +2,11 @@
2
2
 
3
3
  ![スクショ](docs/images/report.png)
4
4
 
5
+ インストール不要・npxで使える、
5
6
  Webページのビジュアルリグレッションテスト (VRT) を行うCLIツール。
6
7
 
7
- 開発マシンに入っているブラウザを利用して、本番環境と開発/プレビュー環境のスクリーンショットの差分を検出する。
8
+ 開発マシンのブラウザを利用して、本番環境と開発環境のスクリーンショットの差分を検出する。
9
+
8
10
  テスト結果は
9
11
 
10
12
  - diff画像
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "web-corders-vrt",
3
- "version": "0.1.9",
3
+ "version": "0.1.11",
4
4
  "description": "Visual Regression Testing CLI tool for comparing web pages",
5
5
  "type": "module",
6
6
  "bin": {
package/src/templates/SKILL-TEMPLATE.md CHANGED
@@ -17,10 +17,11 @@ npx web-corders-vrt run \
17
17
  1. ユーザーから比較対象のドメインを指定された場合、それに従う。指示がない場合、afterは開発サーバーとし、起動していなければ `npm run dev` で起動して待機する。ここで起動したドメインとプロトコルをafterのドメインとする。
18
18
  2. 上記のコマンドでVRTを実行する（`--paths` はタスクに応じて設定する）
19
19
  3. `./vrt-results/` 内の最新ディレクトリにある `report.json` を読む
20
- 4. `status: "fail"` のテスト結果に注目する
21
- 5. 該当するdiff画像（`*--diff.png`）をReadツールで視覚的に確認する
22
- 6. diff画像から修正すべきCSSやHTMLの場所を特定できるなら修正にはいる。再度VRTを実行して修正が反映されたことを確認する
23
- 7. 修正が不可能ならユーザーにその旨を伝え、レポートが出来たことを伝える
20
+ 4. `status: "fail"` のテスト結果に注目し、どのパスで失敗したかをユーザーに報告する
21
+ 5. テスト失敗の原因を究明するか、ユーザーに尋ねる。NOであれば処理を終了する。YESであれば以下のステップに進む。
22
+ 6. 該当するdiff画像（`*--diff.png`）をReadツールで視覚的に確認する
23
+ 7. diff画像から修正すべきCSSやHTMLの場所を特定できるなら修正にはいる。再度VRTを実行して修正が反映されたことを確認する
24
+ 8. 修正が不可能ならユーザーにその旨を伝え、レポートが出来たことを伝える
24
25
 
25
26
  ## オプション
26
27