@public-ui/visual-tests 3.0.0-rc.1 → 3.0.0-rc.3
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +6 -2
- package/package.json +6 -6
- package/playwright.config.js +4 -0
- package/tests/sample-app.routes.js +0 -20
package/README.md
CHANGED
|
@@ -48,8 +48,12 @@ Add the following npm scripts to the theme's `package.json`:
|
|
|
48
48
|
}
|
|
49
49
|
```
|
|
50
50
|
|
|
51
|
-
|
|
52
|
-
|
|
51
|
+
### Environment variables
|
|
52
|
+
|
|
53
|
+
- `THEME_MODULE`: Define the relative path to the TypeScript module containing the theme definitions. Without file extension.
|
|
54
|
+
- `THEME_EXPERT`: Define the name of the export within the module. (e.g., `export const THEME_NAME = {/**/};`) Defaults to `default`.
|
|
55
|
+
- `KOLIBRI_VISUAL_TESTS_TIMEOUT`: Define the Playwright [test timeout](https://playwright.dev/docs/test-timeouts).
|
|
56
|
+
- `KOLIBRI_VISUAL_TESTS_EXPECT_TIMEOUT`: Define the Playwright [expect timeout](https://playwright.dev/docs/test-timeouts).
|
|
53
57
|
|
|
54
58
|
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.
|
|
55
59
|
In the following runs, new screenshots will be compared to this reference.
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@public-ui/visual-tests",
|
|
3
|
-
"version": "3.0.0-rc.
|
|
3
|
+
"version": "3.0.0-rc.3",
|
|
4
4
|
"license": "EUPL-1.2",
|
|
5
5
|
"homepage": "https://public-ui.github.io",
|
|
6
6
|
"repository": {
|
|
@@ -22,19 +22,19 @@
|
|
|
22
22
|
"kolibri-visual-test": "src/index.js"
|
|
23
23
|
},
|
|
24
24
|
"dependencies": {
|
|
25
|
-
"@playwright/test": "1.49.
|
|
25
|
+
"@playwright/test": "1.49.1",
|
|
26
26
|
"axe-playwright": "2.0.3",
|
|
27
27
|
"portfinder": "1.0.32",
|
|
28
28
|
"serve": "14.2.4",
|
|
29
|
-
"@public-ui/sample-react": "3.0.0-rc.
|
|
29
|
+
"@public-ui/sample-react": "3.0.0-rc.3"
|
|
30
30
|
},
|
|
31
31
|
"devDependencies": {
|
|
32
32
|
"@babel/eslint-parser": "7.25.9",
|
|
33
33
|
"@babel/plugin-syntax-import-attributes": "7.26.0",
|
|
34
|
-
"@babel/preset-env": "7.26.
|
|
34
|
+
"@babel/preset-env": "7.26.7",
|
|
35
35
|
"eslint": "8.57.1",
|
|
36
|
-
"knip": "5.
|
|
37
|
-
"prettier": "3.
|
|
36
|
+
"knip": "5.40.0",
|
|
37
|
+
"prettier": "3.4.2"
|
|
38
38
|
},
|
|
39
39
|
"files": [
|
|
40
40
|
"playwright.config.js",
|
package/playwright.config.js
CHANGED
|
@@ -36,6 +36,10 @@ export default defineConfig({
|
|
|
36
36
|
trace: 'on-first-retry',
|
|
37
37
|
},
|
|
38
38
|
|
|
39
|
+
expect: {
|
|
40
|
+
timeout: process.env.KOLIBRI_VISUAL_TESTS_EXPECT_TIMEOUT ? Number(process.env.KOLIBRI_VISUAL_TESTS_EXPECT_TIMEOUT) : undefined,
|
|
41
|
+
},
|
|
42
|
+
|
|
39
43
|
/* Configure projects for major browsers */
|
|
40
44
|
projects: [
|
|
41
45
|
// {
|
|
@@ -60,11 +60,6 @@ ROUTES.set('breadcrumb/basic', {
|
|
|
60
60
|
skipFailures: false,
|
|
61
61
|
},
|
|
62
62
|
});
|
|
63
|
-
ROUTES.set('button-group/basic', {
|
|
64
|
-
axe: {
|
|
65
|
-
skipFailures: false,
|
|
66
|
-
},
|
|
67
|
-
});
|
|
68
63
|
ROUTES.set('button-link/basic', {
|
|
69
64
|
axe: {
|
|
70
65
|
skipFailures: false,
|
|
@@ -179,11 +174,6 @@ ROUTES.set('image/basic', {
|
|
|
179
174
|
skipFailures: false,
|
|
180
175
|
},
|
|
181
176
|
});
|
|
182
|
-
ROUTES.set('indented-text/basic', {
|
|
183
|
-
axe: {
|
|
184
|
-
skipFailures: false,
|
|
185
|
-
},
|
|
186
|
-
});
|
|
187
177
|
ROUTES.set('input-checkbox/basic', null);
|
|
188
178
|
ROUTES.set('input-checkbox/button', null);
|
|
189
179
|
ROUTES.set('input-checkbox/switch', null);
|
|
@@ -210,16 +200,6 @@ ROUTES.set('link-button/basic', {
|
|
|
210
200
|
skipFailures: false,
|
|
211
201
|
},
|
|
212
202
|
});
|
|
213
|
-
ROUTES.set('link-group/basic', {
|
|
214
|
-
axe: {
|
|
215
|
-
skipFailures: false,
|
|
216
|
-
},
|
|
217
|
-
});
|
|
218
|
-
ROUTES.set('link-group/horizontal', {
|
|
219
|
-
axe: {
|
|
220
|
-
skipFailures: false,
|
|
221
|
-
},
|
|
222
|
-
});
|
|
223
203
|
ROUTES.set('link/basic', {
|
|
224
204
|
axe: {
|
|
225
205
|
skipFailures: false,
|