fix(kit): InputInline
has broken scroll in Safari & Firefox
#10771
Annotations
4 errors, 1 warning, and 2 notices
Run screenshot tests on dist/demo/browser/main:
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
|
Run screenshot tests on dist/demo/browser/main:
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
|
Run screenshot tests on dist/demo/browser/main:
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
|
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
108 passed (2.1m)
|
Run screenshot tests on dist/demo/browser/main
1 failed
[chromium] › tests/demo/demo.pw.spec.ts:10:13 › Demo › /components/input-inline ────────────────
107 passed (1.8m)
|
Loading