@public-ui/visual-tests 4.0.0-alpha.7 → 4.0.0-alpha.8

package/README.md

@@ -45,7 +45,7 @@ Add the following npm scripts to the theme's `package.json`:
 {
 	"scripts": {
 		"test": "THEME_MODULE=src/index THEME_EXPORT=THEME_NAME kolibri-visual-test",
-		"test-update": "THEME_MODULE=src/index THEME_EXPORT=THEME_NAME kolibri-visual-test --update-snapshots=changed"
+		"test:update:e2e": "THEME_MODULE=src/index THEME_EXPORT=THEME_NAME kolibri-visual-test --update-snapshots=changed"
 	}
 }
 ```
@@ -61,6 +61,6 @@ Add the following npm scripts to the theme's `package.json`:
 Run the tests with `npm test`. The first time, this will create a new folder `snapshots` which is supposed to be committed to the repository.
 In the following runs, new screenshots will be compared to this reference.
 
-To update the reference screenshots call `npm run test-update`.
+To update the reference screenshots call `npm run test:update`.
 
 For details on theming see the [default theme README](../../themes/default/README.md).

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@public-ui/visual-tests",
-  "version": "4.0.0-alpha.7",
+  "version": "4.0.0-alpha.8",
   "license": "EUPL-1.2",
   "homepage": "https://public-ui.github.io",
   "repository": {
@@ -29,7 +29,7 @@
     "axe-html-reporter": "2.2.11",
     "portfinder": "1.0.38",
     "serve": "14.2.5",
-    "@public-ui/sample-react": "4.0.0-alpha.7"
+    "@public-ui/sample-react": "4.0.0-alpha.8"
   },
   "devDependencies": {
     "@babel/eslint-parser": "7.28.5",
@@ -38,7 +38,7 @@
     "@playwright/test": "1.57.0",
     "eslint": "8.57.1",
     "knip": "5.71.0",
-    "prettier": "3.7.3",
+    "prettier": "3.7.4",
     "prettier-plugin-organize-imports": "4.3.0"
   },
   "peerDependencies": {

package/tests/sample-app.routes.js

@@ -493,6 +493,36 @@ ROUTES.set('input-range/basic?noColumns', {
 	},
 });
 ROUTES.set('input-text/basic?noColumns', {
+	snapshot: {
+		skip: true,
+		zoom: {
+			skip: true,
+		},
+	},
+});
+ROUTES.set('input-text/message-types?noColumns', {
+	snapshot: {
+		viewportSize: {
+			width: 500,
+			height: 0,
+		},
+		zoom: {
+			skip: true,
+		},
+	},
+});
+ROUTES.set('input-text/placeholder?noColumns', {
+	snapshot: {
+		viewportSize: {
+			width: 500,
+			height: 0,
+		},
+		zoom: {
+			skip: true,
+		},
+	},
+});
+ROUTES.set('input-text/disabled?noColumns', {
 	snapshot: {
 		viewportSize: {
 			width: 500,
@@ -503,7 +533,7 @@ ROUTES.set('input-text/basic?noColumns', {
 		},
 	},
 });
-ROUTES.set('input-text/text-formatter', {
+ROUTES.set('input-text/readonly?noColumns', {
 	snapshot: {
 		viewportSize: {
 			width: 500,
@@ -514,6 +544,85 @@ ROUTES.set('input-text/text-formatter', {
 		},
 	},
 });
+ROUTES.set('input-text/access-short-key?noColumns', {
+	snapshot: {
+		viewportSize: {
+			width: 500,
+			height: 0,
+		},
+		zoom: {
+			skip: true,
+		},
+	},
+});
+ROUTES.set('input-text/hide-label?noColumns', {
+	snapshot: {
+		viewportSize: {
+			width: 800,
+			height: 0,
+		},
+		zoom: {
+			skip: true,
+		},
+	},
+});
+ROUTES.set('input-text/hide-msg?noColumns', {
+	snapshot: {
+		viewportSize: {
+			width: 800,
+			height: 0,
+		},
+		zoom: {
+			skip: true,
+		},
+	},
+});
+ROUTES.set('input-text/text-formatter?noColumns', {
+	snapshot: {
+		skip: true,
+		zoom: {
+			skip: true,
+		},
+	},
+});
+ROUTES.set('input-text/smart-button?noColumns', {
+	snapshot: {
+		viewportSize: {
+			width: 500,
+			height: 0,
+		},
+		zoom: {
+			skip: true,
+		},
+	},
+});
+ROUTES.set('input-text/expert-slot?noColumns', {
+	snapshot: {
+		skip: true,
+		zoom: {
+			skip: true,
+		},
+	},
+});
+ROUTES.set('input-text/select-range?noColumns', {
+	snapshot: {
+		skip: true,
+		zoom: {
+			skip: true,
+		},
+	},
+});
+ROUTES.set('input-text/background?noColumns', {
+	snapshot: {
+		viewportSize: {
+			width: 250,
+			height: 0,
+		},
+		zoom: {
+			skip: true,
+		},
+	},
+});
 ROUTES.set('kolibri/basic', {
 	snapshot: {
 		skip: true,
@@ -608,6 +717,9 @@ ROUTES.set('popover-button/basic', {
 		},
 	},
 });
+ROUTES.set('popover-button/inline', {
+	snapshot: {},
+});
 ROUTES.set('progress/basic', {
 	snapshot: {
 		zoom: {