test(vitest): Update browser provider

update from webdriverio:chrome to playwright:chromium Ref naver#3681
netil · Aug 8, 2024 · b8d2642 · b8d2642
1 parent 051e821
commit b8d2642
Show file tree

Hide file tree

Showing 10 changed files with 105 additions and 1,364 deletions.
diff --git a/package.json b/package.json
@@ -142,6 +142,7 @@
 		"lint-staged": "^15.2.7",
 		"mini-css-extract-plugin": "^2.9.0",
 		"node-sass": "^9.0.0",
+		"playwright": "^1.46.0",
 		"regenerator-runtime": "^0.14.1",
 		"rollup": "^4.19.1",
 		"rollup-plugin-delete": "^2.0.0",
@@ -156,7 +157,6 @@
 		"typescript": "5.5.4",
 		"typescript-eslint": "^7.18.0",
 		"vitest": "^2.0.5",
-		"webdriverio": "^8.39.1",
 		"webpack": "^5.93.0",
 		"webpack-bundle-analyzer": "^4.10.2",
 		"webpack-clean": "^1.2.5",

diff --git a/test/api/axis-spec.ts b/test/api/axis-spec.ts
@@ -3,7 +3,7 @@
  * billboard.js project is licensed under the MIT license
  */
 /* eslint-disable */
-import {beforeEach, beforeAll, afterAll, describe, expect, it} from "vitest";
+import {beforeAll, afterAll, describe, expect, it} from "vitest";
 import {select as d3Select} from "d3-selection";
 import util from "../assets/util";
 import {$AXIS} from "../../src/config/classes";

diff --git a/test/api/chart-spec.ts b/test/api/chart-spec.ts
@@ -114,6 +114,7 @@ describe("API chart", () => {
 				expect(/^\(\)\s?=\>\s?\{/.test(chart[key].toString())).to.be.true;
 			});
 
+			// @ts-ignore
 			expect(bb.instance.indexOf(chart) === -1).to.be.true;
 
 			const el = <HTMLDivElement>document.getElementById("chart");

diff --git a/test/api/export-spec.ts b/test/api/export-spec.ts
@@ -205,12 +205,21 @@ describe("API export", () => {
 				"gEMwIYvjgilxAsgoYFymZLtEoI4ACaBlzpB5Aqh4u1HAwik2LwOTAFo2",
 				"n3KPP7RFhvxMH97ZLyZpsgzMpjX2Qk8O3IUePj1WqYqk0kYkwz"
 			],
+
+			// pattern for webdriverio
 			[
 				"nSetJ0vvOG1XcoZ8BQEeD3w9CCB6BGIkmCiAIze",
 				"BhTIwMPCQiOxewt4m8Xj8HxSAQVGnnXoQ0J7YGzDD",
 				"ANwDC7nf6iqhRcXno2cQP2wnXM4qpFnSLACzpHlfYysmAV1jezaWxGgmFrai6bp9Y6Ryp2AaM"
 			],
 
+			// pattern for playwright
+			[
+				"31YqlQ4kAUzcNOyQCCSKAAlgonCzs7QgQAKYFktRzrAIDA8PnyciH2vz3va",
+				"VSxTBFAVCvG9EcqwrJwaBEx59kIYM9JQYJFFMGbYFyyozdCPQ4p7",
+				"2vI8zkABqEdwKQD1iANHAPWIAwWgHnHgCGDV4qCTYBoXGfC6I05zJgMYW4lmeko"
+			],
+
 			// pattern for CI: preserveFontStyle=false
 			[
 				"CZJgASaSGA5AGcAWG3wNiJg5ybawqZJgARsIEABaAPUclXqU3rWhk",

diff --git a/test/internals/axis-spec.ts b/test/internals/axis-spec.ts
@@ -1300,7 +1300,7 @@ describe("AXIS", function() {
 			const xAxisTickRotate = internal.getAxisTickRotate("x");
 
 			expect(xAxisTickRotate).to.be.equal(expectedXAxisTickRotate);
-			expect(xAxisBoundingClientRect.height).to.be.closeTo(expectedXAxisBoundingClientRect, 1);
+			expect(xAxisBoundingClientRect.height).to.be.closeTo(expectedXAxisBoundingClientRect, 1.5);
 			expect(horizontalXAxisHeight).to.be.closeTo(expectedHorizontalXAxisHeight, 2);
 
 			const xAxisTickTextY2Overflow = chart.internal.axis.getXAxisTickTextY2Overflow(defaultPadding);

diff --git a/test/internals/boost-spec.ts b/test/internals/boost-spec.ts
@@ -79,6 +79,6 @@ describe("BOOST", () => {
 					done(1);
 				}
 			)("abcd");
-		}));
+		}), 5000);
 	});
 });
diff --git a/test/internals/tooltip-position-spec.ts b/test/internals/tooltip-position-spec.ts
@@ -968,7 +968,7 @@ describe("TOOLTIP Position", function() {
 
 			const {y} = chart.$.tooltip.node().getBoundingClientRect();
 
-			expect(y > 175).to.be.true;
+			expect(y >= 175).to.be.true;
 		});
 	});
 });
diff --git a/test/module/module-spec.ts b/test/module/module-spec.ts
@@ -161,6 +161,6 @@ describe("MODULE", function() {
                 },
                 [depsFn]
             )();
-        }));
+        }), 5000);
     });
 });
diff --git a/vitest.config.ts b/vitest.config.ts
@@ -30,8 +30,8 @@ export default defineConfig({
         ],
         browser: {
             enabled: true,
-            provider: "webdriverio",
-            name: "chrome",
+            provider: "playwright",
+            name: "chromium",
             headless: true,
             viewport: {
                 width: 800,
-Original file line number
+Diff line change
@@ Expand Up / @@ -161,6 +161,6 @@ describe("MODULE", function() { @@
                     },
                     [depsFn]
                 )();
-            }));
+            }), 5000);
         });
     });