feat: add visual tools testing (reg-cli)

TomatoVan · Nov 5, 2023 · 74b6e7b · 74b6e7b
1 parent ebf03dc
commit 74b6e7b
Show file tree

Hide file tree

Showing 28 changed files with 182 additions and 50 deletions.
diff --git a/.gitignore b/.gitignore
@@ -1,6 +1,8 @@
 node_modules
 .idea
-
+.loki/report.html
+.loki/report.json
+/yarn.lock
 
 
 

diff --git a/.loki/reference/chrome_iphone7_pages_AboutPage_Dark.png b/.loki/reference/chrome_iphone7_pages_AboutPage_Dark.png
diff --git a/.loki/reference/chrome_iphone7_pages_MainPage_Dark.png b/.loki/reference/chrome_iphone7_pages_MainPage_Dark.png
diff --git a/.loki/reference/chrome_iphone7_pages_NotFoundPage_Dark.png b/.loki/reference/chrome_iphone7_pages_NotFoundPage_Dark.png
diff --git a/.loki/reference/chrome_iphone7_shared_AppLink_Primary_Dark.png b/.loki/reference/chrome_iphone7_shared_AppLink_Primary_Dark.png
diff --git a/.loki/reference/chrome_iphone7_shared_AppLink_Secondary.png b/.loki/reference/chrome_iphone7_shared_AppLink_Secondary.png
diff --git a/.loki/reference/chrome_iphone7_shared_Button_Outline_Dark.png b/.loki/reference/chrome_iphone7_shared_Button_Outline_Dark.png
diff --git a/.loki/reference/chrome_iphone7_widget_ErrorPage_Dark.png b/.loki/reference/chrome_iphone7_widget_ErrorPage_Dark.png
diff --git a/.loki/reference/chrome_iphone7_widget_Navbar_Dark.png b/.loki/reference/chrome_iphone7_widget_Navbar_Dark.png
diff --git a/.loki/reference/chrome_iphone7_widget_Navbar_Light.png b/.loki/reference/chrome_iphone7_widget_Navbar_Light.png
diff --git a/.loki/reference/chrome_iphone7_widget_Sidebar_Dark.png b/.loki/reference/chrome_iphone7_widget_Sidebar_Dark.png
diff --git a/.loki/reference/chrome_iphone7_widget_Sidebar_Light.png b/.loki/reference/chrome_iphone7_widget_Sidebar_Light.png
diff --git a/.loki/reference/chrome_laptop_pages_AboutPage_Dark.png b/.loki/reference/chrome_laptop_pages_AboutPage_Dark.png
diff --git a/.loki/reference/chrome_laptop_pages_MainPage_Dark.png b/.loki/reference/chrome_laptop_pages_MainPage_Dark.png
diff --git a/.loki/reference/chrome_laptop_pages_NotFoundPage_Dark.png b/.loki/reference/chrome_laptop_pages_NotFoundPage_Dark.png
diff --git a/.loki/reference/chrome_laptop_shared_AppLink_Primary_Dark.png b/.loki/reference/chrome_laptop_shared_AppLink_Primary_Dark.png
diff --git a/.loki/reference/chrome_laptop_shared_AppLink_Secondary.png b/.loki/reference/chrome_laptop_shared_AppLink_Secondary.png
diff --git a/.loki/reference/chrome_laptop_shared_Button_Outline_Dark.png b/.loki/reference/chrome_laptop_shared_Button_Outline_Dark.png
diff --git a/.loki/reference/chrome_laptop_widget_ErrorPage_Dark.png b/.loki/reference/chrome_laptop_widget_ErrorPage_Dark.png
diff --git a/.loki/reference/chrome_laptop_widget_Navbar_Dark.png b/.loki/reference/chrome_laptop_widget_Navbar_Dark.png
diff --git a/.loki/reference/chrome_laptop_widget_Navbar_Light.png b/.loki/reference/chrome_laptop_widget_Navbar_Light.png
diff --git a/.loki/reference/chrome_laptop_widget_Sidebar_Dark.png b/.loki/reference/chrome_laptop_widget_Sidebar_Dark.png
diff --git a/.loki/reference/chrome_laptop_widget_Sidebar_Light.png b/.loki/reference/chrome_laptop_widget_Sidebar_Light.png
diff --git a/extractedTranslations/en/translation.json b/extractedTranslations/en/translation.json
diff --git a/extractedTranslations/ru/translation.json b/extractedTranslations/ru/translation.json
diff --git a/package.json b/package.json
@@ -15,6 +15,9 @@
     "test:ui": "npx loki test",
     "test:ui:ok": "npx loki approve",
     "test:ui:ci": "loki --requireReference --reactUri file:./storybook-static",
+    "test:ui:json": "node scripts/generate-visual-json-report.js",
+    "test:ui:html": "reg-cli --from .loki/report.json --report .loki/report.html",
+    "test:ui:report": "npm run test:ui:json && npm run test:ui:html",
     "storybook": "start-storybook -p 6006 -c ./config/storybook",
     "storybook:build": "build-storybook -c ./config/storybook"
   },
@@ -64,6 +67,7 @@
     "loki": "^0.33.0",
     "mini-css-extract-plugin": "^2.5.3",
     "postcss": "8",
+    "reg-cli": "^0.17.7",
     "regenerator-runtime": "^0.13.9",
     "sass": "^1.49.9",
     "sass-loader": "^12.6.0",

diff --git a/scripts/generate-visual-json-report.js b/scripts/generate-visual-json-report.js
@@ -0,0 +1,28 @@
+const { promisify } = require('util');
+const { readdir, writeFile } = require('fs');
+const { join: joinPath, relative } = require('path');
+
+const asyncReaddir = promisify(readdir);
+const writeFileAsync = promisify(writeFile);
+
+const lokiDir = joinPath(__dirname, '..', '.loki');
+const actualDir = joinPath(lokiDir, 'current');
+const expectedDir = joinPath(lokiDir, 'reference');
+const diffDir = joinPath(lokiDir, 'difference');
+
+(async function main() {
+    const diffs = await asyncReaddir(diffDir);
+
+    await writeFileAsync(joinPath(lokiDir, 'report.json'), JSON.stringify({
+        newItems: [],
+        deletedItems: [],
+        passedItems: [],
+        failedItems: diffs,
+        expectedItems: diffs,
+        actualItems: diffs,
+        diffItems: diffs,
+        actualDir: relative(lokiDir, actualDir),
+        expectedDir: relative(lokiDir, expectedDir),
+        diffDir: relative(lokiDir, diffDir),
+    }));
+}());