fix: cicd #2020
default.yml
on: pull_request
Matrix: Build example
🧪 with 🎭
2m 13s
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:
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/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:
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/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:
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/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:
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/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
|
1.32 MB |
|
playwright-report
|
7.89 MB |
|
playwright-results
|
9.23 MB |
|
react-example
|
1.27 MB |
|
vue-example
|
1.25 MB |
|