@public-ui/visual-tests 3.0.7-rc.0 → 4.0.0-alpha.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@public-ui/visual-tests",
-  "version": "3.0.7-rc.0",
+  "version": "4.0.0-alpha.1",
   "license": "EUPL-1.2",
   "homepage": "https://public-ui.github.io",
   "repository": {
@@ -28,7 +28,7 @@
     "axe-playwright": "2.2.2",
     "portfinder": "1.0.38",
     "serve": "14.2.5",
-    "@public-ui/sample-react": "3.0.7-rc.0"
+    "@public-ui/sample-react": "4.0.0-alpha.1"
   },
   "devDependencies": {
     "@babel/eslint-parser": "7.28.4",
@@ -36,7 +36,7 @@
     "@babel/preset-env": "7.28.3",
     "@playwright/test": "1.55.1",
     "eslint": "8.57.1",
-    "knip": "5.64.0",
+    "knip": "5.64.1",
     "prettier": "3.6.2"
   },
   "peerDependencies": {

package/tests/sample-app.routes.js

@@ -160,6 +160,10 @@ ROUTES.set('button/baselined', {
 });
 ROUTES.set('button/short-key', {
 	snapshot: {
+		viewportSize: {
+			width: 800,
+			height: 434,
+		},
 		zoom: {
 			skip: true,
 		},
@@ -666,6 +670,10 @@ ROUTES.set('split-button/basic', {
 });
 ROUTES.set('table/horizontal-scrollbar', {
 	snapshot: {
+		viewportSize: {
+			width: 800,
+			height: 800,
+		},
 		zoom: {
 			skip: true,
 		},
@@ -673,6 +681,10 @@ ROUTES.set('table/horizontal-scrollbar', {
 });
 ROUTES.set('table/column-alignment', {
 	snapshot: {
+		viewportSize: {
+			width: 800,
+			height: 400,
+		},
 		zoom: {
 			skip: true,
 		},
@@ -680,6 +692,10 @@ ROUTES.set('table/column-alignment', {
 });
 ROUTES.set('table/sort-data', {
 	snapshot: {
+		viewportSize: {
+			width: 800,
+			height: 400,
+		},
 		skip: true,
 		zoom: {
 			skip: true,
@@ -688,6 +704,10 @@ ROUTES.set('table/sort-data', {
 });
 ROUTES.set('table/with-footer', {
 	snapshot: {
+		viewportSize: {
+			width: 800,
+			height: 360,
+		},
 		zoom: {
 			skip: true,
 		},
@@ -695,6 +715,10 @@ ROUTES.set('table/with-footer', {
 });
 ROUTES.set('table/with-pagination', {
 	snapshot: {
+		viewportSize: {
+			width: 800,
+			height: 740,
+		},
 		zoom: {
 			skip: true,
 		},
@@ -702,6 +726,10 @@ ROUTES.set('table/with-pagination', {
 });
 ROUTES.set('table/pagination-position', {
 	snapshot: {
+		viewportSize: {
+			width: 800,
+			height: 400,
+		},
 		skip: true,
 		zoom: {
 			skip: true,
@@ -710,6 +738,10 @@ ROUTES.set('table/pagination-position', {
 });
 ROUTES.set('table/complex-headers', {
 	snapshot: {
+		viewportSize: {
+			width: 800,
+			height: 400,
+		},
 		zoom: {
 			skip: true,
 		},
@@ -717,6 +749,10 @@ ROUTES.set('table/complex-headers', {
 });
 ROUTES.set('table/non-hidable-columns', {
 	snapshot: {
+		viewportSize: {
+			width: 800,
+			height: 235,
+		},
 		zoom: {
 			skip: true,
 		},
@@ -724,6 +760,10 @@ ROUTES.set('table/non-hidable-columns', {
 });
 ROUTES.set('table/stateful-with-selection', {
 	snapshot: {
+		viewportSize: {
+			width: 800,
+			height: 509,
+		},
 		zoom: {
 			skip: true,
 		},
@@ -731,20 +771,32 @@ ROUTES.set('table/stateful-with-selection', {
 });
 ROUTES.set('table/stateful-with-single-selection', {
 	snapshot: {
+		viewportSize: {
+			width: 800,
+			height: 370,
+		},
 		zoom: {
 			skip: true,
 		},
 	},
 });
-ROUTES.set('table/stateless-with-single-selection', {
+ROUTES.set('table/stateless-with-selection', {
 	snapshot: {
+		viewportSize: {
+			width: 800,
+			height: 495,
+		},
 		zoom: {
 			skip: true,
 		},
 	},
 });
-ROUTES.set('table/stateless-with-selection', {
+ROUTES.set('table/stateless-with-single-selection', {
 	snapshot: {
+		viewportSize: {
+			width: 800,
+			height: 370,
+		},
 		zoom: {
 			skip: true,
 		},
@@ -752,12 +804,30 @@ ROUTES.set('table/stateless-with-selection', {
 });
 ROUTES.set('table/stateless', {
 	snapshot: {
+		viewportSize: {
+			width: 800,
+			height: 400,
+		},
 		skip: true,
 		zoom: {
 			skip: true,
 		},
 	},
 });
+ROUTES.set('table/sticky-header', {
+	axe: {
+		skipFailures: true,
+	},
+	snapshot: {
+		viewportSize: {
+			width: 1300,
+			height: 1000,
+		},
+		zoom: {
+			skip: true,
+		},
+	},
+});
 ROUTES.set('tabs/basic', {
 	snapshot: {
 		zoom: {
@@ -831,137 +901,17 @@ ROUTES.set('textarea/with-counter', {
 		},
 	},
 });
-ROUTES.set('toast/basic', {
-	snapshot: {
-		skip: true,
-		zoom: {
-			skip: true,
-		},
-	},
-});
-ROUTES.set('toast/basic?type=info', {
-	snapshot: {
-		viewportSize: {
-			width: 600,
-			height: 300,
-		},
-		zoom: {
-			skip: true,
-		},
-	},
-});
-ROUTES.set('toast/basic?type=success', {
-	snapshot: {
-		viewportSize: {
-			width: 600,
-			height: 300,
-		},
-		zoom: {
-			skip: true,
-		},
-	},
-});
-ROUTES.set('toast/basic?type=warning', {
-	snapshot: {
-		viewportSize: {
-			width: 600,
-			height: 300,
-		},
-		zoom: {
-			skip: true,
-		},
-	},
-});
-ROUTES.set('toast/basic?type=error', {
-	snapshot: {
-		viewportSize: {
-			width: 600,
-			height: 300,
-		},
-		zoom: {
-			skip: true,
-		},
-	},
-});
-ROUTES.set('toast/basic?variant=msg', {
-	snapshot: {
-		viewportSize: {
-			width: 600,
-			height: 300,
-		},
-		zoom: {
-			skip: true,
-		},
-	},
-});
-ROUTES.set('toast/basic?variant=card', {
-	snapshot: {
-		viewportSize: {
-			width: 600,
-			height: 300,
-		},
-		zoom: {
-			skip: true,
-		},
-	},
-});
-
-ROUTES.set('toast/basic?type=default&variant=msg', {
+ROUTES.set('toast/configurator', {
 	snapshot: {
 		viewportSize: {
 			width: 600,
-			height: 300,
+			height: 750,
 		},
 		zoom: {
 			skip: true,
 		},
 	},
 });
-ROUTES.set('toast/basic?type=info&variant=msg', {
-	snapshot: {
-		viewportSize: {
-			width: 600,
-			height: 300,
-		},
-		zoom: {
-			skip: true,
-		},
-	},
-});
-ROUTES.set('toast/basic?type=success&variant=msg', {
-	snapshot: {
-		viewportSize: {
-			width: 600,
-			height: 300,
-		},
-		zoom: {
-			skip: true,
-		},
-	},
-});
-ROUTES.set('toast/basic?type=warning&variant=msg', {
-	snapshot: {
-		viewportSize: {
-			width: 600,
-			height: 300,
-		},
-		zoom: {
-			skip: true,
-		},
-	},
-});
-ROUTES.set('toast/basic?type=error&variant=msg', {
-	snapshot: {
-		viewportSize: {
-			width: 600,
-			height: 300,
-		},
-		zoom: {
-			skip: true,
-		},
-	},
-});
-
 ROUTES.set('toolbar/basic', {
 	snapshot: {
 		viewportSize: {