refactor: replace slow performing CSS selectors #13223
default.yml
on: pull_request
init
/
Init
22s
scan-secrets
/
TruffleHog
45s
get-playwright-version
/
Get and save publish version
21s
lint
/
Lint
51s
Matrix: init-playwright / init-playwright
build-showcase-react
/
Build Showcase react-showcase
32s
build-showcase-angular
/
Build Showcase angular-showcase
49s
build-showcase-vue
/
Build Showcase vue-showcase
28s
Matrix: test-components / playwright-ct
build-outputs
/
Build outputs
1m 0s
build-showcase-angular-ssr
/
Build Showcase angular-ssr-showcase
50s
build-showcase-next
/
Build Showcase next-showcase
49s
build-showcase-nuxt
/
Build Showcase nuxt-showcase
44s
Matrix: test-showcase-react / playwright-showcases
Matrix: test-screen-reader / playwright-screen-reader
Matrix: test-showcase-angular / playwright-showcases
Matrix: test-showcase-patternhub / playwright-showcases
Matrix: test-showcase-vue / playwright-showcases
regenerate-snapshots-components
/
regenerate-snapshots
regenerate-snapshots-foundations
/
regenerate-snapshots
regenerate-snapshots-patternhub
/
regenerate-snapshots
regenerate-snapshots
/
🧪🎭 - Regenerate snapshots showcases
27m 36s
deploy
/
Deploy
Annotations
13 errors, 4 warnings, and 4 notices
test-showcase-angular / 🧪🎭 - angular-showcase:3/6
Process completed with exit code 1.
|
[firefox] › default.ts:57:2 › DBNavigation › should match screenshot:
showcases/e2e/default.ts#L94
1) [firefox] › default.ts:57:2 › DBNavigation › should match screenshot ──────────────────────────
Error: Screenshot comparison failed:
1860 pixels (ratio 0.01 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/navigation/showcase/firefox/DBNavigation-should-match-screenshot-1/DBNavigation-should-match-screenshot.png
Received: /__w/mono/mono/showcases/angular-showcase/test-results/navigation-showcase-naviga-1138c-ion-should-match-screenshot-firefox/DBNavigation-should-match-screenshot-1-actual.png
Diff: /__w/mono/mono/showcases/angular-showcase/test-results/navigation-showcase-naviga-1138c-ion-should-match-screenshot-firefox/DBNavigation-should-match-screenshot-1-diff.png
Call log:
- expect.toHaveScreenshot with timeout 10000ms
- verifying given screenshot expectation
- taking page screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- 1860 pixels (ratio 0.01 of all image pixels) are different.
- waiting 100ms before taking screenshot
- taking page screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- captured a stable screenshot
- 1860 pixels (ratio 0.01 of all image pixels) are different.
92 | }
93 |
> 94 | await expect(page).toHaveScreenshot(config);
| ^
95 | });
96 |
97 | for (const color of COLORS) {
at /__w/mono/mono/showcases/e2e/default.ts:94:22
|
[firefox] › default.ts:57:2 › DBNavigation › should match screenshot:
showcases/e2e/default.ts#L94
1) [firefox] › default.ts:57:2 › DBNavigation › should match screenshot ──────────────────────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: Screenshot comparison failed:
1860 pixels (ratio 0.01 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/navigation/showcase/firefox/DBNavigation-should-match-screenshot-1/DBNavigation-should-match-screenshot.png
Received: /__w/mono/mono/showcases/angular-showcase/test-results/navigation-showcase-naviga-1138c-ion-should-match-screenshot-firefox-retry1/DBNavigation-should-match-screenshot-1-actual.png
Diff: /__w/mono/mono/showcases/angular-showcase/test-results/navigation-showcase-naviga-1138c-ion-should-match-screenshot-firefox-retry1/DBNavigation-should-match-screenshot-1-diff.png
Call log:
- expect.toHaveScreenshot with timeout 10000ms
- verifying given screenshot expectation
- taking page screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- 1860 pixels (ratio 0.01 of all image pixels) are different.
- waiting 100ms before taking screenshot
- taking page screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- captured a stable screenshot
- 1860 pixels (ratio 0.01 of all image pixels) are different.
92 | }
93 |
> 94 | await expect(page).toHaveScreenshot(config);
| ^
95 | });
96 |
97 | for (const color of COLORS) {
at /__w/mono/mono/showcases/e2e/default.ts:94:22
|
[chromium] › default.ts:57:2 › DBNavigation › should match screenshot:
showcases/e2e/default.ts#L94
1) [chromium] › default.ts:57:2 › DBNavigation › should match screenshot ─────────────────────────
Error: Screenshot comparison failed:
1860 pixels (ratio 0.01 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/navigation/showcase/chromium/DBNavigation-should-match-screenshot-1/DBNavigation-should-match-screenshot.png
Received: /__w/mono/mono/showcases/angular-showcase/test-results/navigation-showcase-naviga-1138c-ion-should-match-screenshot-chromium/DBNavigation-should-match-screenshot-1-actual.png
Diff: /__w/mono/mono/showcases/angular-showcase/test-results/navigation-showcase-naviga-1138c-ion-should-match-screenshot-chromium/DBNavigation-should-match-screenshot-1-diff.png
Call log:
- expect.toHaveScreenshot with timeout 10000ms
- verifying given screenshot expectation
- taking page screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- 1860 pixels (ratio 0.01 of all image pixels) are different.
- waiting 100ms before taking screenshot
- taking page screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- captured a stable screenshot
- 1860 pixels (ratio 0.01 of all image pixels) are different.
92 | }
93 |
> 94 | await expect(page).toHaveScreenshot(config);
| ^
95 | });
96 |
97 | for (const color of COLORS) {
at /__w/mono/mono/showcases/e2e/default.ts:94:22
|
[chromium] › default.ts:57:2 › DBNavigation › should match screenshot:
showcases/e2e/default.ts#L94
1) [chromium] › default.ts:57:2 › DBNavigation › should match screenshot ─────────────────────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: Screenshot comparison failed:
1860 pixels (ratio 0.01 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/navigation/showcase/chromium/DBNavigation-should-match-screenshot-1/DBNavigation-should-match-screenshot.png
Received: /__w/mono/mono/showcases/angular-showcase/test-results/navigation-showcase-naviga-1138c-ion-should-match-screenshot-chromium-retry1/DBNavigation-should-match-screenshot-1-actual.png
Diff: /__w/mono/mono/showcases/angular-showcase/test-results/navigation-showcase-naviga-1138c-ion-should-match-screenshot-chromium-retry1/DBNavigation-should-match-screenshot-1-diff.png
Call log:
- expect.toHaveScreenshot with timeout 10000ms
- verifying given screenshot expectation
- taking page screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- 1860 pixels (ratio 0.01 of all image pixels) are different.
- waiting 100ms before taking screenshot
- taking page screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- captured a stable screenshot
- 1860 pixels (ratio 0.01 of all image pixels) are different.
92 | }
93 |
> 94 | await expect(page).toHaveScreenshot(config);
| ^
95 | });
96 |
97 | for (const color of COLORS) {
at /__w/mono/mono/showcases/e2e/default.ts:94:22
|
test-showcase-angular / 🧪🎭 - angular-showcase:1/6
Process completed with exit code 1.
|
test-showcase-angular / 🧪🎭 - angular-showcase:2/6
Process completed with exit code 1.
|
[chromium-highContrast] › default.ts:57:2 › DBNavigation › should match screenshot:
showcases/e2e/default.ts#L94
1) [chromium-highContrast] › default.ts:57:2 › DBNavigation › should match screenshot ────────────
Error: Screenshot comparison failed:
2796 pixels (ratio 0.01 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/navigation/showcase/chromium-highContrast/DBNavigation-should-match-screenshot-1/DBNavigation-should-match-screenshot.png
Received: /__w/mono/mono/showcases/angular-showcase/test-results/navigation-showcase-naviga-1138c-ion-should-match-screenshot-chromium-highContrast/DBNavigation-should-match-screenshot-1-actual.png
Diff: /__w/mono/mono/showcases/angular-showcase/test-results/navigation-showcase-naviga-1138c-ion-should-match-screenshot-chromium-highContrast/DBNavigation-should-match-screenshot-1-diff.png
Call log:
- expect.toHaveScreenshot with timeout 10000ms
- verifying given screenshot expectation
- taking page screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- 2796 pixels (ratio 0.01 of all image pixels) are different.
- waiting 100ms before taking screenshot
- taking page screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- captured a stable screenshot
- 2796 pixels (ratio 0.01 of all image pixels) are different.
92 | }
93 |
> 94 | await expect(page).toHaveScreenshot(config);
| ^
95 | });
96 |
97 | for (const color of COLORS) {
at /__w/mono/mono/showcases/e2e/default.ts:94:22
|
[chromium-highContrast] › default.ts:57:2 › DBNavigation › should match screenshot:
showcases/e2e/default.ts#L94
1) [chromium-highContrast] › default.ts:57:2 › DBNavigation › should match screenshot ────────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: Screenshot comparison failed:
2796 pixels (ratio 0.01 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/navigation/showcase/chromium-highContrast/DBNavigation-should-match-screenshot-1/DBNavigation-should-match-screenshot.png
Received: /__w/mono/mono/showcases/angular-showcase/test-results/navigation-showcase-naviga-1138c-ion-should-match-screenshot-chromium-highContrast-retry1/DBNavigation-should-match-screenshot-1-actual.png
Diff: /__w/mono/mono/showcases/angular-showcase/test-results/navigation-showcase-naviga-1138c-ion-should-match-screenshot-chromium-highContrast-retry1/DBNavigation-should-match-screenshot-1-diff.png
Call log:
- expect.toHaveScreenshot with timeout 10000ms
- verifying given screenshot expectation
- taking page screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- 2796 pixels (ratio 0.01 of all image pixels) are different.
- waiting 100ms before taking screenshot
- taking page screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- captured a stable screenshot
- 2796 pixels (ratio 0.01 of all image pixels) are different.
92 | }
93 |
> 94 | await expect(page).toHaveScreenshot(config);
| ^
95 | });
96 |
97 | for (const color of COLORS) {
at /__w/mono/mono/showcases/e2e/default.ts:94:22
|
[webkit] › default.ts:57:2 › DBNavigation › should match screenshot:
showcases/e2e/default.ts#L94
1) [webkit] › default.ts:57:2 › DBNavigation › should match screenshot ───────────────────────────
Error: Screenshot comparison failed:
1860 pixels (ratio 0.01 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/navigation/showcase/webkit/DBNavigation-should-match-screenshot-1/DBNavigation-should-match-screenshot.png
Received: /__w/mono/mono/showcases/angular-showcase/test-results/navigation-showcase-naviga-1138c-ion-should-match-screenshot-webkit/DBNavigation-should-match-screenshot-1-actual.png
Diff: /__w/mono/mono/showcases/angular-showcase/test-results/navigation-showcase-naviga-1138c-ion-should-match-screenshot-webkit/DBNavigation-should-match-screenshot-1-diff.png
Call log:
- expect.toHaveScreenshot with timeout 10000ms
- verifying given screenshot expectation
- taking page screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- 1860 pixels (ratio 0.01 of all image pixels) are different.
- waiting 100ms before taking screenshot
- taking page screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- captured a stable screenshot
- 1860 pixels (ratio 0.01 of all image pixels) are different.
92 | }
93 |
> 94 | await expect(page).toHaveScreenshot(config);
| ^
95 | });
96 |
97 | for (const color of COLORS) {
at /__w/mono/mono/showcases/e2e/default.ts:94:22
|
[webkit] › default.ts:57:2 › DBNavigation › should match screenshot:
showcases/e2e/default.ts#L94
1) [webkit] › default.ts:57:2 › DBNavigation › should match screenshot ───────────────────────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: Screenshot comparison failed:
1860 pixels (ratio 0.01 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/navigation/showcase/webkit/DBNavigation-should-match-screenshot-1/DBNavigation-should-match-screenshot.png
Received: /__w/mono/mono/showcases/angular-showcase/test-results/navigation-showcase-naviga-1138c-ion-should-match-screenshot-webkit-retry1/DBNavigation-should-match-screenshot-1-actual.png
Diff: /__w/mono/mono/showcases/angular-showcase/test-results/navigation-showcase-naviga-1138c-ion-should-match-screenshot-webkit-retry1/DBNavigation-should-match-screenshot-1-diff.png
Call log:
- expect.toHaveScreenshot with timeout 10000ms
- verifying given screenshot expectation
- taking page screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- 1860 pixels (ratio 0.01 of all image pixels) are different.
- waiting 100ms before taking screenshot
- taking page screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- captured a stable screenshot
- 1860 pixels (ratio 0.01 of all image pixels) are different.
92 | }
93 |
> 94 | await expect(page).toHaveScreenshot(config);
| ^
95 | });
96 |
97 | for (const color of COLORS) {
at /__w/mono/mono/showcases/e2e/default.ts:94:22
|
test-showcase-angular / 🧪🎭 - angular-showcase:4/6
Process completed with exit code 1.
|
checks-done
Process completed with exit code 1.
|
test-showcase-angular / 🧪🎭 - angular-showcase:3/6
No files were found with the provided path: ./showcases/-showcase/results. No artifacts will be uploaded.
|
test-showcase-angular / 🧪🎭 - angular-showcase:1/6
No files were found with the provided path: ./showcases/-showcase/results. No artifacts will be uploaded.
|
test-showcase-angular / 🧪🎭 - angular-showcase:2/6
No files were found with the provided path: ./showcases/-showcase/results. No artifacts will be uploaded.
|
test-showcase-angular / 🧪🎭 - angular-showcase:4/6
No files were found with the provided path: ./showcases/-showcase/results. No artifacts will be uploaded.
|
🎭 Playwright Run Summary
1 failed
[firefox] › default.ts:57:2 › DBNavigation › should match screenshot ───────────────────────────
27 flaky
[firefox] › default.ts:134:2 › DBAccordion › test with accessibility checker ───────────────────
[firefox] › default.ts:134:2 › DBAccordionItem › test with accessibility checker ───────────────
[firefox] › default.ts:134:2 › DBBadge › test with accessibility checker ───────────────────────
[firefox] › default.ts:134:2 › DBBrand › test with accessibility checker ───────────────────────
[firefox] › default.ts:134:2 › DBButton › test with accessibility checker ──────────────────────
[firefox] › default.ts:134:2 › DBCard › test with accessibility checker ────────────────────────
[firefox] › default.ts:134:2 › DBCheckbox › test with accessibility checker ────────────────────
[firefox] › default.ts:134:2 › DBDivider › test with accessibility checker ─────────────────────
[firefox] › default.ts:134:2 › DBDrawer › test with accessibility checker ──────────────────────
[firefox] › default.ts:134:2 › DBHeader › test with accessibility checker ──────────────────────
[firefox] › default.ts:134:2 › DBIcon › test with accessibility checker ────────────────────────
[firefox] › default.ts:134:2 › DBInfotext › test with accessibility checker ────────────────────
[firefox] › default.ts:134:2 › DBInput › test with accessibility checker ───────────────────────
[firefox] › default.ts:134:2 › DBLink › test with accessibility checker ────────────────────────
[firefox] › default.ts:134:2 › DBNavigation › test with accessibility checker ──────────────────
[firefox] › default.ts:134:2 › DBNavigationItem › test with accessibility checker ──────────────
[firefox] › default.ts:134:2 › DBNotification › test with accessibility checker ────────────────
[firefox] › default.ts:134:2 › DBPopover › test with accessibility checker ─────────────────────
[firefox] › default.ts:134:2 › DBRadio › test with accessibility checker ───────────────────────
[firefox] › default.ts:134:2 › DBSection › test with accessibility checker ─────────────────────
[firefox] › default.ts:134:2 › DBSelect › test with accessibility checker ──────────────────────
[firefox] › default.ts:134:2 › DBSwitch › test with accessibility checker ──────────────────────
[firefox] › default.ts:134:2 › DBTabItem › test with accessibility checker ─────────────────────
[firefox] › default.ts:134:2 › DBTabs › test with accessibility checker ────────────────────────
[firefox] › default.ts:134:2 › DBTag › test with accessibility checker ─────────────────────────
[firefox] › default.ts:134:2 › DBTextarea › test with accessibility checker ────────────────────
[firefox] › default.ts:134:2 › DBTooltip › test with accessibility checker ─────────────────────
10 skipped
103 passed (3.9m)
|
🎭 Playwright Run Summary
1 failed
[chromium] › default.ts:57:2 › DBNavigation › should match screenshot ──────────────────────────
10 skipped
130 passed (4.0m)
|
🎭 Playwright Run Summary
1 failed
[chromium-highContrast] › default.ts:57:2 › DBNavigation › should match screenshot ─────────────
10 skipped
130 passed (4.1m)
|
🎭 Playwright Run Summary
1 failed
[webkit] › default.ts:57:2 › DBNavigation › should match screenshot ────────────────────────────
10 skipped
130 passed (9.2m)
|
Artifacts
Produced during runtime
Name | Size | |
---|---|---|
angular-showcase-playwright-results-1
Expired
|
658 KB |
|
angular-showcase-playwright-results-2
Expired
|
712 KB |
|
angular-showcase-playwright-results-3
Expired
|
680 KB |
|
angular-showcase-playwright-results-4
Expired
|
874 KB |
|
db-ui-angular-showcase
Expired
|
918 KB |
|
db-ui-angular-ssr-showcase
Expired
|
1.59 MB |
|
db-ui-components-build
Expired
|
404 KB |
|
db-ui-foundations-build
Expired
|
253 KB |
|
db-ui-next-showcase
Expired
|
980 KB |
|
db-ui-nuxt-showcase
Expired
|
1.44 MB |
|
db-ui-output
Expired
|
368 KB |
|
db-ui-outputs
Expired
|
4.35 MB |
|
db-ui-patternhub
Expired
|
3.11 MB |
|
db-ui-react-showcase
Expired
|
821 KB |
|
db-ui-vue-showcase
Expired
|
794 KB |
|
snapshots-showcases
Expired
|
9.5 MB |
|