build(npm): Add vrt commands to npm-scripts

.gitignore

@@ -43,3 +43,4 @@ storybook-static/
 .reg
 regconfig.json
 __screenshots__/
+.storycap/

components/atoms/markdown/index.stories.tsx

@@ -14,9 +14,9 @@ const body = `
   <h4>h4 見出し</h4>
   <h5>h5 見出し</h5>
   <h6>h6 見出し</h6>
-  
+
   <p>Mattis curabitur penatibus pulvinar consequat taciti nunc aptent libero feugiat, vitae platea accumsan tristique ligula viverra sollicitudin dolor mollis est, tempor nibh hac netus adipiscing felis odio rutrum.</p>
-  
+
   <p>Mattis curabitur penatibus pulvinar <a href="#">consequat</a> taciti nunc aptent libero feugiat, vitae platea accumsan tristique ligula viverra sollicitudin dolor mollis est, tempor nibh hac netus adipiscing felis odio rutrum.</p>
 `
 

package.json

@@ -12,7 +12,13 @@
     "analyze": "ANALYZE=true npm run build",
     "storybook": "start-storybook -s ./public -p 6006",
     "build-storybook": "build-storybook -s ./public",
-    "vrt:cap": "storycap --serverTimeout 60000 --captureTimeout 10000 --serverCmd 'http-server storybook-static --ci -p 6007' http://localhost:6007",
+    "vrt:cap:build-storybook": "build-storybook --static-dir ./public --output-dir .storycap/storybook-static",
+    "vrt:cap": "npm run vrt:cap:build-storybook && storycap --serverTimeout 60000 --captureTimeout 10000 --serverCmd 'http-server .storycap/storybook-static --ci -p 6007' http://localhost:6007",
+    "vrt:cap:before": "npm run vrt:cap -- --outDir .storycap/screenshots/before",
+    "vrt:cap:after": "npm run vrt:cap -- --outDir .storycap/screenshots/after",
+    "vrt:diff": "reg-cli .storycap/screenshots/after .storycap/screenshots/before .storycap/screenshots/diff --report .storycap/report.html --json .storycap/reg.json --matchingThreshold 0.1",
+    "vrt:report": "open .storycap/report.html",
+    "vrt:check": "npm run vrt:cap:after && npm run vrt:diff || npm run vrt:report",
     "vrt:run": "reg-suit run",
     "vrt": "npm run build-storybook && npm run vrt:cap && npm run vrt:run",
     "ci:vrt:config": "cpy ./regconfig.ci.json ./ --rename=regconfig.json",

reg.json

@@ -0,0 +1 @@
+{"failedItems":["components/atoms/header_logo/index/Default.png","components/atoms/markdown/index/Default.png"],"newItems":[],"deletedItems":[],"passedItems":["components/atoms/footer_logo/index/Default.png","components/atoms/time_svg/index/Default.png","components/atoms/time/index/Default.png"],"expectedItems":["components/atoms/footer_logo/index/Default.png","components/atoms/header_logo/index/Default.png","components/atoms/markdown/index/Default.png","components/atoms/time_svg/index/Default.png","components/atoms/time/index/Default.png"],"actualItems":["components/atoms/footer_logo/index/Default.png","components/atoms/header_logo/index/Default.png","components/atoms/markdown/index/Default.png","components/atoms/time_svg/index/Default.png","components/atoms/time/index/Default.png"],"diffItems":["components/atoms/header_logo/index/Default.png","components/atoms/markdown/index/Default.png"],"actualDir":"./.storycap/screenshots/before","expectedDir":"./.storycap/screenshots/after","diffDir":"./.storycap/screenshots/diff"}