fix(datetime): remove ion-buttons to fix CSP violations #17827
brandyscarneybuild.yml
on: pull_request
build-core
1m 44s
Matrix: test-core-screenshot
test-core-clean-build
16s
test-core-lint
55s
test-core-spec
52s
verify-screenshots
2s
Matrix: test-angular-e2e
Matrix: test-react-e2e
Matrix: test-react-router-e2e
Matrix: test-vue-e2e
verify-test-angular-e2e
3s
verify-test-react-e2e
2s
verify-test-react-router-e2e
3s
verify-test-vue-e2e
3s
Annotations
53 errors and 7 notices
|
[Mobile Chrome] › src/components/radio/test/a11y/radio.e2e.ts:117:11 › radio: a11y - md/ltr/dark › radio: keyboard navigation - md/ltr/dark › tabbing should switch between radio groups:
src/components/radio/test/a11y/radio.e2e.ts#L122
1) [Mobile Chrome] › src/components/radio/test/a11y/radio.e2e.ts:117:11 › radio: a11y - md/ltr/dark › radio: keyboard navigation - md/ltr/dark › tabbing should switch between radio groups
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(locator).toBeFocused() failed
Locator: locator('#first-group ion-radio').first()
Expected: focused
Received: inactive
Timeout: 5000ms
Call log:
- Expect "toBeFocused" with timeout 5000ms
- waiting for locator('#first-group ion-radio').first()
9 × locator resolved to <ion-radio value="huey" role="radio" tabindex="0" aria-checked="true" class="md in-item radio-checked radio-label-placement-start hydrated">Huey</ion-radio>
- unexpected value "inactive"
120 |
121 | await pageUtils.pressKeys('Tab');
> 122 | await expect(firstGroupRadios.nth(0)).toBeFocused();
| ^
123 |
124 | await pageUtils.pressKeys('Tab');
125 | await expect(secondGroupRadios.nth(0)).toBeFocused();
at /ionic/src/components/radio/test/a11y/radio.e2e.ts:122:47
|
|
[Mobile Chrome] › src/components/radio/test/a11y/radio.e2e.ts:117:11 › radio: a11y - md/ltr/dark › radio: keyboard navigation - md/ltr/dark › tabbing should switch between radio groups:
src/components/radio/test/a11y/radio.e2e.ts#L122
1) [Mobile Chrome] › src/components/radio/test/a11y/radio.e2e.ts:117:11 › radio: a11y - md/ltr/dark › radio: keyboard navigation - md/ltr/dark › tabbing should switch between radio groups
Error: expect(locator).toBeFocused() failed
Locator: locator('#first-group ion-radio').first()
Expected: focused
Received: inactive
Timeout: 5000ms
Call log:
- Expect "toBeFocused" with timeout 5000ms
- waiting for locator('#first-group ion-radio').first()
9 × locator resolved to <ion-radio value="huey" role="radio" tabindex="0" aria-checked="true" class="md in-item radio-checked radio-label-placement-start hydrated">Huey</ion-radio>
- unexpected value "inactive"
120 |
121 | await pageUtils.pressKeys('Tab');
> 122 | await expect(firstGroupRadios.nth(0)).toBeFocused();
| ^
123 |
124 | await pageUtils.pressKeys('Tab');
125 | await expect(secondGroupRadios.nth(0)).toBeFocused();
at /ionic/src/components/radio/test/a11y/radio.e2e.ts:122:47
|
|
[Mobile Chrome] › src/components/title/test/basic/title.e2e.ts:6:9 › title: basic - ionic/md/ltr/light › should not have visual regressions:
src/components/title/test/basic/title.e2e.ts#L11
1) [Mobile Chrome] › src/components/title/test/basic/title.e2e.ts:6:9 › title: basic - ionic/md/ltr/light › should not have visual regressions
Error: expect(locator).toHaveScreenshot(expected) failed
Locator: locator('#header-wrapper')
194 pixels (ratio 0.01 of all image pixels) are different.
Snapshot: title-basic-ionic-md-ltr-light.png
Call log:
- Expect "toHaveScreenshot(title-basic-ionic-md-ltr-light.png)" with timeout 5000ms
- verifying given screenshot expectation
- waiting for locator('#header-wrapper')
- locator resolved to <div id="header-wrapper">…</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
- 194 pixels (ratio 0.01 of all image pixels) are different.
- waiting 100ms before taking screenshot
- waiting for locator('#header-wrapper')
- locator resolved to <div id="header-wrapper">…</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
- 194 pixels (ratio 0.01 of all image pixels) are different.
9 |
10 | // only screenshot the headers to avoid unnecessary blank space from ion-content
> 11 | await expect(wrapper).toHaveScreenshot(screenshot(`title-basic`));
| ^
12 | });
13 | });
14 | });
at /ionic/src/components/title/test/basic/title.e2e.ts:11:29
|
|
[Mobile Chrome] › src/components/datetime/test/locale/datetime.e2e.ts:37:11 › datetime: locale - ios/ltr › ja-JP › should not have visual regressions:
src/components/datetime/test/locale/datetime.e2e.ts#L166
4) [Mobile Chrome] › src/components/datetime/test/locale/datetime.e2e.ts:37:11 › datetime: locale - ios/ltr › ja-JP › should not have visual regressions
Error: expect(locator).toHaveScreenshot(expected) failed
Locator: locator('ion-datetime')
142 pixels (ratio 0.01 of all image pixels) are different.
Snapshot: datetime-locale-ja-JP-diff-ios-ltr.png
Call log:
- Expect "toHaveScreenshot(datetime-locale-ja-JP-diff-ios-ltr.png)" with timeout 5000ms
- verifying given screenshot expectation
- waiting for locator('ion-datetime')
- locator resolved to <ion-datetime max="2022" locale="ja-JP" presentation="date" show-default-title="true" show-default-buttons="true" value="2022-04-19T04:20:00" class="ion-color ion-color-primary ios datetime-presentation-date datetime-size-fixed datetime-grid hydrated datetime-ready">…</ion-datetime>
- 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
- 142 pixels (ratio 0.01 of all image pixels) are different.
- waiting 100ms before taking screenshot
- waiting for locator('ion-datetime')
- locator resolved to <ion-datetime max="2022" locale="ja-JP" presentation="date" show-default-title="true" show-default-buttons="true" value="2022-04-19T04:20:00" class="ion-color ion-color-primary ios datetime-presentation-date datetime-size-fixed datetime-grid hydrated datetime-ready">…</ion-datetime>
- 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
- 142 pixels (ratio 0.01 of all image pixels) are different.
164 | async expectLocalizedPicker(screenshot: ScreenshotFn, modifier?: string) {
165 | const modifierString = modifier === undefined ? '' : `-${modifier}`;
> 166 | await expect(this.datetime).toHaveScreenshot(screenshot(`datetime-locale-${this.locale}${modifierString}-diff`));
| ^
167 | }
168 | }
169 |
at DatetimeLocaleFixture.expectLocalizedPicker (/ionic/src/components/datetime/test/locale/datetime.e2e.ts:166:33)
at DatetimeLocaleFixture.expectLocalizedDatePicker (/ionic/src/components/datetime/test/locale/datetime.e2e.ts:153:16)
at /ionic/src/components/datetime/test/locale/datetime.e2e.ts:39:31
|
|
[Mobile Chrome] › src/components/datetime/test/locale/datetime.e2e.ts:30:11 › datetime: locale - ios/ltr › en-US › time picker should not have visual regressions:
src/components/datetime/test/locale/datetime.e2e.ts#L166
3) [Mobile Chrome] › src/components/datetime/test/locale/datetime.e2e.ts:30:11 › datetime: locale - ios/ltr › en-US › time picker should not have visual regressions
Retry #2 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(locator).toHaveScreenshot(expected) failed
Locator: locator('ion-datetime')
142 pixels (ratio 0.01 of all image pixels) are different.
Snapshot: datetime-locale-en-US-time-diff-ios-ltr.png
Call log:
- Expect "toHaveScreenshot(datetime-locale-en-US-time-diff-ios-ltr.png)" with timeout 5000ms
- verifying given screenshot expectation
- waiting for locator('ion-datetime')
- locator resolved to <ion-datetime max="2022" locale="en-US" presentation="time" show-default-title="true" show-default-buttons="true" value="2022-04-19T04:20:00" class="ion-color ion-color-primary ios datetime-presentation-time datetime-size-fixed hydrated datetime-ready">…</ion-datetime>
- 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
- 142 pixels (ratio 0.01 of all image pixels) are different.
- waiting 100ms before taking screenshot
- waiting for locator('ion-datetime')
- locator resolved to <ion-datetime max="2022" locale="en-US" presentation="time" show-default-title="true" show-default-buttons="true" value="2022-04-19T04:20:00" class="ion-color ion-color-primary ios datetime-presentation-time datetime-size-fixed hydrated datetime-ready">…</ion-datetime>
- 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
- 142 pixels (ratio 0.01 of all image pixels) are different.
164 | async expectLocalizedPicker(screenshot: ScreenshotFn, modifier?: string) {
165 | const modifierString = modifier === undefined ? '' : `-${modifier}`;
> 166 | await expect(this.datetime).toHaveScreenshot(screenshot(`datetime-locale-${this.locale}${modifierString}-diff`));
| ^
167 | }
168 | }
169 |
at DatetimeLocaleFixture.expectLocalizedPicker (/ionic/src/components/datetime/test/locale/datetime.e2e.ts:166:33)
at DatetimeLocaleFixture.expectLocalizedTimePicker (/ionic/src/components/datetime/test/locale/datetime.e2e.ts:161:16)
at /ionic/src/components/datetime/test/locale/datetime.e2e.ts:32:31
|
|
[Mobile Chrome] › src/components/datetime/test/locale/datetime.e2e.ts:30:11 › datetime: locale - ios/ltr › en-US › time picker should not have visual regressions:
src/components/datetime/test/locale/datetime.e2e.ts#L166
3) [Mobile Chrome] › src/components/datetime/test/locale/datetime.e2e.ts:30:11 › datetime: locale - ios/ltr › en-US › time picker should not have visual regressions
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(locator).toHaveScreenshot(expected) failed
Locator: locator('ion-datetime')
142 pixels (ratio 0.01 of all image pixels) are different.
Snapshot: datetime-locale-en-US-time-diff-ios-ltr.png
Call log:
- Expect "toHaveScreenshot(datetime-locale-en-US-time-diff-ios-ltr.png)" with timeout 5000ms
- verifying given screenshot expectation
- waiting for locator('ion-datetime')
- locator resolved to <ion-datetime max="2022" locale="en-US" presentation="time" show-default-title="true" show-default-buttons="true" value="2022-04-19T04:20:00" class="ion-color ion-color-primary ios datetime-presentation-time datetime-size-fixed hydrated datetime-ready">…</ion-datetime>
- 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
- 142 pixels (ratio 0.01 of all image pixels) are different.
- waiting 100ms before taking screenshot
- waiting for locator('ion-datetime')
- locator resolved to <ion-datetime max="2022" locale="en-US" presentation="time" show-default-title="true" show-default-buttons="true" value="2022-04-19T04:20:00" class="ion-color ion-color-primary ios datetime-presentation-time datetime-size-fixed hydrated datetime-ready">…</ion-datetime>
- 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
- 142 pixels (ratio 0.01 of all image pixels) are different.
164 | async expectLocalizedPicker(screenshot: ScreenshotFn, modifier?: string) {
165 | const modifierString = modifier === undefined ? '' : `-${modifier}`;
> 166 | await expect(this.datetime).toHaveScreenshot(screenshot(`datetime-locale-${this.locale}${modifierString}-diff`));
| ^
167 | }
168 | }
169 |
at DatetimeLocaleFixture.expectLocalizedPicker (/ionic/src/components/datetime/test/locale/datetime.e2e.ts:166:33)
at DatetimeLocaleFixture.expectLocalizedTimePicker (/ionic/src/components/datetime/test/locale/datetime.e2e.ts:161:16)
at /ionic/src/components/datetime/test/locale/datetime.e2e.ts:32:31
|
|
[Mobile Chrome] › src/components/datetime/test/locale/datetime.e2e.ts:30:11 › datetime: locale - ios/ltr › en-US › time picker should not have visual regressions:
src/components/datetime/test/locale/datetime.e2e.ts#L166
3) [Mobile Chrome] › src/components/datetime/test/locale/datetime.e2e.ts:30:11 › datetime: locale - ios/ltr › en-US › time picker should not have visual regressions
Error: expect(locator).toHaveScreenshot(expected) failed
Locator: locator('ion-datetime')
142 pixels (ratio 0.01 of all image pixels) are different.
Snapshot: datetime-locale-en-US-time-diff-ios-ltr.png
Call log:
- Expect "toHaveScreenshot(datetime-locale-en-US-time-diff-ios-ltr.png)" with timeout 5000ms
- verifying given screenshot expectation
- waiting for locator('ion-datetime')
- locator resolved to <ion-datetime max="2022" locale="en-US" presentation="time" show-default-title="true" show-default-buttons="true" value="2022-04-19T04:20:00" class="ion-color ion-color-primary ios datetime-presentation-time datetime-size-fixed hydrated datetime-ready">…</ion-datetime>
- 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
- 142 pixels (ratio 0.01 of all image pixels) are different.
- waiting 100ms before taking screenshot
- waiting for locator('ion-datetime')
- locator resolved to <ion-datetime max="2022" locale="en-US" presentation="time" show-default-title="true" show-default-buttons="true" value="2022-04-19T04:20:00" class="ion-color ion-color-primary ios datetime-presentation-time datetime-size-fixed hydrated datetime-ready">…</ion-datetime>
- 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
- 142 pixels (ratio 0.01 of all image pixels) are different.
164 | async expectLocalizedPicker(screenshot: ScreenshotFn, modifier?: string) {
165 | const modifierString = modifier === undefined ? '' : `-${modifier}`;
> 166 | await expect(this.datetime).toHaveScreenshot(screenshot(`datetime-locale-${this.locale}${modifierString}-diff`));
| ^
167 | }
168 | }
169 |
at DatetimeLocaleFixture.expectLocalizedPicker (/ionic/src/components/datetime/test/locale/datetime.e2e.ts:166:33)
at DatetimeLocaleFixture.expectLocalizedTimePicker (/ionic/src/components/datetime/test/locale/datetime.e2e.ts:161:16)
at /ionic/src/components/datetime/test/locale/datetime.e2e.ts:32:31
|
|
[Mobile Chrome] › src/components/datetime/test/locale/datetime.e2e.ts:25:11 › datetime: locale - ios/ltr › en-US › month/year picker should not have visual regressions:
src/components/datetime/test/locale/datetime.e2e.ts#L166
2) [Mobile Chrome] › src/components/datetime/test/locale/datetime.e2e.ts:25:11 › datetime: locale - ios/ltr › en-US › month/year picker should not have visual regressions
Retry #2 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(locator).toHaveScreenshot(expected) failed
Locator: locator('ion-datetime')
142 pixels (ratio 0.01 of all image pixels) are different.
Snapshot: datetime-locale-en-US-month-year-diff-ios-ltr.png
Call log:
- Expect "toHaveScreenshot(datetime-locale-en-US-month-year-diff-ios-ltr.png)" with timeout 5000ms
- verifying given screenshot expectation
- waiting for locator('ion-datetime')
- locator resolved to <ion-datetime max="2022" locale="en-US" show-default-title="true" presentation="month-year" show-default-buttons="true" value="2022-04-19T04:20:00" class="ion-color ion-color-primary ios show-month-and-year datetime-presentation-month-year datetime-size-fixed hydrated datetime-ready">…</ion-datetime>
- 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
- 142 pixels (ratio 0.01 of all image pixels) are different.
- waiting 100ms before taking screenshot
- waiting for locator('ion-datetime')
- locator resolved to <ion-datetime max="2022" locale="en-US" show-default-title="true" presentation="month-year" show-default-buttons="true" value="2022-04-19T04:20:00" class="ion-color ion-color-primary ios show-month-and-year datetime-presentation-month-year datetime-size-fixed hydrated datetime-ready">…</ion-datetime>
- 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
- 142 pixels (ratio 0.01 of all image pixels) are different.
164 | async expectLocalizedPicker(screenshot: ScreenshotFn, modifier?: string) {
165 | const modifierString = modifier === undefined ? '' : `-${modifier}`;
> 166 | await expect(this.datetime).toHaveScreenshot(screenshot(`datetime-locale-${this.locale}${modifierString}-diff`));
| ^
167 | }
168 | }
169 |
at DatetimeLocaleFixture.expectLocalizedPicker (/ionic/src/components/datetime/test/locale/datetime.e2e.ts:166:33)
at DatetimeLocaleFixture.expectLocalizedMonthYearPicker (/ionic/src/components/datetime/test/locale/datetime.e2e.ts:157:16)
at /ionic/src/components/datetime/test/locale/datetime.e2e.ts:27:31
|
|
[Mobile Chrome] › src/components/datetime/test/locale/datetime.e2e.ts:25:11 › datetime: locale - ios/ltr › en-US › month/year picker should not have visual regressions:
src/components/datetime/test/locale/datetime.e2e.ts#L166
2) [Mobile Chrome] › src/components/datetime/test/locale/datetime.e2e.ts:25:11 › datetime: locale - ios/ltr › en-US › month/year picker should not have visual regressions
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(locator).toHaveScreenshot(expected) failed
Locator: locator('ion-datetime')
142 pixels (ratio 0.01 of all image pixels) are different.
Snapshot: datetime-locale-en-US-month-year-diff-ios-ltr.png
Call log:
- Expect "toHaveScreenshot(datetime-locale-en-US-month-year-diff-ios-ltr.png)" with timeout 5000ms
- verifying given screenshot expectation
- waiting for locator('ion-datetime')
- locator resolved to <ion-datetime max="2022" locale="en-US" show-default-title="true" presentation="month-year" show-default-buttons="true" value="2022-04-19T04:20:00" class="ion-color ion-color-primary ios show-month-and-year datetime-presentation-month-year datetime-size-fixed hydrated datetime-ready">…</ion-datetime>
- 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
- 142 pixels (ratio 0.01 of all image pixels) are different.
- waiting 100ms before taking screenshot
- waiting for locator('ion-datetime')
- locator resolved to <ion-datetime max="2022" locale="en-US" show-default-title="true" presentation="month-year" show-default-buttons="true" value="2022-04-19T04:20:00" class="ion-color ion-color-primary ios show-month-and-year datetime-presentation-month-year datetime-size-fixed hydrated datetime-ready">…</ion-datetime>
- 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
- 142 pixels (ratio 0.01 of all image pixels) are different.
164 | async expectLocalizedPicker(screenshot: ScreenshotFn, modifier?: string) {
165 | const modifierString = modifier === undefined ? '' : `-${modifier}`;
> 166 | await expect(this.datetime).toHaveScreenshot(screenshot(`datetime-locale-${this.locale}${modifierString}-diff`));
| ^
167 | }
168 | }
169 |
at DatetimeLocaleFixture.expectLocalizedPicker (/ionic/src/components/datetime/test/locale/datetime.e2e.ts:166:33)
at DatetimeLocaleFixture.expectLocalizedMonthYearPicker (/ionic/src/components/datetime/test/locale/datetime.e2e.ts:157:16)
at /ionic/src/components/datetime/test/locale/datetime.e2e.ts:27:31
|
|
[Mobile Chrome] › src/components/datetime/test/locale/datetime.e2e.ts:25:11 › datetime: locale - ios/ltr › en-US › month/year picker should not have visual regressions:
src/components/datetime/test/locale/datetime.e2e.ts#L166
2) [Mobile Chrome] › src/components/datetime/test/locale/datetime.e2e.ts:25:11 › datetime: locale - ios/ltr › en-US › month/year picker should not have visual regressions
Error: expect(locator).toHaveScreenshot(expected) failed
Locator: locator('ion-datetime')
142 pixels (ratio 0.01 of all image pixels) are different.
Snapshot: datetime-locale-en-US-month-year-diff-ios-ltr.png
Call log:
- Expect "toHaveScreenshot(datetime-locale-en-US-month-year-diff-ios-ltr.png)" with timeout 5000ms
- verifying given screenshot expectation
- waiting for locator('ion-datetime')
- locator resolved to <ion-datetime max="2022" locale="en-US" show-default-title="true" presentation="month-year" show-default-buttons="true" value="2022-04-19T04:20:00" class="ion-color ion-color-primary ios show-month-and-year datetime-presentation-month-year datetime-size-fixed hydrated datetime-ready">…</ion-datetime>
- 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
- 142 pixels (ratio 0.01 of all image pixels) are different.
- waiting 100ms before taking screenshot
- waiting for locator('ion-datetime')
- locator resolved to <ion-datetime max="2022" locale="en-US" show-default-title="true" presentation="month-year" show-default-buttons="true" value="2022-04-19T04:20:00" class="ion-color ion-color-primary ios show-month-and-year datetime-presentation-month-year datetime-size-fixed hydrated datetime-ready">…</ion-datetime>
- 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
- 142 pixels (ratio 0.01 of all image pixels) are different.
164 | async expectLocalizedPicker(screenshot: ScreenshotFn, modifier?: string) {
165 | const modifierString = modifier === undefined ? '' : `-${modifier}`;
> 166 | await expect(this.datetime).toHaveScreenshot(screenshot(`datetime-locale-${this.locale}${modifierString}-diff`));
| ^
167 | }
168 | }
169 |
at DatetimeLocaleFixture.expectLocalizedPicker (/ionic/src/components/datetime/test/locale/datetime.e2e.ts:166:33)
at DatetimeLocaleFixture.expectLocalizedMonthYearPicker (/ionic/src/components/datetime/test/locale/datetime.e2e.ts:157:16)
at /ionic/src/components/datetime/test/locale/datetime.e2e.ts:27:31
|
|
[Mobile Chrome] › src/components/datetime/test/locale/datetime.e2e.ts:20:11 › datetime: locale - ios/ltr › en-US › should not have visual regressions:
src/components/datetime/test/locale/datetime.e2e.ts#L166
1) [Mobile Chrome] › src/components/datetime/test/locale/datetime.e2e.ts:20:11 › datetime: locale - ios/ltr › en-US › should not have visual regressions
Retry #2 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(locator).toHaveScreenshot(expected) failed
Locator: locator('ion-datetime')
142 pixels (ratio 0.01 of all image pixels) are different.
Snapshot: datetime-locale-en-US-diff-ios-ltr.png
Call log:
- Expect "toHaveScreenshot(datetime-locale-en-US-diff-ios-ltr.png)" with timeout 5000ms
- verifying given screenshot expectation
- waiting for locator('ion-datetime')
- locator resolved to <ion-datetime max="2022" locale="en-US" presentation="date" show-default-title="true" show-default-buttons="true" value="2022-04-19T04:20:00" class="ion-color ion-color-primary ios datetime-presentation-date datetime-size-fixed datetime-grid hydrated datetime-ready">…</ion-datetime>
- 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
- 142 pixels (ratio 0.01 of all image pixels) are different.
- waiting 100ms before taking screenshot
- waiting for locator('ion-datetime')
- locator resolved to <ion-datetime max="2022" locale="en-US" presentation="date" show-default-title="true" show-default-buttons="true" value="2022-04-19T04:20:00" class="ion-color ion-color-primary ios datetime-presentation-date datetime-size-fixed datetime-grid hydrated datetime-ready">…</ion-datetime>
- 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
- 142 pixels (ratio 0.01 of all image pixels) are different.
164 | async expectLocalizedPicker(screenshot: ScreenshotFn, modifier?: string) {
165 | const modifierString = modifier === undefined ? '' : `-${modifier}`;
> 166 | await expect(this.datetime).toHaveScreenshot(screenshot(`datetime-locale-${this.locale}${modifierString}-diff`));
| ^
167 | }
168 | }
169 |
at DatetimeLocaleFixture.expectLocalizedPicker (/ionic/src/components/datetime/test/locale/datetime.e2e.ts:166:33)
at DatetimeLocaleFixture.expectLocalizedDatePicker (/ionic/src/components/datetime/test/locale/datetime.e2e.ts:153:16)
at /ionic/src/components/datetime/test/locale/datetime.e2e.ts:22:31
|
|
[Mobile Chrome] › src/components/datetime/test/locale/datetime.e2e.ts:20:11 › datetime: locale - ios/ltr › en-US › should not have visual regressions:
src/components/datetime/test/locale/datetime.e2e.ts#L166
1) [Mobile Chrome] › src/components/datetime/test/locale/datetime.e2e.ts:20:11 › datetime: locale - ios/ltr › en-US › should not have visual regressions
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(locator).toHaveScreenshot(expected) failed
Locator: locator('ion-datetime')
142 pixels (ratio 0.01 of all image pixels) are different.
Snapshot: datetime-locale-en-US-diff-ios-ltr.png
Call log:
- Expect "toHaveScreenshot(datetime-locale-en-US-diff-ios-ltr.png)" with timeout 5000ms
- verifying given screenshot expectation
- waiting for locator('ion-datetime')
- locator resolved to <ion-datetime max="2022" locale="en-US" presentation="date" show-default-title="true" show-default-buttons="true" value="2022-04-19T04:20:00" class="ion-color ion-color-primary ios datetime-presentation-date datetime-size-fixed datetime-grid hydrated datetime-ready">…</ion-datetime>
- 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
- 142 pixels (ratio 0.01 of all image pixels) are different.
- waiting 100ms before taking screenshot
- waiting for locator('ion-datetime')
- locator resolved to <ion-datetime max="2022" locale="en-US" presentation="date" show-default-title="true" show-default-buttons="true" value="2022-04-19T04:20:00" class="ion-color ion-color-primary ios datetime-presentation-date datetime-size-fixed datetime-grid hydrated datetime-ready">…</ion-datetime>
- 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
- 142 pixels (ratio 0.01 of all image pixels) are different.
164 | async expectLocalizedPicker(screenshot: ScreenshotFn, modifier?: string) {
165 | const modifierString = modifier === undefined ? '' : `-${modifier}`;
> 166 | await expect(this.datetime).toHaveScreenshot(screenshot(`datetime-locale-${this.locale}${modifierString}-diff`));
| ^
167 | }
168 | }
169 |
at DatetimeLocaleFixture.expectLocalizedPicker (/ionic/src/components/datetime/test/locale/datetime.e2e.ts:166:33)
at DatetimeLocaleFixture.expectLocalizedDatePicker (/ionic/src/components/datetime/test/locale/datetime.e2e.ts:153:16)
at /ionic/src/components/datetime/test/locale/datetime.e2e.ts:22:31
|
|
[Mobile Chrome] › src/components/datetime/test/locale/datetime.e2e.ts:20:11 › datetime: locale - ios/ltr › en-US › should not have visual regressions:
src/components/datetime/test/locale/datetime.e2e.ts#L166
1) [Mobile Chrome] › src/components/datetime/test/locale/datetime.e2e.ts:20:11 › datetime: locale - ios/ltr › en-US › should not have visual regressions
Error: expect(locator).toHaveScreenshot(expected) failed
Locator: locator('ion-datetime')
142 pixels (ratio 0.01 of all image pixels) are different.
Snapshot: datetime-locale-en-US-diff-ios-ltr.png
Call log:
- Expect "toHaveScreenshot(datetime-locale-en-US-diff-ios-ltr.png)" with timeout 5000ms
- verifying given screenshot expectation
- waiting for locator('ion-datetime')
- locator resolved to <ion-datetime max="2022" locale="en-US" presentation="date" show-default-title="true" show-default-buttons="true" value="2022-04-19T04:20:00" class="ion-color ion-color-primary ios datetime-presentation-date datetime-size-fixed datetime-grid hydrated datetime-ready">…</ion-datetime>
- 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
- 142 pixels (ratio 0.01 of all image pixels) are different.
- waiting 100ms before taking screenshot
- waiting for locator('ion-datetime')
- locator resolved to <ion-datetime max="2022" locale="en-US" presentation="date" show-default-title="true" show-default-buttons="true" value="2022-04-19T04:20:00" class="ion-color ion-color-primary ios datetime-presentation-date datetime-size-fixed datetime-grid hydrated datetime-ready">…</ion-datetime>
- 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
- 142 pixels (ratio 0.01 of all image pixels) are different.
164 | async expectLocalizedPicker(screenshot: ScreenshotFn, modifier?: string) {
165 | const modifierString = modifier === undefined ? '' : `-${modifier}`;
> 166 | await expect(this.datetime).toHaveScreenshot(screenshot(`datetime-locale-${this.locale}${modifierString}-diff`));
| ^
167 | }
168 | }
169 |
at DatetimeLocaleFixture.expectLocalizedPicker (/ionic/src/components/datetime/test/locale/datetime.e2e.ts:166:33)
at DatetimeLocaleFixture.expectLocalizedDatePicker (/ionic/src/components/datetime/test/locale/datetime.e2e.ts:153:16)
at /ionic/src/components/datetime/test/locale/datetime.e2e.ts:22:31
|
|
test-core-screenshot (1, 20)
The strategy configuration was canceled because "test-core-screenshot._9_20" failed
|
|
test-core-screenshot (1, 20)
Process completed with exit code 12.
|
|
test-core-screenshot (1, 20)
The operation was canceled.
|
|
test-core-screenshot (18, 20)
The strategy configuration was canceled because "test-core-screenshot._9_20" failed
|
|
test-core-screenshot (18, 20)
Process completed with exit code 12.
|
|
test-core-screenshot (18, 20)
The operation was canceled.
|
|
test-core-screenshot (3, 20)
The strategy configuration was canceled because "test-core-screenshot._9_20" failed
|
|
test-core-screenshot (3, 20)
Process completed with exit code 12.
|
|
test-core-screenshot (3, 20)
The operation was canceled.
|
|
test-core-screenshot (16, 20)
The strategy configuration was canceled because "test-core-screenshot._9_20" failed
|
|
test-core-screenshot (16, 20)
Process completed with exit code 12.
|
|
test-core-screenshot (16, 20)
The operation was canceled.
|
|
test-core-screenshot (8, 20)
The strategy configuration was canceled because "test-core-screenshot._9_20" failed
|
|
test-core-screenshot (8, 20)
Process completed with exit code 12.
|
|
test-core-screenshot (8, 20)
The operation was canceled.
|
|
test-core-screenshot (2, 20)
The strategy configuration was canceled because "test-core-screenshot._9_20" failed
|
|
test-core-screenshot (2, 20)
Process completed with exit code 12.
|
|
test-core-screenshot (2, 20)
The operation was canceled.
|
|
test-core-screenshot (14, 20)
The strategy configuration was canceled because "test-core-screenshot._9_20" failed
|
|
test-core-screenshot (5, 20)
The strategy configuration was canceled because "test-core-screenshot._9_20" failed
|
|
test-core-screenshot (14, 20)
Process completed with exit code 12.
|
|
test-core-screenshot (5, 20)
Process completed with exit code 12.
|
|
test-core-screenshot (14, 20)
The operation was canceled.
|
|
test-core-screenshot (5, 20)
The operation was canceled.
|
|
test-core-screenshot (17, 20)
The strategy configuration was canceled because "test-core-screenshot._9_20" failed
|
|
test-core-screenshot (17, 20)
Process completed with exit code 12.
|
|
test-core-screenshot (17, 20)
The operation was canceled.
|
|
test-core-screenshot (19, 20)
The strategy configuration was canceled because "test-core-screenshot._9_20" failed
|
|
test-core-screenshot (19, 20)
Process completed with exit code 12.
|
|
test-core-screenshot (19, 20)
The operation was canceled.
|
|
test-core-screenshot (15, 20)
The strategy configuration was canceled because "test-core-screenshot._9_20" failed
|
|
test-core-screenshot (15, 20)
Process completed with exit code 12.
|
|
test-core-screenshot (15, 20)
The operation was canceled.
|
|
test-core-screenshot (6, 20)
The strategy configuration was canceled because "test-core-screenshot._9_20" failed
|
|
test-core-screenshot (6, 20)
Process completed with exit code 12.
|
|
test-core-screenshot (6, 20)
The operation was canceled.
|
|
test-core-screenshot (4, 20)
The strategy configuration was canceled because "test-core-screenshot._9_20" failed
|
|
test-core-screenshot (4, 20)
Process completed with exit code 12.
|
|
test-core-screenshot (4, 20)
The operation was canceled.
|
|
verify-screenshots
Process completed with exit code 1.
|
|
🎭 Playwright Run Summary
360 skipped
273 passed (2.2m)
|
|
🎭 Playwright Run Summary
368 skipped
308 passed (3.4m)
|
|
🎭 Playwright Run Summary
2 skipped
667 passed (3.7m)
|
|
🎭 Playwright Run Summary
1 skipped
676 passed (3.9m)
|
|
🎭 Playwright Run Summary
1 flaky
[Mobile Chrome] › src/components/radio/test/a11y/radio.e2e.ts:117:11 › radio: a11y - md/ltr/dark › radio: keyboard navigation - md/ltr/dark › tabbing should switch between radio groups
4 skipped
678 passed (4.9m)
|
|
🎭 Playwright Run Summary
1 flaky
[Mobile Chrome] › src/components/title/test/basic/title.e2e.ts:6:9 › title: basic - ionic/md/ltr/light › should not have visual regressions
36 skipped
823 passed (5.7m)
|
|
🎭 Playwright Run Summary
21 failed
[Mobile Chrome] › src/components/datetime/test/locale/datetime.e2e.ts:20:11 › datetime: locale - ios/ltr › en-US › should not have visual regressions
[Mobile Chrome] › src/components/datetime/test/locale/datetime.e2e.ts:25:11 › datetime: locale - ios/ltr › en-US › month/year picker should not have visual regressions
[Mobile Chrome] › src/components/datetime/test/locale/datetime.e2e.ts:30:11 › datetime: locale - ios/ltr › en-US › time picker should not have visual regressions
[Mobile Chrome] › src/components/datetime/test/locale/datetime.e2e.ts:37:11 › datetime: locale - ios/ltr › ja-JP › should not have visual regressions
[Mobile Chrome] › src/components/datetime/test/locale/datetime.e2e.ts:42:11 › datetime: locale - ios/ltr › ja-JP › month/year picker should not have visual regressions
[Mobile Chrome] › src/components/datetime/test/locale/datetime.e2e.ts:47:11 › datetime: locale - ios/ltr › ja-JP › time picker should not have visual regressions
[Mobile Chrome] › src/components/datetime/test/locale/datetime.e2e.ts:70:11 › datetime: locale - ios/ltr › es-ES › should not have visual regressions
[Mobile Chrome] › src/components/datetime/test/locale/datetime.e2e.ts:75:11 › datetime: locale - ios/ltr › es-ES › month/year picker should not have visual regressions
[Mobile Chrome] › src/components/datetime/test/locale/datetime.e2e.ts:80:11 › datetime: locale - ios/ltr › es-ES › time picker should not have visual regressions
[Mobile Chrome] › src/components/datetime/test/locale/datetime.e2e.ts:20:11 › datetime: locale - md/ltr › en-US › should not have visual regressions
[Mobile Chrome] › src/components/datetime/test/locale/datetime.e2e.ts:25:11 › datetime: locale - md/ltr › en-US › month/year picker should not have visual regressions
[Mobile Chrome] › src/components/datetime/test/locale/datetime.e2e.ts:30:11 › datetime: locale - md/ltr › en-US › time picker should not have visual regressions
[Mobile Chrome] › src/components/datetime/test/locale/datetime.e2e.ts:37:11 › datetime: locale - md/ltr › ja-JP › should not have visual regressions
[Mobile Chrome] › src/components/datetime/test/locale/datetime.e2e.ts:42:11 › datetime: locale - md/ltr › ja-JP › month/year picker should not have visual regressions
[Mobile Chrome] › src/components/datetime/test/locale/datetime.e2e.ts:47:11 › datetime: locale - md/ltr › ja-JP › time picker should not have visual regressions
[Mobile Chrome] › src/components/datetime/test/locale/datetime.e2e.ts:70:11 › datetime: locale - md/ltr › es-ES › should not have visual regressions
[Mobile Chrome] › src/components/datetime/test/locale/datetime.e2e.ts:75:11 › datetime: locale - md/ltr › es-ES › month/year picker should not have visual regressions
[Mobile Chrome] › src/components/datetime/test/locale/datetime.e2e.ts:80:11 › datetime: locale - md/ltr › es-ES › time picker should not have visual regressions
[Mobile Chrome] › src/components/datetime/test/readonly/datetime.e2e.ts:10:9 › datetime: readonly - ios/ltr › should not have visual regressions
[Mobile Chrome] › src/components/datetime-button/test/overlays/datetime-button.e2e.ts:11:9 › datetime-button: rendering - ios/ltr › should size the modal correctly
[Mobile Chrome] › src/components/datetime-button/test/overlays/datetime-button.e2e.ts:11:9 › datetime-button: rendering - md/ltr › should size the modal correctly
8 skipped
642 passed (5.9m)
|
Artifacts
Produced during runtime
| Name | Size | Digest | |
|---|---|---|---|
|
ionic-angular
|
805 KB |
sha256:01117d951ed7afef05988e590e9aed2c35687fb6be0f98b0679ecc406f852060
|
|
|
ionic-angular-server
|
8.55 KB |
sha256:d62e60456f471287c4a6c75f2768b45b6310345ab9d9e091fcc2c669bbff329a
|
|
|
ionic-core
|
5.15 MB |
sha256:f19b75332f7d7f1b2ab2be7e8707b0102c9a1bfd09f8e0c3e90c74172ce64aae
|
|
|
ionic-react
|
343 KB |
sha256:c85e2df93b3eb58da3937dec0d92bf188dc509bcf64e7eec0a3230e950a57d6d
|
|
|
ionic-react-router
|
27.9 KB |
sha256:993a1b28278dd535087d3ace885ab940594df5d3d1b7cb28178b2a3dd8d2789a
|
|
|
ionic-vue
|
374 KB |
sha256:5974068ccff168d6e59e0ab94674dedcd77fb3ff2f9512c2a40bdea19be4085e
|
|
|
ionic-vue-router
|
17.1 KB |
sha256:52d6e8eaa8a9c60f020ec1fcc6eecbead720caccab6227f80490a57e7f82dd44
|
|
|
test-results-10-20
|
461 KB |
sha256:cc2a8c7dfaafefed797199975c760d03fae186891db167870c34c5a0ae3d749a
|
|
|
test-results-11-20
|
1.71 MB |
sha256:62980fe287196a8f66bee36f3cd7de5a823fd70fc727df86b280851c14321418
|
|
|
test-results-12-20
|
498 KB |
sha256:317a7a4c17a63d15792996b912fd5e0cdc95fb7d6492e16deb81b582b39ee6c7
|
|
|
test-results-13-20
|
1.39 MB |
sha256:4cfa59c8c37d5b1cb322c0df6ba11d59e3b4fc7cb0da79c27460af3cc7c1a378
|
|
|
test-results-20-20
|
359 KB |
sha256:d26330618e3bb9a01f81e82444a8294ea2c2aa12f5168bc74528370f391103ed
|
|
|
test-results-7-20
|
376 KB |
sha256:1976d8f4cd30645c7b1bd10cc58216d437d64407a3f81a73fd325f10fecf7c1f
|
|
|
test-results-9-20
|
29.3 MB |
sha256:9c50346981b3d5f45c8ca7c9083a776e2f70753d3fd5142b024504d58e633077
|
|