fix(kit): skeleton animation speed slow down after speed up TUI_ANIMA… #10965
Annotations
4 errors, 5 warnings, and 2 notices
Run screenshot tests on dist/demo/browser:
projects/demo-playwright/tests/legacy/input-date/input-date.pw.spec.ts#L167
1) [webkit] › tests/legacy/input-date/input-date.pw.spec.ts:159:17 › InputDate › API › Invalid date cases › does not accept day > 31
Error: Timed out 5000ms waiting for expect(locator).toHaveScreenshot(expected)
Locator: locator('#demo-content').locator('tui-input-date').getByRole('textbox')
Timeout 5000ms exceeded.
Call log:
- expect.toHaveScreenshot(05-input-date.png) with timeout 5000ms
- generating new stable screenshot expectation
- waiting for locator('#demo-content').locator('tui-input-date').getByRole('textbox')
- locator resolved to <input tabindex="0" aria-invalid="false" _ngcontent-ng-c3831396199="" id="tui_interactive_491601061540000" class="t-input ng-untouched ng-valid ng-dirty" automation-id="tui-primitive-textfield__native-input"/>
- 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
- waiting 100ms before taking screenshot
- waiting for locator('#demo-content').locator('tui-input-date').getByRole('textbox')
- locator resolved to <input tabindex="0" aria-invalid="false" _ngcontent-ng-c3831396199="" id="tui_interactive_491601061540000" class="t-input ng-untouched ng-valid ng-dirty" automation-id="tui-primitive-textfield__native-input"/>
- taking element screenshot
- disabled all CSS animations
- waiting for fonts to load...
- Timeout 5000ms exceeded.
165 | await expect(inputDate.textfield).toHaveJSProperty('selectionStart', 1);
166 | await expect(inputDate.textfield).toHaveJSProperty('selectionEnd', 1);
> 167 | await expect(inputDate.textfield).toHaveScreenshot('05-input-date.png');
| ^
168 | });
169 |
170 | test('does not accept month > 12', async ({page}) => {
at /Users/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests/legacy/input-date/input-date.pw.spec.ts:167:51
|
Run screenshot tests on dist/demo/browser:
projects/demo-playwright/tests/legacy/input-date-range/input-date-range.pw.spec.ts#L319
2) [webkit] › tests/legacy/input-date-range/input-date-range.pw.spec.ts:296:17 › InputDateRange › Examples › with `input[tuiTextfieldLegacy]` inside › filler has no change detection problems
Error: Timed out 5000ms waiting for expect(locator).toHaveScreenshot(expected)
Locator: locator('#base [automation-id="tui-doc-example"]').locator('tui-input-date-range')
Timeout 5000ms exceeded.
Call log:
- expect.toHaveScreenshot(12-backspace-pressed-4-times.png) with timeout 5000ms
- generating new stable screenshot expectation
- waiting for locator('#base [automation-id="tui-doc-example"]').locator('tui-input-date-range')
- locator resolved to <tui-input-date-range data-size="l" _nghost-ng-c325314227="" formcontrolname="testValue" tuiunfinishedvalidator="Finish filling the field" class="ng-untouched _focused ng-dirty ng-invalid">…</tui-input-date-range>
- 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
- waiting 100ms before taking screenshot
- waiting for locator('#base [automation-id="tui-doc-example"]').locator('tui-input-date-range')
- locator resolved to <tui-input-date-range data-size="l" _nghost-ng-c325314227="" formcontrolname="testValue" tuiunfinishedvalidator="Finish filling the field" class="ng-untouched _focused ng-dirty ng-invalid">…</tui-input-date-range>
- taking element screenshot
- disabled all CSS animations
- waiting for fonts to load...
- Timeout 5000ms exceeded.
317 | await inputDateRange.textfield.press('Backspace');
318 |
> 319 | await expect(inputDateRange.host).toHaveScreenshot(
| ^
320 | `12-backspace-pressed-${i}-times.png`,
321 | );
322 | }
at /Users/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests/legacy/input-date-range/input-date-range.pw.spec.ts:319:55
|
Run screenshot tests on dist/demo/browser:
projects/demo-playwright/tests/legacy/input-date-range/input-date-range.pw.spec.ts#L319
2) [webkit] › tests/legacy/input-date-range/input-date-range.pw.spec.ts:296:17 › InputDateRange › Examples › with `input[tuiTextfieldLegacy]` inside › filler has no change detection problems
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: Timed out 5000ms waiting for expect(locator).toHaveScreenshot(expected)
Locator: locator('#base [automation-id="tui-doc-example"]').locator('tui-input-date-range')
Timeout 5000ms exceeded.
Call log:
- expect.toHaveScreenshot(12-backspace-pressed-6-times.png) with timeout 5000ms
- generating new stable screenshot expectation
- waiting for locator('#base [automation-id="tui-doc-example"]').locator('tui-input-date-range')
- locator resolved to <tui-input-date-range data-size="l" _nghost-ng-c325314227="" formcontrolname="testValue" tuiunfinishedvalidator="Finish filling the field" class="ng-untouched _focused ng-dirty ng-invalid">…</tui-input-date-range>
- 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
- waiting 100ms before taking screenshot
- waiting for locator('#base [automation-id="tui-doc-example"]').locator('tui-input-date-range')
- locator resolved to <tui-input-date-range data-size="l" _nghost-ng-c325314227="" formcontrolname="testValue" tuiunfinishedvalidator="Finish filling the field" class="ng-untouched _focused ng-dirty ng-invalid">…</tui-input-date-range>
- taking element screenshot
- disabled all CSS animations
- waiting for fonts to load...
- Timeout 5000ms exceeded.
317 | await inputDateRange.textfield.press('Backspace');
318 |
> 319 | await expect(inputDateRange.host).toHaveScreenshot(
| ^
320 | `12-backspace-pressed-${i}-times.png`,
321 | );
322 | }
at /Users/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests/legacy/input-date-range/input-date-range.pw.spec.ts:319:55
|
Run screenshot tests on dist/demo/browser:
projects/demo-playwright/tests/legacy/input-date-time/input-date-time.pw.spec.ts#L35
3) [webkit] › tests/legacy/input-date-time/input-date-time.pw.spec.ts:29:13 › InputDateTime › API page › Maximum month less than current month
Error: Timed out 5000ms waiting for expect(page).toHaveScreenshot(expected)
Timeout 5000ms exceeded.
Call log:
- expect.toHaveScreenshot(01-maximum-month.png) with timeout 5000ms
- generating new stable screenshot expectation
- taking page screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- waiting 100ms before taking screenshot
- taking page screenshot
- disabled all CSS animations
- waiting for fonts to load...
- Timeout 5000ms exceeded.
33 | await documentationPage.prepareBeforeScreenshot();
34 |
> 35 | await expect(page).toHaveScreenshot('01-maximum-month.png');
| ^
36 | });
37 |
38 | test('Minimum month more than current month', async ({page}) => {
at /Users/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests/legacy/input-date-time/input-date-time.pw.spec.ts:35:32
|
Mac OS X building all dependencies
pkgconf 2.3.0_1 is already installed and up-to-date.
To reinstall 2.3.0_1, run:
brew reinstall pkgconf
|
Mac OS X building all dependencies
cairo 1.18.2 is already installed and up-to-date.
To reinstall 1.18.2, run:
brew reinstall cairo
|
Mac OS X building all dependencies
libpng 1.6.44 is already installed and up-to-date.
To reinstall 1.6.44, run:
brew reinstall libpng
|
Mac OS X building all dependencies
jpeg-turbo 3.0.4 is already installed and up-to-date.
To reinstall 3.0.4, run:
brew reinstall jpeg-turbo
|
Mac OS X building all dependencies
giflib 5.2.2 is already installed and up-to-date.
To reinstall 5.2.2, run:
brew reinstall giflib
|
Run screenshot tests on dist/demo/browser
3 flaky
[webkit] › tests/legacy/input-date/input-date.pw.spec.ts:159:17 › InputDate › API › Invalid date cases › does not accept day > 31
[webkit] › tests/legacy/input-date-range/input-date-range.pw.spec.ts:296:17 › InputDateRange › Examples › with `input[tuiTextfieldLegacy]` inside › filler has no change detection problems
[webkit] › tests/legacy/input-date-time/input-date-time.pw.spec.ts:29:13 › InputDateTime › API page › Maximum month less than current month
5 skipped
101 passed (3.0m)
|
Run screenshot tests on dist/demo/browser/main
5 skipped
104 passed (2.8m)
|
Loading