feat: Refactor the ui visual regression

dabeng · Oct 6, 2019 · 09f43ae · 09f43ae
1 parent eca70c9
commit 09f43ae
Show file tree

Hide file tree

Showing 6 changed files with 16 additions and 6 deletions.
diff --git a/.travis.yml b/.travis.yml
@@ -1,5 +1,5 @@
 language: node_js
-node_js: "6"
+node_js: "8"
 
 before_install:
     - stty cols 80

diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "orgchart",
-  "version": "2.1.6",
+  "version": "2.1.7",
   "description": "Simple and direct organization chart(tree-like hierarchy) plugin based on pure DOM and jQuery.",
   "main": "./dist/js/jquery.orgchart.min.js",
   "style": [

diff --git a/...napshots__/test-js-orgchart-visual-regression-tests-zoomin-correctly-1-snap.png b/...napshots__/test-js-orgchart-visual-regression-tests-zoomin-correctly-1-snap.png
diff --git a/...apshots__/test-js-orgchart-visual-regression-tests-zoomout-correctly-1-snap.png b/...apshots__/test-js-orgchart-visual-regression-tests-zoomout-correctly-1-snap.png
diff --git a/test/visual-regression/zoom/test.js b/test/visual-regression/zoom/test.js
@@ -1,9 +1,19 @@
-const { toMatchImageSnapshot } = require("jest-image-snapshot");
+const { toMatchImageSnapshot } = require('jest-image-snapshot');
 
 expect.extend({ toMatchImageSnapshot });
 
+const config = {
+  failureThreshold: 0.01,
+  failureThresholdType: 'percent'
+};
+
 describe('orgchart -- visual regression tests', () => {
   beforeAll(async () => {
+    await page.setViewport({
+      width: 1680,
+      height: 450,
+      deviceScaleFactor: 1,
+    });
     await page.goto(
       `file:${require('path').join(__dirname, '../../../demo/pan-zoom.html')}`
     );
@@ -18,7 +28,7 @@ describe('orgchart -- visual regression tests', () => {
       el.dispatchEvent(syntheticEvent);
     });
     const image = await page.screenshot();
-    expect(image).toMatchImageSnapshot();
+    expect(image).toMatchImageSnapshot(config);
   });
 
   it('zoomout correctly', async () => {
@@ -31,6 +41,6 @@ describe('orgchart -- visual regression tests', () => {
       el.dispatchEvent(syntheticEvent);
     });
     const image = await page.screenshot();
-    expect(image).toMatchImageSnapshot();
+    expect(image).toMatchImageSnapshot(config);
   });
 });