fix(kit): CalendarRange
should not require extra click to start new range after same day range
#11104
Annotations
7 errors, 1 warning, and 2 notices
Run screenshot tests on dist/demo/browser/main:
projects/demo-playwright/tests/kit/calendar-range/calendar-range.pw.spec.ts#L176
1) [chromium] › tests/kit/calendar-range/calendar-range.pw.spec.ts:162:17 › CalendarRange › API › Selecting range consisting of the same start/end date › allows to select new range start after double click on the same day
Error: expect.not.toBeAttached: Error: strict mode violation: locator('tui-alerts tui-notification') resolved to 2 elements:
1) <tui-notification size="m" tuiicons="" data-size="m" tuiappearance="" data-appearance="info" _ngcontent-ng-c882114258="" class="ng-tns-c882114258-27 t-closeable">…</tui-notification> aka locator('tui-notification').nth(1)
2) <tui-notification size="m" tuiicons="" data-size="m" tuiappearance="" data-appearance="info" _ngcontent-ng-c882114258="" class="ng-tns-c882114258-28 t-closeable">…</tui-notification> aka locator('tui-notification').nth(2)
Call log:
- expect.not.toBeAttached with timeout 5000ms
- waiting for locator('tui-alerts tui-notification')
174 | await calendarSheet.clickOnDay(22);
175 |
> 176 | await expect(alert).not.toBeAttached();
| ^
177 |
178 | await calendarSheet.clickOnDay(25);
179 |
at /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests/kit/calendar-range/calendar-range.pw.spec.ts:176:41
|
Run screenshot tests on dist/demo/browser/main:
projects/demo-playwright/tests/kit/calendar-range/calendar-range.pw.spec.ts#L176
1) [chromium] › tests/kit/calendar-range/calendar-range.pw.spec.ts:162:17 › CalendarRange › API › Selecting range consisting of the same start/end date › allows to select new range start after double click on the same day
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect.not.toBeAttached: Error: strict mode violation: locator('tui-alerts tui-notification') resolved to 2 elements:
1) <tui-notification size="m" tuiicons="" data-size="m" tuiappearance="" data-appearance="info" _ngcontent-ng-c882114258="" class="ng-tns-c882114258-27 t-closeable">…</tui-notification> aka locator('tui-notification').nth(1)
2) <tui-notification size="m" tuiicons="" data-size="m" tuiappearance="" data-appearance="info" _ngcontent-ng-c882114258="" class="ng-tns-c882114258-28 t-closeable">…</tui-notification> aka locator('tui-notification').nth(2)
Call log:
- expect.not.toBeAttached with timeout 5000ms
- waiting for locator('tui-alerts tui-notification')
174 | await calendarSheet.clickOnDay(22);
175 |
> 176 | await expect(alert).not.toBeAttached();
| ^
177 |
178 | await calendarSheet.clickOnDay(25);
179 |
at /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests/kit/calendar-range/calendar-range.pw.spec.ts:176:41
|
Run screenshot tests on dist/demo/browser/main:
projects/demo-playwright/tests/kit/calendar-range/calendar-range.pw.spec.ts#L176
1) [chromium] › tests/kit/calendar-range/calendar-range.pw.spec.ts:162:17 › CalendarRange › API › Selecting range consisting of the same start/end date › allows to select new range start after double click on the same day
Retry #2 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect.not.toBeAttached: Error: strict mode violation: locator('tui-alerts tui-notification') resolved to 2 elements:
1) <tui-notification size="m" tuiicons="" data-size="m" tuiappearance="" data-appearance="info" _ngcontent-ng-c882114258="" class="ng-tns-c882114258-27 t-closeable">…</tui-notification> aka locator('tui-notification').nth(1)
2) <tui-notification size="m" tuiicons="" data-size="m" tuiappearance="" data-appearance="info" _ngcontent-ng-c882114258="" class="ng-tns-c882114258-28 t-closeable">…</tui-notification> aka locator('tui-notification').nth(2)
Call log:
- expect.not.toBeAttached with timeout 5000ms
- waiting for locator('tui-alerts tui-notification')
174 | await calendarSheet.clickOnDay(22);
175 |
> 176 | await expect(alert).not.toBeAttached();
| ^
177 |
178 | await calendarSheet.clickOnDay(25);
179 |
at /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests/kit/calendar-range/calendar-range.pw.spec.ts:176:41
|
Run screenshot tests on dist/demo/browser/main:
projects/demo-playwright/tests/kit/calendar-range/calendar-range.pw.spec.ts#L206
2) [chromium] › tests/kit/calendar-range/calendar-range.pw.spec.ts:188:17 › CalendarRange › API › Selecting range consisting of the same start/end date › no highlighting hover effect after double click on the same day
Error: expect(locator).toHaveScreenshot(expected)
28796 pixels (ratio 0.04 of all image pixels) are different.
Expected: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/snapshots/tests/kit/calendar-range/calendar-range.pw.spec.ts-snapshots/09-2-no-hover-effect-chromium-linux.png
Received: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-kit-calendar-range-c-785f7-ouble-click-on-the-same-day-chromium/09-2-no-hover-effect-actual.png
Diff: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-kit-calendar-range-c-785f7-ouble-click-on-the-same-day-chromium/09-2-no-hover-effect-diff.png
Call log:
- expect.toHaveScreenshot(09-2-no-hover-effect.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
- 28796 pixels (ratio 0.04 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
- 28796 pixels (ratio 0.04 of all image pixels) are different.
204 | await calendarSheet.getCalendarDay(22).then(async (x) => x!.hover());
205 |
> 206 | await expect(example).toHaveScreenshot('09-2-no-hover-effect.png');
| ^
207 |
208 | await calendarSheet.clickOnDay(22);
209 |
at /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests/kit/calendar-range/calendar-range.pw.spec.ts:206:39
|
Run screenshot tests on dist/demo/browser/main:
projects/demo-playwright/tests/kit/calendar-range/calendar-range.pw.spec.ts#L206
2) [chromium] › tests/kit/calendar-range/calendar-range.pw.spec.ts:188:17 › CalendarRange › API › Selecting range consisting of the same start/end date › no highlighting hover effect after double click on the same day
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(locator).toHaveScreenshot(expected)
28796 pixels (ratio 0.04 of all image pixels) are different.
Expected: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/snapshots/tests/kit/calendar-range/calendar-range.pw.spec.ts-snapshots/09-2-no-hover-effect-chromium-linux.png
Received: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-kit-calendar-range-c-785f7-ouble-click-on-the-same-day-chromium-retry1/09-2-no-hover-effect-actual.png
Diff: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-kit-calendar-range-c-785f7-ouble-click-on-the-same-day-chromium-retry1/09-2-no-hover-effect-diff.png
Call log:
- expect.toHaveScreenshot(09-2-no-hover-effect.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
- 28796 pixels (ratio 0.04 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
- 28796 pixels (ratio 0.04 of all image pixels) are different.
204 | await calendarSheet.getCalendarDay(22).then(async (x) => x!.hover());
205 |
> 206 | await expect(example).toHaveScreenshot('09-2-no-hover-effect.png');
| ^
207 |
208 | await calendarSheet.clickOnDay(22);
209 |
at /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests/kit/calendar-range/calendar-range.pw.spec.ts:206:39
|
Run screenshot tests on dist/demo/browser/main:
projects/demo-playwright/tests/kit/calendar-range/calendar-range.pw.spec.ts#L206
2) [chromium] › tests/kit/calendar-range/calendar-range.pw.spec.ts:188:17 › CalendarRange › API › Selecting range consisting of the same start/end date › no highlighting hover effect after double click on the same day
Retry #2 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(locator).toHaveScreenshot(expected)
28796 pixels (ratio 0.04 of all image pixels) are different.
Expected: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/snapshots/tests/kit/calendar-range/calendar-range.pw.spec.ts-snapshots/09-2-no-hover-effect-chromium-linux.png
Received: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-kit-calendar-range-c-785f7-ouble-click-on-the-same-day-chromium-retry2/09-2-no-hover-effect-actual.png
Diff: /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests-results/tests-kit-calendar-range-c-785f7-ouble-click-on-the-same-day-chromium-retry2/09-2-no-hover-effect-diff.png
Call log:
- expect.toHaveScreenshot(09-2-no-hover-effect.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
- 28796 pixels (ratio 0.04 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
- 28796 pixels (ratio 0.04 of all image pixels) are different.
204 | await calendarSheet.getCalendarDay(22).then(async (x) => x!.hover());
205 |
> 206 | await expect(example).toHaveScreenshot('09-2-no-hover-effect.png');
| ^
207 |
208 | await calendarSheet.clickOnDay(22);
209 |
at /home/runner/work/taiga-ui/taiga-ui/projects/demo-playwright/tests/kit/calendar-range/calendar-range.pw.spec.ts:206: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
110 passed (2.3m)
|
Run screenshot tests on dist/demo/browser/main
2 failed
[chromium] › tests/kit/calendar-range/calendar-range.pw.spec.ts:162:17 › CalendarRange › API › Selecting range consisting of the same start/end date › allows to select new range start after double click on the same day
[chromium] › tests/kit/calendar-range/calendar-range.pw.spec.ts:188:17 › CalendarRange › API › Selecting range consisting of the same start/end date › no highlighting hover effect after double click on the same day
108 passed (2.2m)
|
Loading