Skip to content

fix(kit): InputInline has broken scroll in Safari & Firefox #10771

fix(kit): InputInline has broken scroll in Safari & Firefox

fix(kit): InputInline has broken scroll in Safari & Firefox #10771

Triggered via pull request December 3, 2024 10:13
Status Failure
Total duration 17m 42s
Artifacts 12

e2e.yml

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

Annotations

15 errors, 13 warnings, and 18 notices
[chromium] › tests/demo/demo.pw.spec.ts:10:13 › Demo › /components/input-inline: projects/demo-playwright/tests/demo/demo.pw.spec.ts#L39
1) [chromium] › tests/demo/demo.pw.spec.ts:10:13 › Demo › /components/input-inline ─────────────── Error: expect(locator).toHaveScreenshot(expected) Expected an image 640px by 272px, received 640px by 292px. 16991 pixels (ratio 0.10 of all image pixels) are different. Expected: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/snapshots/tests/demo/demo.pw.spec.ts-snapshots/components-input-inline/1-chromium-linux.png Received: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-demo-demo.pw-Demo-components-input-inline-chromium/components-input-inline/1-actual.png Diff: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-demo-demo.pw-Demo-components-input-inline-chromium/components-input-inline/1-diff.png Call log: - expect.toHaveScreenshot(components-input-inline/1.png) with timeout 5000ms - verifying given screenshot expectation - waiting for getByTestId('tui-doc-example').first() - 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 - Expected an image 640px by 272px, received 640px by 292px. 16991 pixels (ratio 0.10 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for getByTestId('tui-doc-example').first() - 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 - Expected an image 640px by 272px, received 640px by 292px. 16991 pixels (ratio 0.10 of all image pixels) are different. 37 | await page.waitForTimeout(100); 38 | > 39 | await expect(example).toHaveScreenshot([ | ^ 40 | path.replace('/', '').replaceAll('/', '-'), 41 | `${i + 1}.png`, 42 | ]); at /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests/demo/demo.pw.spec.ts:39:39
[chromium] › tests/demo/demo.pw.spec.ts:10:13 › Demo › /components/input-inline: projects/demo-playwright/tests/demo/demo.pw.spec.ts#L39
1) [chromium] › tests/demo/demo.pw.spec.ts:10:13 › Demo › /components/input-inline ─────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) Expected an image 640px by 272px, received 640px by 292px. 16991 pixels (ratio 0.10 of all image pixels) are different. Expected: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/snapshots/tests/demo/demo.pw.spec.ts-snapshots/components-input-inline/1-chromium-linux.png Received: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-demo-demo.pw-Demo-components-input-inline-chromium-retry1/components-input-inline/1-actual.png Diff: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-demo-demo.pw-Demo-components-input-inline-chromium-retry1/components-input-inline/1-diff.png Call log: - expect.toHaveScreenshot(components-input-inline/1.png) with timeout 5000ms - verifying given screenshot expectation - waiting for getByTestId('tui-doc-example').first() - 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 - Expected an image 640px by 272px, received 640px by 292px. 16991 pixels (ratio 0.10 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for getByTestId('tui-doc-example').first() - 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 - Expected an image 640px by 272px, received 640px by 292px. 16991 pixels (ratio 0.10 of all image pixels) are different. 37 | await page.waitForTimeout(100); 38 | > 39 | await expect(example).toHaveScreenshot([ | ^ 40 | path.replace('/', '').replaceAll('/', '-'), 41 | `${i + 1}.png`, 42 | ]); at /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests/demo/demo.pw.spec.ts:39:39
[chromium] › tests/demo/demo.pw.spec.ts:10:13 › Demo › /components/input-inline: projects/demo-playwright/tests/demo/demo.pw.spec.ts#L39
1) [chromium] › tests/demo/demo.pw.spec.ts:10:13 › Demo › /components/input-inline ─────────────── Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) Expected an image 640px by 272px, received 640px by 292px. 16991 pixels (ratio 0.10 of all image pixels) are different. Expected: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/snapshots/tests/demo/demo.pw.spec.ts-snapshots/components-input-inline/1-chromium-linux.png Received: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-demo-demo.pw-Demo-components-input-inline-chromium-retry2/components-input-inline/1-actual.png Diff: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-demo-demo.pw-Demo-components-input-inline-chromium-retry2/components-input-inline/1-diff.png Call log: - expect.toHaveScreenshot(components-input-inline/1.png) with timeout 5000ms - verifying given screenshot expectation - waiting for getByTestId('tui-doc-example').first() - 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 - Expected an image 640px by 272px, received 640px by 292px. 16991 pixels (ratio 0.10 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for getByTestId('tui-doc-example').first() - 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 - Expected an image 640px by 272px, received 640px by 292px. 16991 pixels (ratio 0.10 of all image pixels) are different. 37 | await page.waitForTimeout(100); 38 | > 39 | await expect(example).toHaveScreenshot([ | ^ 40 | path.replace('/', '').replaceAll('/', '-'), 41 | `${i + 1}.png`, 42 | ]); at /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests/demo/demo.pw.spec.ts:39:39
Playwright / ubuntu-latest / 5 of 9
Process completed with exit code 1.
[chromium] › tests/deep/deep-select.pw.spec.ts:13:13 › Deep / Select › /components/input-range: projects/demo-playwright/tests/deep/deep-select.pw.spec.ts#L49
1) [chromium] › tests/deep/deep-select.pw.spec.ts:13:13 › Deep / Select › /components/input-range Error: expect(locator).toHaveScreenshot(expected) 638 pixels (ratio 0.01 of all image pixels) are different. Expected: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/snapshots/tests/deep/deep-select.pw.spec.ts-snapshots/deep--components-input-range-max--select-option-0-chromium-linux.png Received: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-deep-deep-select.pw-Deep-Select-components-input-range-chromium/deep--components-input-range-max--select-option-0-actual.png Diff: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-deep-deep-select.pw-Deep-Select-components-input-range-chromium/deep--components-input-range-max--select-option-0-diff.png Call log: - expect.toHaveScreenshot(deep-/components/input-range__[max]-select-option-0.png) with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#demo-content') - locator resolved to <div id="demo-content" _ngcontent-ng-c2476019924="">…</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 - 638 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#demo-content') - locator resolved to <div id="demo-content" _ngcontent-ng-c2476019924="">…</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 - 638 pixels (ratio 0.01 of all image pixels) are different. 47 | await page.waitForTimeout(100); 48 | > 49 | await expect(api.apiPageExample).toHaveScreenshot( | ^ 50 | `deep-${path}__${name}-select-option-${index}.png`, 51 | ); 52 | at /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests/deep/deep-select.pw.spec.ts:49:54
[chromium] › tests/deep/deep-select.pw.spec.ts:13:13 › Deep / Select › /components/input-range: projects/demo-playwright/tests/deep/deep-select.pw.spec.ts#L49
1) [chromium] › tests/deep/deep-select.pw.spec.ts:13:13 › Deep / Select › /components/input-range Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) 3248 pixels (ratio 0.02 of all image pixels) are different. Expected: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/snapshots/tests/deep/deep-select.pw.spec.ts-snapshots/deep--components-input-range-min--select-option-3-chromium-linux.png Received: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-deep-deep-select.pw-Deep-Select-components-input-range-chromium-retry1/deep--components-input-range-min--select-option-3-actual.png Diff: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-deep-deep-select.pw-Deep-Select-components-input-range-chromium-retry1/deep--components-input-range-min--select-option-3-diff.png Call log: - expect.toHaveScreenshot(deep-/components/input-range__[min]-select-option-3.png) with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#demo-content') - locator resolved to <div id="demo-content" _ngcontent-ng-c2476019924="">…</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 - 3248 pixels (ratio 0.02 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#demo-content') - locator resolved to <div id="demo-content" _ngcontent-ng-c2476019924="">…</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 - 3248 pixels (ratio 0.02 of all image pixels) are different. 47 | await page.waitForTimeout(100); 48 | > 49 | await expect(api.apiPageExample).toHaveScreenshot( | ^ 50 | `deep-${path}__${name}-select-option-${index}.png`, 51 | ); 52 | at /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests/deep/deep-select.pw.spec.ts:49:54
[chromium] › tests/deep/deep-select.pw.spec.ts:13:13 › Deep / Select › /components/input-range: projects/demo-playwright/tests/deep/deep-select.pw.spec.ts#L49
1) [chromium] › tests/deep/deep-select.pw.spec.ts:13:13 › Deep / Select › /components/input-range Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) 3248 pixels (ratio 0.02 of all image pixels) are different. Expected: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/snapshots/tests/deep/deep-select.pw.spec.ts-snapshots/deep--components-input-range-min--select-option-3-chromium-linux.png Received: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-deep-deep-select.pw-Deep-Select-components-input-range-chromium-retry2/deep--components-input-range-min--select-option-3-actual.png Diff: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-deep-deep-select.pw-Deep-Select-components-input-range-chromium-retry2/deep--components-input-range-min--select-option-3-diff.png Call log: - expect.toHaveScreenshot(deep-/components/input-range__[min]-select-option-3.png) with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#demo-content') - locator resolved to <div id="demo-content" _ngcontent-ng-c2476019924="">…</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 - 3248 pixels (ratio 0.02 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#demo-content') - locator resolved to <div id="demo-content" _ngcontent-ng-c2476019924="">…</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 - 3248 pixels (ratio 0.02 of all image pixels) are different. 47 | await page.waitForTimeout(100); 48 | > 49 | await expect(api.apiPageExample).toHaveScreenshot( | ^ 50 | `deep-${path}__${name}-select-option-${index}.png`, 51 | ); 52 | at /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests/deep/deep-select.pw.spec.ts:49:54
[chromium] › tests/deep/deep-select.pw.spec.ts:13:13 › Deep / Select › /charts/ring-chart: projects/demo-playwright/tests/deep/deep-select.pw.spec.ts#L49
2) [chromium] › tests/deep/deep-select.pw.spec.ts:13:13 › Deep / Select › /charts/ring-chart ───── Error: expect(locator).toHaveScreenshot(expected) Expected an image 1356px by 96px, received 1356px by 128px. 7386 pixels (ratio 0.05 of all image pixels) are different. Expected: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/snapshots/tests/deep/deep-select.pw.spec.ts-snapshots/deep--charts-ring-chart-size--select-option-1-chromium-linux.png Received: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-deep-deep-select.pw-Deep-Select-charts-ring-chart-chromium/deep--charts-ring-chart-size--select-option-1-actual.png Diff: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-deep-deep-select.pw-Deep-Select-charts-ring-chart-chromium/deep--charts-ring-chart-size--select-option-1-diff.png Call log: - expect.toHaveScreenshot(deep-/charts/ring-chart__[size]-select-option-1.png) with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#demo-content') - locator resolved to <div id="demo-content" _ngcontent-ng-c2476019924="">…</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 - Expected an image 1356px by 96px, received 1356px by 128px. 7386 pixels (ratio 0.05 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#demo-content') - locator resolved to <div id="demo-content" _ngcontent-ng-c2476019924="">…</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 - Expected an image 1356px by 96px, received 1356px by 128px. 7386 pixels (ratio 0.05 of all image pixels) are different. 47 | await page.waitForTimeout(100); 48 | > 49 | await expect(api.apiPageExample).toHaveScreenshot( | ^ 50 | `deep-${path}__${name}-select-option-${index}.png`, 51 | ); 52 | at /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests/deep/deep-select.pw.spec.ts:49:54
[chromium] › tests/deep/deep-select.pw.spec.ts:13:13 › Deep / Select › /charts/ring-chart: projects/demo-playwright/tests/deep/deep-select.pw.spec.ts#L49
2) [chromium] › tests/deep/deep-select.pw.spec.ts:13:13 › Deep / Select › /charts/ring-chart ───── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) Expected an image 1356px by 288px, received 1356px by 96px. 26036 pixels (ratio 0.07 of all image pixels) are different. Expected: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/snapshots/tests/deep/deep-select.pw.spec.ts-snapshots/deep--charts-ring-chart-size--select-option-2-chromium-linux.png Received: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-deep-deep-select.pw-Deep-Select-charts-ring-chart-chromium-retry1/deep--charts-ring-chart-size--select-option-2-actual.png Diff: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-deep-deep-select.pw-Deep-Select-charts-ring-chart-chromium-retry1/deep--charts-ring-chart-size--select-option-2-diff.png Call log: - expect.toHaveScreenshot(deep-/charts/ring-chart__[size]-select-option-2.png) with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#demo-content') - locator resolved to <div id="demo-content" _ngcontent-ng-c2476019924="">…</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 - Expected an image 1356px by 288px, received 1356px by 96px. 26036 pixels (ratio 0.07 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#demo-content') - locator resolved to <div id="demo-content" _ngcontent-ng-c2476019924="">…</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 - Expected an image 1356px by 288px, received 1356px by 96px. 26036 pixels (ratio 0.07 of all image pixels) are different. 47 | await page.waitForTimeout(100); 48 | > 49 | await expect(api.apiPageExample).toHaveScreenshot( | ^ 50 | `deep-${path}__${name}-select-option-${index}.png`, 51 | ); 52 | at /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests/deep/deep-select.pw.spec.ts:49:54
[chromium] › tests/deep/deep-select.pw.spec.ts:13:13 › Deep / Select › /charts/ring-chart: projects/demo-playwright/tests/deep/deep-select.pw.spec.ts#L49
2) [chromium] › tests/deep/deep-select.pw.spec.ts:13:13 › Deep / Select › /charts/ring-chart ───── Retry #2 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) Expected an image 1356px by 96px, received 1356px by 128px. 7386 pixels (ratio 0.05 of all image pixels) are different. Expected: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/snapshots/tests/deep/deep-select.pw.spec.ts-snapshots/deep--charts-ring-chart-size--select-option-1-chromium-linux.png Received: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-deep-deep-select.pw-Deep-Select-charts-ring-chart-chromium-retry2/deep--charts-ring-chart-size--select-option-1-actual.png Diff: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-deep-deep-select.pw-Deep-Select-charts-ring-chart-chromium-retry2/deep--charts-ring-chart-size--select-option-1-diff.png Call log: - expect.toHaveScreenshot(deep-/charts/ring-chart__[size]-select-option-1.png) with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#demo-content') - locator resolved to <div id="demo-content" _ngcontent-ng-c2476019924="">…</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 - Expected an image 1356px by 96px, received 1356px by 128px. 7386 pixels (ratio 0.05 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#demo-content') - locator resolved to <div id="demo-content" _ngcontent-ng-c2476019924="">…</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 - Expected an image 1356px by 96px, received 1356px by 128px. 7386 pixels (ratio 0.05 of all image pixels) are different. 47 | await page.waitForTimeout(100); 48 | > 49 | await expect(api.apiPageExample).toHaveScreenshot( | ^ 50 | `deep-${path}__${name}-select-option-${index}.png`, 51 | ); 52 | at /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests/deep/deep-select.pw.spec.ts:49:54
[chromium] › tests/deep/deep-select.pw.spec.ts:13:13 › Deep / Select › /components/calendar-month: projects/demo-playwright/tests/deep/deep-select.pw.spec.ts#L49
3) [chromium] › tests/deep/deep-select.pw.spec.ts:13:13 › Deep / Select › /components/calendar-month Error: expect(locator).toHaveScreenshot(expected) 910 pixels (ratio 0.01 of all image pixels) are different. Expected: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/snapshots/tests/deep/deep-select.pw.spec.ts-snapshots/deep--components-calendar-month-disabledItemHandler--select-option-1-chromium-linux.png Received: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-deep-deep-select.pw--ffa4b-t-components-calendar-month-chromium/deep--components-calendar--52238-andler--select-option-1-actual.png Diff: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-deep-deep-select.pw--ffa4b-t-components-calendar-month-chromium/deep--components-calendar--52238-andler--select-option-1-diff.png Call log: - expect.toHaveScreenshot(deep-/components/calendar-month__[disabledItemHandler]-select-option-1.png) with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#demo-content') - locator resolved to <div id="demo-content" _ngcontent-ng-c2476019924="">…</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 - 910 pixels (ratio 0.01 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#demo-content') - locator resolved to <div id="demo-content" _ngcontent-ng-c2476019924="">…</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 - 910 pixels (ratio 0.01 of all image pixels) are different. 47 | await page.waitForTimeout(100); 48 | > 49 | await expect(api.apiPageExample).toHaveScreenshot( | ^ 50 | `deep-${path}__${name}-select-option-${index}.png`, 51 | ); 52 | at /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests/deep/deep-select.pw.spec.ts:49:54
[chromium] › tests/deep/deep-select.pw.spec.ts:13:13 › Deep / Select › /components/icon: projects/demo-playwright/tests/deep/deep-select.pw.spec.ts#L49
4) [chromium] › tests/deep/deep-select.pw.spec.ts:13:13 › Deep / Select › /components/icon ─────── Error: expect(locator).toHaveScreenshot(expected) 1633 pixels (ratio 0.02 of all image pixels) are different. Expected: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/snapshots/tests/deep/deep-select.pw.spec.ts-snapshots/deep--components-icon-background--select-option-3-chromium-linux.png Received: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-deep-deep-select.pw-Deep-Select-components-icon-chromium/deep--components-icon-background--select-option-3-actual.png Diff: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-deep-deep-select.pw-Deep-Select-components-icon-chromium/deep--components-icon-background--select-option-3-diff.png Call log: - expect.toHaveScreenshot(deep-/components/icon__[background]-select-option-3.png) with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#demo-content') - locator resolved to <div id="demo-content" _ngcontent-ng-c2476019924="">…</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 - 1633 pixels (ratio 0.02 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#demo-content') - locator resolved to <div id="demo-content" _ngcontent-ng-c2476019924="">…</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 - 1633 pixels (ratio 0.02 of all image pixels) are different. 47 | await page.waitForTimeout(100); 48 | > 49 | await expect(api.apiPageExample).toHaveScreenshot( | ^ 50 | `deep-${path}__${name}-select-option-${index}.png`, 51 | ); 52 | at /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests/deep/deep-select.pw.spec.ts:49:54
[chromium] › tests/deep/deep-select.pw.spec.ts:13:13 › Deep / Select › /components/icon: projects/demo-playwright/tests/deep/deep-select.pw.spec.ts#L49
4) [chromium] › tests/deep/deep-select.pw.spec.ts:13:13 › Deep / Select › /components/icon ─────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(locator).toHaveScreenshot(expected) 1633 pixels (ratio 0.02 of all image pixels) are different. Expected: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/snapshots/tests/deep/deep-select.pw.spec.ts-snapshots/deep--components-icon-background--select-option-3-chromium-linux.png Received: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-deep-deep-select.pw-Deep-Select-components-icon-chromium-retry1/deep--components-icon-background--select-option-3-actual.png Diff: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-deep-deep-select.pw-Deep-Select-components-icon-chromium-retry1/deep--components-icon-background--select-option-3-diff.png Call log: - expect.toHaveScreenshot(deep-/components/icon__[background]-select-option-3.png) with timeout 5000ms - verifying given screenshot expectation - waiting for locator('#demo-content') - locator resolved to <div id="demo-content" _ngcontent-ng-c2476019924="">…</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 - 1633 pixels (ratio 0.02 of all image pixels) are different. - waiting 100ms before taking screenshot - waiting for locator('#demo-content') - locator resolved to <div id="demo-content" _ngcontent-ng-c2476019924="">…</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 - 1633 pixels (ratio 0.02 of all image pixels) are different. 47 | await page.waitForTimeout(100); 48 | > 49 | await expect(api.apiPageExample).toHaveScreenshot( | ^ 50 | `deep-${path}__${name}-select-option-${index}.png`, 51 | ); 52 | at /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests/deep/deep-select.pw.spec.ts:49:54
Playwright / ubuntu-latest / 3 of 9
Process completed with exit code 1.
E2E result
Process completed with exit code 1.
Build demo
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
Cypress / Component Testing
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
Playwright / ubuntu-latest / 1 of 9
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
Playwright / ubuntu-latest / 4 of 9
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
Playwright / ubuntu-latest / 8 of 9
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
Playwright / ubuntu-latest / 6 of 9
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
Playwright / ubuntu-latest / 2 of 9
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
Playwright / ubuntu-latest / 9 of 9
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
Playwright / ubuntu-latest / 7 of 9
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
Playwright / ubuntu-latest / 5 of 9
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
Playwright / ubuntu-latest / 3 of 9
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
Playwright E2E Tests matrix result
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
E2E result
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
🎭 Playwright Run Summary
109 passed (1.1m)
🎭 Playwright Run Summary
109 passed (59.2s)
🎭 Playwright Run Summary
108 passed (1.2m)
🎭 Playwright Run Summary
108 passed (1.4m)
🎭 Playwright Run Summary
108 passed (1.1m)
🎭 Playwright Run Summary
108 passed (1.2m)
🎭 Playwright Run Summary
108 passed (1.7m)
🎭 Playwright Run Summary
108 passed (1.4m)
🎭 Playwright Run Summary
109 passed (1.6m)
🎭 Playwright Run Summary
109 passed (1.4m)
🎭 Playwright Run Summary
108 passed (1.4m)
🎭 Playwright Run Summary
108 passed (1.3m)
🎭 Playwright Run Summary
108 passed (1.3m)
🎭 Playwright Run Summary
108 passed (1.6m)
🎭 Playwright Run Summary
108 passed (2.1m)
🎭 Playwright Run Summary
1 failed [chromium] › tests/demo/demo.pw.spec.ts:10:13 › Demo › /components/input-inline ──────────────── 107 passed (1.8m)
🎭 Playwright Run Summary
109 passed (5.6m)
🎭 Playwright Run Summary
2 failed [chromium] › tests/deep/deep-select.pw.spec.ts:13:13 › Deep / Select › /components/input-range ─ [chromium] › tests/deep/deep-select.pw.spec.ts:13:13 › Deep / Select › /charts/ring-chart ────── 2 flaky [chromium] › tests/deep/deep-select.pw.spec.ts:13:13 › Deep / Select › /components/calendar-month [chromium] › tests/deep/deep-select.pw.spec.ts:13:13 › Deep / Select › /components/icon ──────── 105 passed (4.6m)

Artifacts

Produced during runtime
Name Size
cy_baseline_e3458e0c595ed10845672063c96847d98bf6c320 Expired
114 KB
playwright-blob-artifacts--e3458e0c595ed10845672063c96847d98bf6c320-12137481704-9818-Linux_1 Expired
165 KB
playwright-blob-artifacts--e3458e0c595ed10845672063c96847d98bf6c320-12137481704-9818-Linux_2 Expired
204 KB
playwright-blob-artifacts--e3458e0c595ed10845672063c96847d98bf6c320-12137481704-9818-Linux_3 Expired
7.76 MB
playwright-blob-artifacts--e3458e0c595ed10845672063c96847d98bf6c320-12137481704-9818-Linux_4 Expired
317 KB
playwright-blob-artifacts--e3458e0c595ed10845672063c96847d98bf6c320-12137481704-9818-Linux_5 Expired
1.04 MB
playwright-blob-artifacts--e3458e0c595ed10845672063c96847d98bf6c320-12137481704-9818-Linux_6 Expired
338 KB
playwright-blob-artifacts--e3458e0c595ed10845672063c96847d98bf6c320-12137481704-9818-Linux_7 Expired
200 KB
playwright-blob-artifacts--e3458e0c595ed10845672063c96847d98bf6c320-12137481704-9818-Linux_8 Expired
206 KB
playwright-blob-artifacts--e3458e0c595ed10845672063c96847d98bf6c320-12137481704-9818-Linux_9 Expired
229 KB
playwright-snapshots-artifacts--e3458e0c595ed10845672063c96847d98bf6c320-12137481704-9818-Linux_3 Expired
47.9 KB
playwright-snapshots-artifacts--e3458e0c595ed10845672063c96847d98bf6c320-12137481704-9818-Linux_5 Expired
45.7 KB