Skip to content

refactor: replace slow performing CSS selectors #13223

refactor: replace slow performing CSS selectors

refactor: replace slow performing CSS selectors #13223

Triggered via pull request August 9, 2024 10:33
Status Failure
Total duration 45m 48s
Artifacts 16

default.yml

on: pull_request
get-playwright-version  /  Get and save publish version
21s
get-playwright-version / Get and save publish version
build-packages  /  Build Packages
1m 6s
build-packages / Build Packages
Matrix: init-playwright / init-playwright
build-showcase-react  /  Build Showcase react-showcase
32s
build-showcase-react / Build Showcase react-showcase
build-showcase-angular  /  Build Showcase angular-showcase
49s
build-showcase-angular / Build Showcase angular-showcase
build-showcase-patternhub  /  Build Patternhub
1m 34s
build-showcase-patternhub / Build Patternhub
build-showcase-vue  /  Build Showcase vue-showcase
28s
build-showcase-vue / Build Showcase vue-showcase
Matrix: test-components / playwright-ct
test-foundations  /  🧪🎭 - foundations
1m 13s
test-foundations / 🧪🎭 - foundations
build-outputs  /  Build outputs
1m 0s
build-outputs / Build outputs
build-showcase-angular-ssr  /  Build Showcase angular-ssr-showcase
50s
build-showcase-angular-ssr / Build Showcase angular-ssr-showcase
build-showcase-next  /  Build Showcase next-showcase
49s
build-showcase-next / Build Showcase next-showcase
build-showcase-nuxt  /  Build Showcase nuxt-showcase
44s
build-showcase-nuxt / Build Showcase nuxt-showcase
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-components / regenerate-snapshots
regenerate-snapshots-foundations  /  regenerate-snapshots
regenerate-snapshots-foundations / regenerate-snapshots
regenerate-snapshots-patternhub  /  regenerate-snapshots
regenerate-snapshots-patternhub / regenerate-snapshots
checks-done
0s
checks-done
regenerate-snapshots  /  🧪🎭 - Regenerate snapshots showcases
27m 36s
regenerate-snapshots / 🧪🎭 - Regenerate snapshots showcases
deploy  /  Deploy
deploy / Deploy
Fit to window
Zoom out
Zoom in

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