@public-ui/visual-tests 2.1.2 → 2.1.4-alpha.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@public-ui/visual-tests",
-  "version": "2.1.2",
+  "version": "2.1.4-alpha.1",
   "license": "EUPL-1.2",
   "homepage": "https://public-ui.github.io",
   "repository": {
@@ -22,20 +22,20 @@
     "kolibri-visual-test": "src/index.js"
   },
   "dependencies": {
-    "@playwright/test": "1.44.1",
+    "@playwright/test": "1.45.0",
     "axe-playwright": "2.0.1",
     "portfinder": "1.0.32",
     "serve": "14.2.3",
-    "@public-ui/sample-react": "2.1.2"
+    "@public-ui/sample-react": "2.1.4-alpha.1"
   },
   "devDependencies": {
     "@babel/eslint-parser": "7.24.7",
     "@babel/plugin-syntax-import-attributes": "7.24.7",
     "@babel/preset-env": "7.24.7",
     "eslint": "8.57.0",
-    "eslint-plugin-no-loops": "0.3.0",
-    "knip": "5.18.2",
-    "prettier": "3.3.1"
+    "eslint-plugin-no-loops": "0.4.0",
+    "knip": "5.23.0",
+    "prettier": "3.3.2"
   },
   "files": [
     "playwright.config.js",

package/tests/sample-app.routes.js

@@ -140,6 +140,30 @@ ROUTES.set('details/basic', {
 		skipFailures: false,
 	},
 });
+ROUTES.set('drawer/basic?align=left', {
+	viewportSize: {
+		width: 1920,
+		height: 600,
+	},
+});
+ROUTES.set('drawer/basic?align=top', {
+	viewportSize: {
+		width: 800,
+		height: 600,
+	},
+});
+ROUTES.set('drawer/basic?align=right', {
+	viewportSize: {
+		width: 1920,
+		height: 600,
+	},
+});
+ROUTES.set('drawer/basic?align=bottom', {
+	viewportSize: {
+		width: 800,
+		height: 600,
+	},
+});
 ROUTES.set('form/basic', {
 	axe: {
 		skipFailures: false,
@@ -426,3 +450,25 @@ ROUTES.set('scenarios/disabled-interactive-scenario', {
 		skipFailures: false,
 	},
 });
+
+/* Focus tests */
+ROUTES.set('scenarios/focus-elements?component=inputCheckbox');
+ROUTES.set('scenarios/focus-elements?component=inputColor');
+ROUTES.set('scenarios/focus-elements?component=inputDate');
+ROUTES.set('scenarios/focus-elements?component=inputEmail');
+ROUTES.set('scenarios/focus-elements?component=inputFile');
+ROUTES.set('scenarios/focus-elements?component=inputFileMultiple');
+ROUTES.set('scenarios/focus-elements?component=inputNumber');
+ROUTES.set('scenarios/focus-elements?component=inputPassword');
+ROUTES.set('scenarios/focus-elements?component=inputRadio');
+ROUTES.set('scenarios/focus-elements?component=inputRange');
+ROUTES.set('scenarios/focus-elements?component=inputText');
+ROUTES.set('scenarios/focus-elements?component=select');
+ROUTES.set('scenarios/focus-elements?component=selectMultiple');
+ROUTES.set('scenarios/focus-elements?component=textarea');
+ROUTES.set('scenarios/focus-elements?component=accordion');
+ROUTES.set('scenarios/focus-elements?component=button');
+ROUTES.set('scenarios/focus-elements?component=buttonLink');
+ROUTES.set('scenarios/focus-elements?component=details');
+ROUTES.set('scenarios/focus-elements?component=link');
+ROUTES.set('scenarios/focus-elements?component=linkButton');

package/tests/theme-snapshots.spec.js

@@ -51,7 +51,8 @@ ROUTES.forEach((options, route) => {
 		return;
 	}
 	test(`snapshot for ${route}`, async ({ page }) => {
-		await page.goto(`/#${route}?hideMenus`, { waitUntil: 'networkidle' });
+		const hideMenusParam = `${route.includes('?') ? '&' : '?'}hideMenus`;
+		await page.goto(`/#${route}${hideMenusParam}`, { waitUntil: 'networkidle' });
 		if (options?.viewportSize) {
 			await page.setViewportSize(options.viewportSize);
 		}