Skip to content

fix: cicd

fix: cicd #2019

Triggered via pull request November 19, 2024 07:08
@nmergetnmerget
synchronize #1524
fix-cicd
Status Failure
Total duration 2m 29s
Artifacts 5

default.yml

on: pull_request
Matrix: Build example
Fit to window
Zoom out
Zoom in

Annotations

10 errors and 1 notice
[chromium] › default.ts:4:3 › Angular Example › should match screenshot: e2e/tests/default.ts#L6
1) [chromium] › default.ts:4:3 › Angular Example › should match screenshot ─────────────────────── Error: Screenshot comparison failed: 967 pixels (ratio 0.01 of all image pixels) are different. Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - 967 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - captured a stable screenshot - 967 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/examples/examples/e2e/test-results/angular-example-Angular-Example-should-match-screenshot-chromium/Angular-Example-should-match-screenshot-1-expected.png Received: /__w/examples/examples/e2e/test-results/angular-example-Angular-Example-should-match-screenshot-chromium/Angular-Example-should-match-screenshot-1-actual.png Diff: /__w/examples/examples/e2e/test-results/angular-example-Angular-Example-should-match-screenshot-chromium/Angular-Example-should-match-screenshot-1-diff.png 4 | test(`should match screenshot`, async ({ page }) => { 5 | await page.goto(`./${example}`, { waitUntil: "networkidle" }); > 6 | await expect(page).toHaveScreenshot({ | ^ 7 | fullPage: true, 8 | }); 9 | }); at /__w/examples/examples/e2e/tests/default.ts:6:24
[chromium] › default.ts:4:3 › Angular Example › should match screenshot: e2e/tests/default.ts#L6
1) [chromium] › default.ts:4:3 › Angular Example › should match screenshot ─────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 967 pixels (ratio 0.01 of all image pixels) are different. Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - 967 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - captured a stable screenshot - 967 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/examples/examples/e2e/test-results/angular-example-Angular-Example-should-match-screenshot-chromium-retry1/Angular-Example-should-match-screenshot-1-expected.png Received: /__w/examples/examples/e2e/test-results/angular-example-Angular-Example-should-match-screenshot-chromium-retry1/Angular-Example-should-match-screenshot-1-actual.png Diff: /__w/examples/examples/e2e/test-results/angular-example-Angular-Example-should-match-screenshot-chromium-retry1/Angular-Example-should-match-screenshot-1-diff.png 4 | test(`should match screenshot`, async ({ page }) => { 5 | await page.goto(`./${example}`, { waitUntil: "networkidle" }); > 6 | await expect(page).toHaveScreenshot({ | ^ 7 | fullPage: true, 8 | }); 9 | }); at /__w/examples/examples/e2e/tests/default.ts:6:24
[chromium] › default.ts:4:3 › React Example › should match screenshot: e2e/tests/default.ts#L6
2) [chromium] › default.ts:4:3 › React Example › should match screenshot ───────────────────────── Error: Screenshot comparison failed: 1040 pixels (ratio 0.01 of all image pixels) are different. Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - 1040 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - captured a stable screenshot - 1040 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/examples/examples/e2e/test-results/react-example-React-Example-should-match-screenshot-chromium/React-Example-should-match-screenshot-1-expected.png Received: /__w/examples/examples/e2e/test-results/react-example-React-Example-should-match-screenshot-chromium/React-Example-should-match-screenshot-1-actual.png Diff: /__w/examples/examples/e2e/test-results/react-example-React-Example-should-match-screenshot-chromium/React-Example-should-match-screenshot-1-diff.png 4 | test(`should match screenshot`, async ({ page }) => { 5 | await page.goto(`./${example}`, { waitUntil: "networkidle" }); > 6 | await expect(page).toHaveScreenshot({ | ^ 7 | fullPage: true, 8 | }); 9 | }); at /__w/examples/examples/e2e/tests/default.ts:6:24
[chromium] › default.ts:4:3 › React Example › should match screenshot: e2e/tests/default.ts#L6
2) [chromium] › default.ts:4:3 › React Example › should match screenshot ───────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 1040 pixels (ratio 0.01 of all image pixels) are different. Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - 1040 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - captured a stable screenshot - 1040 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/examples/examples/e2e/test-results/react-example-React-Example-should-match-screenshot-chromium-retry1/React-Example-should-match-screenshot-1-expected.png Received: /__w/examples/examples/e2e/test-results/react-example-React-Example-should-match-screenshot-chromium-retry1/React-Example-should-match-screenshot-1-actual.png Diff: /__w/examples/examples/e2e/test-results/react-example-React-Example-should-match-screenshot-chromium-retry1/React-Example-should-match-screenshot-1-diff.png 4 | test(`should match screenshot`, async ({ page }) => { 5 | await page.goto(`./${example}`, { waitUntil: "networkidle" }); > 6 | await expect(page).toHaveScreenshot({ | ^ 7 | fullPage: true, 8 | }); 9 | }); at /__w/examples/examples/e2e/tests/default.ts:6:24
[chromium] › default.ts:4:3 › Vue Example › should match screenshot: e2e/tests/default.ts#L6
3) [chromium] › default.ts:4:3 › Vue Example › should match screenshot ─────────────────────────── Error: Screenshot comparison failed: 1040 pixels (ratio 0.01 of all image pixels) are different. Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - 1040 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - captured a stable screenshot - 1040 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/examples/examples/e2e/test-results/vue-example-Vue-Example-should-match-screenshot-chromium/Vue-Example-should-match-screenshot-1-expected.png Received: /__w/examples/examples/e2e/test-results/vue-example-Vue-Example-should-match-screenshot-chromium/Vue-Example-should-match-screenshot-1-actual.png Diff: /__w/examples/examples/e2e/test-results/vue-example-Vue-Example-should-match-screenshot-chromium/Vue-Example-should-match-screenshot-1-diff.png 4 | test(`should match screenshot`, async ({ page }) => { 5 | await page.goto(`./${example}`, { waitUntil: "networkidle" }); > 6 | await expect(page).toHaveScreenshot({ | ^ 7 | fullPage: true, 8 | }); 9 | }); at /__w/examples/examples/e2e/tests/default.ts:6:24
[chromium] › default.ts:4:3 › Vue Example › should match screenshot: e2e/tests/default.ts#L6
3) [chromium] › default.ts:4:3 › Vue Example › should match screenshot ─────────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 1040 pixels (ratio 0.01 of all image pixels) are different. Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - 1040 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - captured a stable screenshot - 1040 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/examples/examples/e2e/test-results/vue-example-Vue-Example-should-match-screenshot-chromium-retry1/Vue-Example-should-match-screenshot-1-expected.png Received: /__w/examples/examples/e2e/test-results/vue-example-Vue-Example-should-match-screenshot-chromium-retry1/Vue-Example-should-match-screenshot-1-actual.png Diff: /__w/examples/examples/e2e/test-results/vue-example-Vue-Example-should-match-screenshot-chromium-retry1/Vue-Example-should-match-screenshot-1-diff.png 4 | test(`should match screenshot`, async ({ page }) => { 5 | await page.goto(`./${example}`, { waitUntil: "networkidle" }); > 6 | await expect(page).toHaveScreenshot({ | ^ 7 | fullPage: true, 8 | }); 9 | }); at /__w/examples/examples/e2e/tests/default.ts:6:24
[firefox] › default.ts:4:3 › Angular Example › should match screenshot: e2e/tests/default.ts#L6
4) [firefox] › default.ts:4:3 › Angular Example › should match screenshot ──────────────────────── Error: Screenshot comparison failed: 3026 pixels (ratio 0.01 of all image pixels) are different. Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - 3026 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - captured a stable screenshot - 3026 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/examples/examples/e2e/test-results/angular-example-Angular-Example-should-match-screenshot-firefox/Angular-Example-should-match-screenshot-1-expected.png Received: /__w/examples/examples/e2e/test-results/angular-example-Angular-Example-should-match-screenshot-firefox/Angular-Example-should-match-screenshot-1-actual.png Diff: /__w/examples/examples/e2e/test-results/angular-example-Angular-Example-should-match-screenshot-firefox/Angular-Example-should-match-screenshot-1-diff.png 4 | test(`should match screenshot`, async ({ page }) => { 5 | await page.goto(`./${example}`, { waitUntil: "networkidle" }); > 6 | await expect(page).toHaveScreenshot({ | ^ 7 | fullPage: true, 8 | }); 9 | }); at /__w/examples/examples/e2e/tests/default.ts:6:24
[firefox] › default.ts:4:3 › Angular Example › should match screenshot: e2e/tests/default.ts#L6
4) [firefox] › default.ts:4:3 › Angular Example › should match screenshot ──────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 3026 pixels (ratio 0.01 of all image pixels) are different. Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - 3026 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - captured a stable screenshot - 3026 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/examples/examples/e2e/test-results/angular-example-Angular-Example-should-match-screenshot-firefox-retry1/Angular-Example-should-match-screenshot-1-expected.png Received: /__w/examples/examples/e2e/test-results/angular-example-Angular-Example-should-match-screenshot-firefox-retry1/Angular-Example-should-match-screenshot-1-actual.png Diff: /__w/examples/examples/e2e/test-results/angular-example-Angular-Example-should-match-screenshot-firefox-retry1/Angular-Example-should-match-screenshot-1-diff.png 4 | test(`should match screenshot`, async ({ page }) => { 5 | await page.goto(`./${example}`, { waitUntil: "networkidle" }); > 6 | await expect(page).toHaveScreenshot({ | ^ 7 | fullPage: true, 8 | }); 9 | }); at /__w/examples/examples/e2e/tests/default.ts:6:24
[firefox] › default.ts:4:3 › React Example › should match screenshot: e2e/tests/default.ts#L6
5) [firefox] › default.ts:4:3 › React Example › should match screenshot ────────────────────────── Error: Screenshot comparison failed: 2817 pixels (ratio 0.01 of all image pixels) are different. Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - 2817 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - captured a stable screenshot - 2817 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/examples/examples/e2e/test-results/react-example-React-Example-should-match-screenshot-firefox/React-Example-should-match-screenshot-1-expected.png Received: /__w/examples/examples/e2e/test-results/react-example-React-Example-should-match-screenshot-firefox/React-Example-should-match-screenshot-1-actual.png Diff: /__w/examples/examples/e2e/test-results/react-example-React-Example-should-match-screenshot-firefox/React-Example-should-match-screenshot-1-diff.png 4 | test(`should match screenshot`, async ({ page }) => { 5 | await page.goto(`./${example}`, { waitUntil: "networkidle" }); > 6 | await expect(page).toHaveScreenshot({ | ^ 7 | fullPage: true, 8 | }); 9 | }); at /__w/examples/examples/e2e/tests/default.ts:6:24
[firefox] › default.ts:4:3 › React Example › should match screenshot: e2e/tests/default.ts#L6
5) [firefox] › default.ts:4:3 › React Example › should match screenshot ────────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 2817 pixels (ratio 0.01 of all image pixels) are different. Call log: - page._expectScreenshot with timeout 5000ms - verifying given screenshot expectation - taking page screenshot - disabled all CSS animations - 2817 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - captured a stable screenshot - 2817 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/examples/examples/e2e/test-results/react-example-React-Example-should-match-screenshot-firefox-retry1/React-Example-should-match-screenshot-1-expected.png Received: /__w/examples/examples/e2e/test-results/react-example-React-Example-should-match-screenshot-firefox-retry1/React-Example-should-match-screenshot-1-actual.png Diff: /__w/examples/examples/e2e/test-results/react-example-React-Example-should-match-screenshot-firefox-retry1/React-Example-should-match-screenshot-1-diff.png 4 | test(`should match screenshot`, async ({ page }) => { 5 | await page.goto(`./${example}`, { waitUntil: "networkidle" }); > 6 | await expect(page).toHaveScreenshot({ | ^ 7 | fullPage: true, 8 | }); 9 | }); at /__w/examples/examples/e2e/tests/default.ts:6:24
🎭 Playwright Run Summary
15 failed [chromium] › default.ts:4:3 › Angular Example › should match screenshot ──────────────────────── [chromium] › default.ts:4:3 › React Example › should match screenshot ────────────────────────── [chromium] › default.ts:4:3 › Vue Example › should match screenshot ──────────────────────────── [firefox] › default.ts:4:3 › Angular Example › should match screenshot ───────────────────────── [firefox] › default.ts:4:3 › React Example › should match screenshot ─────────────────────────── [firefox] › default.ts:4:3 › Vue Example › should match screenshot ───────────────────────────── [webkit] › default.ts:4:3 › Angular Example › should match screenshot ────────────────────────── [webkit] › default.ts:4:3 › React Example › should match screenshot ──────────────────────────── [webkit] › default.ts:4:3 › Vue Example › should match screenshot ────────────────────────────── [mobile_chrome] › default.ts:4:3 › Angular Example › should match screenshot ─────────────────── [mobile_chrome] › default.ts:4:3 › React Example › should match screenshot ───────────────────── [mobile_chrome] › default.ts:4:3 › Vue Example › should match screenshot ─────────────────────── [mobile_safari] › default.ts:4:3 › Angular Example › should match screenshot ─────────────────── [mobile_safari] › default.ts:4:3 › React Example › should match screenshot ───────────────────── [mobile_safari] › default.ts:4:3 › Vue Example › should match screenshot ───────────────────────

Artifacts

Produced during runtime
Name Size
angular17-example
807 KB
playwright-report
9.31 MB
playwright-results
10.5 MB
react-example
1.27 MB
vue-example
1.25 MB