fix(kit): InputInline
has broken scroll in Safari & Firefox
#10771
Annotations
10 errors, 1 warning, and 2 notices
Run screenshot tests on dist/demo/browser/main:
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
|
Run screenshot tests on dist/demo/browser/main:
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
|
Run screenshot tests on dist/demo/browser/main:
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
|
Run screenshot tests on dist/demo/browser/main:
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
|
Run screenshot tests on dist/demo/browser/main:
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
|
Run screenshot tests on dist/demo/browser/main:
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
|
Run screenshot tests on dist/demo/browser/main:
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
|
Run screenshot tests on dist/demo/browser/main:
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
|
Run screenshot tests on dist/demo/browser/main:
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
|
Run screenshot tests on dist/demo/browser/main
Process completed with exit code 1.
|
ubuntu-latest pipelines will use ubuntu-24.04 soon. For more details, see https://github.com/actions/runner-images/issues/10636
|
Run screenshot tests on dist/demo/browser
109 passed (5.6m)
|
Run screenshot tests on dist/demo/browser/main
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)
|
Loading