Skip to content

ci: attach Cypress CT diff-snapshots to CI report #9670

ci: attach Cypress CT diff-snapshots to CI report

ci: attach Cypress CT diff-snapshots to CI report #9670

Triggered via pull request October 3, 2024 11:37
Status Failure
Total duration 20m 12s
Artifacts 1

e2e.yml

on: pull_request
Cypress / Component Testing
1m 45s
Cypress / Component Testing
Matrix: playwright
E2E result
0s
E2E result
Playwright E2E Tests matrix result
0s
Playwright E2E Tests matrix result
Fit to window
Zoom out
Zoom in

Annotations

6 errors, 1 warning, and 18 notices
Cypress / Component Testing
Process completed with exit code 1.
[chromium] › tests/core/dialogs/dialogs.spec.ts:65:17 › Dialogs › 320x480 › Dialog with directive works: projects/demo-playwright/utils/hide-element.ts#L4
1) [chromium] › tests/core/dialogs/dialogs.spec.ts:65:17 › Dialogs › 320x480 › Dialog with directive works TimeoutError: locator.evaluate: Timeout 10000ms exceeded. Call log: - waiting for locator('tui-scroll-controls').nth(2) at utils/hide-element.ts:4 2 | 3 | export async function tuiHideElement(element: Locator): Promise<void> { > 4 | return element.evaluate((el) => { | ^ 5 | el.style.opacity = '0'; 6 | }); 7 | } at tuiHideElement (/home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/utils/hide-element.ts:4:20) at TuiDocumentationPagePO.hideScrollControls (/home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/utils/page-objects/documentation-api-page.po.ts:49:33) at TuiDocumentationPagePO.prepareBeforeScreenshot (/home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/utils/page-objects/documentation-api-page.po.ts:55:9) at /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests/core/dialogs/dialogs.spec.ts:71:17
[chromium] › tests/demo/demo.spec.ts:10:13 › Demo › /components/chip: projects/demo-playwright/tests/demo/demo.spec.ts#L37
1) [chromium] › tests/demo/demo.spec.ts:10:13 › Demo › /components/chip ────────────────────────── Error: Screenshot comparison failed: 133 pixels (ratio 0.01 of all image pixels) are different. Expected: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/snapshots/tests/demo/demo.spec.ts-snapshots/components-chip/4-chromium-linux.png Received: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-demo-demo-Demo-components-chip-chromium/components-chip/4-actual.png Diff: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-demo-demo-Demo-components-chip-chromium/components-chip/4-diff.png Call log: - expect.toHaveScreenshot(components-chip/4.png) with timeout 5000ms - verifying given screenshot expectation - waiting for getByTestId('tui-doc-example').nth(3) - locator resolved to <div _ngcontent-ng-c644840128="" automation-id="tui-doc-example" class="t-demo ng-star-inserted">…</div> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - 133 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for getByTestId('tui-doc-example').nth(3) - locator resolved to <div _ngcontent-ng-c644840128="" automation-id="tui-doc-example" class="t-demo ng-star-inserted">…</div> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - captured a stable screenshot - 133 pixels (ratio 0.01 of all image pixels) are different. 35 | await documentation.waitStableState(); // note: load lazy loading images 36 | > 37 | await expect(example).toHaveScreenshot( | ^ 38 | [path.replace('/', '').replaceAll('/', '-'), `${i + 1}.png`], 39 | {threshold: 0.02}, 40 | ); at /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests/demo/demo.spec.ts:37:39
[chromium] › tests/demo/demo.spec.ts:10:13 › Demo › /components/chip: projects/demo-playwright/tests/demo/demo.spec.ts#L37
1) [chromium] › tests/demo/demo.spec.ts:10:13 › Demo › /components/chip ────────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 133 pixels (ratio 0.01 of all image pixels) are different. Expected: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/snapshots/tests/demo/demo.spec.ts-snapshots/components-chip/4-chromium-linux.png Received: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-demo-demo-Demo-components-chip-chromium-retry1/components-chip/4-actual.png Diff: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-demo-demo-Demo-components-chip-chromium-retry1/components-chip/4-diff.png Call log: - expect.toHaveScreenshot(components-chip/4.png) with timeout 5000ms - verifying given screenshot expectation - waiting for getByTestId('tui-doc-example').nth(3) - locator resolved to <div _ngcontent-ng-c644840128="" automation-id="tui-doc-example" class="t-demo ng-star-inserted">…</div> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - 133 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for getByTestId('tui-doc-example').nth(3) - locator resolved to <div _ngcontent-ng-c644840128="" automation-id="tui-doc-example" class="t-demo ng-star-inserted">…</div> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - captured a stable screenshot - 133 pixels (ratio 0.01 of all image pixels) are different. 35 | await documentation.waitStableState(); // note: load lazy loading images 36 | > 37 | await expect(example).toHaveScreenshot( | ^ 38 | [path.replace('/', '').replaceAll('/', '-'), `${i + 1}.png`], 39 | {threshold: 0.02}, 40 | ); at /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests/demo/demo.spec.ts:37:39
[chromium] › tests/demo/demo.spec.ts:10:13 › Demo › /components/chip: projects/demo-playwright/tests/demo/demo.spec.ts#L37
1) [chromium] › tests/demo/demo.spec.ts:10:13 › Demo › /components/chip ────────────────────────── Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 133 pixels (ratio 0.01 of all image pixels) are different. Expected: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/snapshots/tests/demo/demo.spec.ts-snapshots/components-chip/4-chromium-linux.png Received: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-demo-demo-Demo-components-chip-chromium-retry2/components-chip/4-actual.png Diff: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-demo-demo-Demo-components-chip-chromium-retry2/components-chip/4-diff.png Call log: - expect.toHaveScreenshot(components-chip/4.png) with timeout 5000ms - verifying given screenshot expectation - waiting for getByTestId('tui-doc-example').nth(3) - locator resolved to <div _ngcontent-ng-c644840128="" automation-id="tui-doc-example" class="t-demo ng-star-inserted">…</div> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - 133 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for getByTestId('tui-doc-example').nth(3) - locator resolved to <div _ngcontent-ng-c644840128="" automation-id="tui-doc-example" class="t-demo ng-star-inserted">…</div> - taking element screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - attempting scroll into view action - waiting for element to be stable - captured a stable screenshot - 133 pixels (ratio 0.01 of all image pixels) are different. 35 | await documentation.waitStableState(); // note: load lazy loading images 36 | > 37 | await expect(example).toHaveScreenshot( | ^ 38 | [path.replace('/', '').replaceAll('/', '-'), `${i + 1}.png`], 39 | {threshold: 0.02}, 40 | ); at /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests/demo/demo.spec.ts:37:39
Playwright / (5 of 9)
Process completed with exit code 1.
Slow Test: [chromium] › tests/kit/input-table/input-table.spec.ts#L1
[chromium] › tests/kit/input-table/input-table.spec.ts took 18.2s
🎭 Playwright Run Summary
97 passed (1.5m)
🎭 Playwright Run Summary
97 passed (1.3m)
🎭 Playwright Run Summary
97 passed (1.2m)
🎭 Playwright Run Summary
97 passed (1.4m)
🎭 Playwright Run Summary
97 passed (2.4m)
🎭 Playwright Run Summary
97 passed (3.0m)
🎭 Playwright Run Summary
97 passed (1.9m)
🎭 Playwright Run Summary
97 passed (1.7m)
🎭 Playwright Run Summary
1 flaky [chromium] › tests/core/dialogs/dialogs.spec.ts:65:17 › Dialogs › 320x480 › Dialog with directive works 96 passed (2.3m)
🎭 Playwright Run Summary
97 passed (1.9m)
🎭 Playwright Run Summary
97 passed (1.3m)
🎭 Playwright Run Summary
97 passed (1.5m)
🎭 Playwright Run Summary
96 passed (1.4m)
🎭 Playwright Run Summary
96 passed (1.6m)
🎭 Playwright Run Summary
1 failed [chromium] › tests/demo/demo.spec.ts:10:13 › Demo › /components/chip ─────────────────────────── 96 passed (2.2m)
🎭 Playwright Run Summary
97 passed (2.5m)
🎭 Playwright Run Summary
97 passed (3.8m)
🎭 Playwright Run Summary
97 passed (4.8m)

Artifacts

Produced during runtime
Name Size
playwright-e2e-artifacts--e6647fc5c3186c332af8779d667570c0ca073b92-11161249248-9293_5 Expired
65.7 KB