Stencil Nightly Build #596
Annotations
10 errors and 1 notice
|
Run /./.github/workflows/actions/test-core-screenshot:
src/components/segment/test/a11y/segment.e2e.ts#L29
1) [Mobile Chrome] › src/components/segment/test/a11y/segment.e2e.ts:10:9 › segment: a11y for ion-color() - md/ltr › should not have accessibility violations
Error: expect(received).toEqual(expected) // deep equality
- Expected - 1
+ Received + 68
- Array []
+ Array [
+ Object {
+ "description": "Ensure the document has a main landmark",
+ "help": "Document should have one main landmark",
+ "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/landmark-one-main?application=playwright",
+ "id": "landmark-one-main",
+ "impact": "moderate",
+ "nodes": Array [
+ Object {
+ "all": Array [
+ Object {
+ "data": null,
+ "id": "page-has-main",
+ "impact": "moderate",
+ "message": "Document does not have a main landmark",
+ "relatedNodes": Array [],
+ },
+ ],
+ "any": Array [],
+ "failureSummary": "Fix all of the following:
+ Document does not have a main landmark",
+ "html": "<html dir=\"ltr\" lang=\"en\" class=\"plt-android plt-phablet plt-mobile plt-mobileweb md\" mode=\"md\">",
+ "impact": "moderate",
+ "none": Array [],
+ "target": Array [
+ "html",
+ ],
+ },
+ ],
+ "tags": Array [
+ "cat.semantics",
+ "best-practice",
+ ],
+ },
+ Object {
+ "description": "Ensure that the page, or at least one of its frames contains a level-one heading",
+ "help": "Page should contain a level-one heading",
+ "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/page-has-heading-one?application=playwright",
+ "id": "page-has-heading-one",
+ "impact": "moderate",
+ "nodes": Array [
+ Object {
+ "all": Array [
+ Object {
+ "data": null,
+ "id": "page-has-heading-one",
+ "impact": "moderate",
+ "message": "Page must have a level-one heading",
+ "relatedNodes": Array [],
+ },
+ ],
+ "any": Array [],
+ "failureSummary": "Fix all of the following:
+ Page must have a level-one heading",
+ "html": "<html dir=\"ltr\" lang=\"en\" class=\"plt-android plt-phablet plt-mobile plt-mobileweb md\" mode=\"md\">",
+ "impact": "moderate",
+ "none": Array [],
+ "target": Array [
+ "html",
+ ],
+ },
+ ],
+ "tags": Array [
+ "cat.semantics",
+ "best-practice",
+ ],
+ },
+ ]
27 | const results = await new AxeBuilder({ page }).analyze();
28 |
> 29 | expect(results.violations).toEqual([]);
| ^
30 | });
31 | });
32 | });
at /ionic/src/components/segment/test/a11y/segment.e2e.ts:29:34
|
|
Run /./.github/workflows/actions/test-core-screenshot:
src/components/segment/test/a11y/segment.e2e.ts#L29
1) [Mobile Chrome] › src/components/segment/test/a11y/segment.e2e.ts:10:9 › segment: a11y for ion-color() - md/ltr › should not have accessibility violations
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(received).toEqual(expected) // deep equality
- Expected - 1
+ Received + 68
- Array []
+ Array [
+ Object {
+ "description": "Ensure the document has a main landmark",
+ "help": "Document should have one main landmark",
+ "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/landmark-one-main?application=playwright",
+ "id": "landmark-one-main",
+ "impact": "moderate",
+ "nodes": Array [
+ Object {
+ "all": Array [
+ Object {
+ "data": null,
+ "id": "page-has-main",
+ "impact": "moderate",
+ "message": "Document does not have a main landmark",
+ "relatedNodes": Array [],
+ },
+ ],
+ "any": Array [],
+ "failureSummary": "Fix all of the following:
+ Document does not have a main landmark",
+ "html": "<html dir=\"ltr\" lang=\"en\" class=\"plt-android plt-phablet plt-mobile plt-mobileweb md\" mode=\"md\">",
+ "impact": "moderate",
+ "none": Array [],
+ "target": Array [
+ "html",
+ ],
+ },
+ ],
+ "tags": Array [
+ "cat.semantics",
+ "best-practice",
+ ],
+ },
+ Object {
+ "description": "Ensure that the page, or at least one of its frames contains a level-one heading",
+ "help": "Page should contain a level-one heading",
+ "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/page-has-heading-one?application=playwright",
+ "id": "page-has-heading-one",
+ "impact": "moderate",
+ "nodes": Array [
+ Object {
+ "all": Array [
+ Object {
+ "data": null,
+ "id": "page-has-heading-one",
+ "impact": "moderate",
+ "message": "Page must have a level-one heading",
+ "relatedNodes": Array [],
+ },
+ ],
+ "any": Array [],
+ "failureSummary": "Fix all of the following:
+ Page must have a level-one heading",
+ "html": "<html dir=\"ltr\" lang=\"en\" class=\"plt-android plt-phablet plt-mobile plt-mobileweb md\" mode=\"md\">",
+ "impact": "moderate",
+ "none": Array [],
+ "target": Array [
+ "html",
+ ],
+ },
+ ],
+ "tags": Array [
+ "cat.semantics",
+ "best-practice",
+ ],
+ },
+ ]
27 | const results = await new AxeBuilder({ page }).analyze();
28 |
> 29 | expect(results.violations).toEqual([]);
| ^
30 | });
31 | });
32 | });
at /ionic/src/components/segment/test/a11y/segment.e2e.ts:29:34
|
|
Run /./.github/workflows/actions/test-core-screenshot:
src/components/segment/test/a11y/segment.e2e.ts#L29
1) [Mobile Chrome] › src/components/segment/test/a11y/segment.e2e.ts:10:9 › segment: a11y for ion-color() - md/ltr › should not have accessibility violations
Retry #2 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(received).toEqual(expected) // deep equality
- Expected - 1
+ Received + 68
- Array []
+ Array [
+ Object {
+ "description": "Ensure the document has a main landmark",
+ "help": "Document should have one main landmark",
+ "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/landmark-one-main?application=playwright",
+ "id": "landmark-one-main",
+ "impact": "moderate",
+ "nodes": Array [
+ Object {
+ "all": Array [
+ Object {
+ "data": null,
+ "id": "page-has-main",
+ "impact": "moderate",
+ "message": "Document does not have a main landmark",
+ "relatedNodes": Array [],
+ },
+ ],
+ "any": Array [],
+ "failureSummary": "Fix all of the following:
+ Document does not have a main landmark",
+ "html": "<html dir=\"ltr\" lang=\"en\" class=\"plt-android plt-phablet plt-mobile plt-mobileweb md\" mode=\"md\">",
+ "impact": "moderate",
+ "none": Array [],
+ "target": Array [
+ "html",
+ ],
+ },
+ ],
+ "tags": Array [
+ "cat.semantics",
+ "best-practice",
+ ],
+ },
+ Object {
+ "description": "Ensure that the page, or at least one of its frames contains a level-one heading",
+ "help": "Page should contain a level-one heading",
+ "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/page-has-heading-one?application=playwright",
+ "id": "page-has-heading-one",
+ "impact": "moderate",
+ "nodes": Array [
+ Object {
+ "all": Array [
+ Object {
+ "data": null,
+ "id": "page-has-heading-one",
+ "impact": "moderate",
+ "message": "Page must have a level-one heading",
+ "relatedNodes": Array [],
+ },
+ ],
+ "any": Array [],
+ "failureSummary": "Fix all of the following:
+ Page must have a level-one heading",
+ "html": "<html dir=\"ltr\" lang=\"en\" class=\"plt-android plt-phablet plt-mobile plt-mobileweb md\" mode=\"md\">",
+ "impact": "moderate",
+ "none": Array [],
+ "target": Array [
+ "html",
+ ],
+ },
+ ],
+ "tags": Array [
+ "cat.semantics",
+ "best-practice",
+ ],
+ },
+ ]
27 | const results = await new AxeBuilder({ page }).analyze();
28 |
> 29 | expect(results.violations).toEqual([]);
| ^
30 | });
31 | });
32 | });
at /ionic/src/components/segment/test/a11y/segment.e2e.ts:29:34
|
|
Run /./.github/workflows/actions/test-core-screenshot:
src/components/segment/test/a11y/segment.e2e.ts#L29
2) [Mobile Chrome] › src/components/segment/test/a11y/segment.e2e.ts:10:9 › segment: a11y for ion-color() - md/ltr/dark › should not have accessibility violations
Error: expect(received).toEqual(expected) // deep equality
- Expected - 1
+ Received + 68
- Array []
+ Array [
+ Object {
+ "description": "Ensure the document has a main landmark",
+ "help": "Document should have one main landmark",
+ "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/landmark-one-main?application=playwright",
+ "id": "landmark-one-main",
+ "impact": "moderate",
+ "nodes": Array [
+ Object {
+ "all": Array [
+ Object {
+ "data": null,
+ "id": "page-has-main",
+ "impact": "moderate",
+ "message": "Document does not have a main landmark",
+ "relatedNodes": Array [],
+ },
+ ],
+ "any": Array [],
+ "failureSummary": "Fix all of the following:
+ Document does not have a main landmark",
+ "html": "<html dir=\"ltr\" lang=\"en\" class=\"plt-android plt-phablet plt-mobile plt-mobileweb md\" mode=\"md\">",
+ "impact": "moderate",
+ "none": Array [],
+ "target": Array [
+ "html",
+ ],
+ },
+ ],
+ "tags": Array [
+ "cat.semantics",
+ "best-practice",
+ ],
+ },
+ Object {
+ "description": "Ensure that the page, or at least one of its frames contains a level-one heading",
+ "help": "Page should contain a level-one heading",
+ "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/page-has-heading-one?application=playwright",
+ "id": "page-has-heading-one",
+ "impact": "moderate",
+ "nodes": Array [
+ Object {
+ "all": Array [
+ Object {
+ "data": null,
+ "id": "page-has-heading-one",
+ "impact": "moderate",
+ "message": "Page must have a level-one heading",
+ "relatedNodes": Array [],
+ },
+ ],
+ "any": Array [],
+ "failureSummary": "Fix all of the following:
+ Page must have a level-one heading",
+ "html": "<html dir=\"ltr\" lang=\"en\" class=\"plt-android plt-phablet plt-mobile plt-mobileweb md\" mode=\"md\">",
+ "impact": "moderate",
+ "none": Array [],
+ "target": Array [
+ "html",
+ ],
+ },
+ ],
+ "tags": Array [
+ "cat.semantics",
+ "best-practice",
+ ],
+ },
+ ]
27 | const results = await new AxeBuilder({ page }).analyze();
28 |
> 29 | expect(results.violations).toEqual([]);
| ^
30 | });
31 | });
32 | });
at /ionic/src/components/segment/test/a11y/segment.e2e.ts:29:34
|
|
Run /./.github/workflows/actions/test-core-screenshot:
src/components/segment/test/a11y/segment.e2e.ts#L29
2) [Mobile Chrome] › src/components/segment/test/a11y/segment.e2e.ts:10:9 › segment: a11y for ion-color() - md/ltr/dark › should not have accessibility violations
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(received).toEqual(expected) // deep equality
- Expected - 1
+ Received + 68
- Array []
+ Array [
+ Object {
+ "description": "Ensure the document has a main landmark",
+ "help": "Document should have one main landmark",
+ "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/landmark-one-main?application=playwright",
+ "id": "landmark-one-main",
+ "impact": "moderate",
+ "nodes": Array [
+ Object {
+ "all": Array [
+ Object {
+ "data": null,
+ "id": "page-has-main",
+ "impact": "moderate",
+ "message": "Document does not have a main landmark",
+ "relatedNodes": Array [],
+ },
+ ],
+ "any": Array [],
+ "failureSummary": "Fix all of the following:
+ Document does not have a main landmark",
+ "html": "<html dir=\"ltr\" lang=\"en\" class=\"plt-android plt-phablet plt-mobile plt-mobileweb md\" mode=\"md\">",
+ "impact": "moderate",
+ "none": Array [],
+ "target": Array [
+ "html",
+ ],
+ },
+ ],
+ "tags": Array [
+ "cat.semantics",
+ "best-practice",
+ ],
+ },
+ Object {
+ "description": "Ensure that the page, or at least one of its frames contains a level-one heading",
+ "help": "Page should contain a level-one heading",
+ "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/page-has-heading-one?application=playwright",
+ "id": "page-has-heading-one",
+ "impact": "moderate",
+ "nodes": Array [
+ Object {
+ "all": Array [
+ Object {
+ "data": null,
+ "id": "page-has-heading-one",
+ "impact": "moderate",
+ "message": "Page must have a level-one heading",
+ "relatedNodes": Array [],
+ },
+ ],
+ "any": Array [],
+ "failureSummary": "Fix all of the following:
+ Page must have a level-one heading",
+ "html": "<html dir=\"ltr\" lang=\"en\" class=\"plt-android plt-phablet plt-mobile plt-mobileweb md\" mode=\"md\">",
+ "impact": "moderate",
+ "none": Array [],
+ "target": Array [
+ "html",
+ ],
+ },
+ ],
+ "tags": Array [
+ "cat.semantics",
+ "best-practice",
+ ],
+ },
+ ]
27 | const results = await new AxeBuilder({ page }).analyze();
28 |
> 29 | expect(results.violations).toEqual([]);
| ^
30 | });
31 | });
32 | });
at /ionic/src/components/segment/test/a11y/segment.e2e.ts:29:34
|
|
Run /./.github/workflows/actions/test-core-screenshot:
src/components/segment/test/a11y/segment.e2e.ts#L29
2) [Mobile Chrome] › src/components/segment/test/a11y/segment.e2e.ts:10:9 › segment: a11y for ion-color() - md/ltr/dark › should not have accessibility violations
Retry #2 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(received).toEqual(expected) // deep equality
- Expected - 1
+ Received + 68
- Array []
+ Array [
+ Object {
+ "description": "Ensure the document has a main landmark",
+ "help": "Document should have one main landmark",
+ "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/landmark-one-main?application=playwright",
+ "id": "landmark-one-main",
+ "impact": "moderate",
+ "nodes": Array [
+ Object {
+ "all": Array [
+ Object {
+ "data": null,
+ "id": "page-has-main",
+ "impact": "moderate",
+ "message": "Document does not have a main landmark",
+ "relatedNodes": Array [],
+ },
+ ],
+ "any": Array [],
+ "failureSummary": "Fix all of the following:
+ Document does not have a main landmark",
+ "html": "<html dir=\"ltr\" lang=\"en\" class=\"plt-android plt-phablet plt-mobile plt-mobileweb md\" mode=\"md\">",
+ "impact": "moderate",
+ "none": Array [],
+ "target": Array [
+ "html",
+ ],
+ },
+ ],
+ "tags": Array [
+ "cat.semantics",
+ "best-practice",
+ ],
+ },
+ Object {
+ "description": "Ensure that the page, or at least one of its frames contains a level-one heading",
+ "help": "Page should contain a level-one heading",
+ "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/page-has-heading-one?application=playwright",
+ "id": "page-has-heading-one",
+ "impact": "moderate",
+ "nodes": Array [
+ Object {
+ "all": Array [
+ Object {
+ "data": null,
+ "id": "page-has-heading-one",
+ "impact": "moderate",
+ "message": "Page must have a level-one heading",
+ "relatedNodes": Array [],
+ },
+ ],
+ "any": Array [],
+ "failureSummary": "Fix all of the following:
+ Page must have a level-one heading",
+ "html": "<html dir=\"ltr\" lang=\"en\" class=\"plt-android plt-phablet plt-mobile plt-mobileweb md\" mode=\"md\">",
+ "impact": "moderate",
+ "none": Array [],
+ "target": Array [
+ "html",
+ ],
+ },
+ ],
+ "tags": Array [
+ "cat.semantics",
+ "best-practice",
+ ],
+ },
+ ]
27 | const results = await new AxeBuilder({ page }).analyze();
28 |
> 29 | expect(results.violations).toEqual([]);
| ^
30 | });
31 | });
32 | });
at /ionic/src/components/segment/test/a11y/segment.e2e.ts:29:34
|
|
Run /./.github/workflows/actions/test-core-screenshot:
src/components/segment/test/basic/segment.e2e.ts#L26
3) [Mobile Chrome] › src/components/segment/test/basic/segment.e2e.ts:6:9 › segment: rendering - ios/ltr › should not have visual regressions when no value is selected
Error: Screenshot comparison failed:
Timeout 5000ms exceeded.
Expected: /ionic/src/components/segment/test/basic/segment.e2e.ts-snapshots/segment-no-value-ios-ltr-Mobile-Chrome-linux.png
Call log:
- expect.toHaveScreenshot(segment-no-value-ios-ltr.png) with timeout 5000ms
- verifying given screenshot expectation
- waiting for locator('ion-segment')
- locator resolved to <ion-segment role="tablist" class="ios hydrated">…</ion-segment>
- 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
- element is not visible
- retrying scroll into view action, attempt #1
- waiting for element to be stable
- element is not visible
- retrying scroll into view action, attempt #2
- waiting 20ms
- waiting for element to be stable
- element is not visible
- retrying scroll into view action, attempt #3
- waiting 100ms
- waiting for element to be stable
- element is not visible
- retrying scroll into view action, attempt #4
- waiting 100ms
- waiting for element to be stable
- element is not visible
- retrying scroll into view action, attempt #5
- waiting 500ms
- waiting for element to be stable
- element is not visible
- retrying scroll into view action, attempt #6
- waiting 500ms
- waiting for element to be stable
- element is not visible
- retrying scroll into view action, attempt #7
- waiting 500ms
- waiting for element to be stable
- element is not visible
- retrying scroll into view action, attempt #8
- waiting 500ms
- waiting for element to be stable
- element is not visible
- retrying scroll into view action, attempt #9
- waiting 500ms
- waiting for element to be stable
- element is not visible
- retrying scroll into view action, attempt #10
- waiting 500ms
- waiting for element to be stable
- element is not visible
- retrying scroll into view action, attempt #11
- waiting 500ms
- waiting for element to be stable
- element is not visible
- retrying scroll into view action, attempt #12
- waiting 500ms
- waiting for element to be stable
- element is not visible
- retrying scroll into view action, attempt #13
- waiting 500ms
- waiting for element to be stable
- element is not visible
- retrying scroll into view action, attempt #14
- waiting 500ms
- Timeout 5000ms exceeded.
24 | const segment = page.locator('ion-segment');
25 |
> 26 | await expect(segment).toHaveScreenshot(screenshot(`segment-no-value`));
| ^
27 | });
28 | test('should not have visual regressions when a value is selected', async ({ page }) => {
29 | await page.setContent(
at /ionic/src/components/segment/test/basic/segment.e2e.ts:26:29
|
|
Run /./.github/workflows/actions/test-core-screenshot:
src/components/segment/test/basic/segment.e2e.ts#L26
3) [Mobile Chrome] › src/components/segment/test/basic/segment.e2e.ts:6:9 › segment: rendering - ios/ltr › should not have visual regressions when no value is selected
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: Screenshot comparison failed:
Timeout 5000ms exceeded.
Expected: /ionic/src/components/segment/test/basic/segment.e2e.ts-snapshots/segment-no-value-ios-ltr-Mobile-Chrome-linux.png
Call log:
- expect.toHaveScreenshot(segment-no-value-ios-ltr.png) with timeout 5000ms
- verifying given screenshot expectation
- waiting for locator('ion-segment')
- locator resolved to <ion-segment role="tablist" class="ios hydrated">…</ion-segment>
- 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
- element is not visible
- retrying scroll into view action, attempt #1
- waiting for element to be stable
- element is not visible
- retrying scroll into view action, attempt #2
- waiting 20ms
- waiting for element to be stable
- element is not visible
- retrying scroll into view action, attempt #3
- waiting 100ms
- waiting for element to be stable
- element is not visible
- retrying scroll into view action, attempt #4
- waiting 100ms
- waiting for element to be stable
- element is not visible
- retrying scroll into view action, attempt #5
- waiting 500ms
- waiting for element to be stable
- element is not visible
- retrying scroll into view action, attempt #6
- waiting 500ms
- waiting for element to be stable
- element is not visible
- retrying scroll into view action, attempt #7
- waiting 500ms
- waiting for element to be stable
- element is not visible
- retrying scroll into view action, attempt #8
- waiting 500ms
- waiting for element to be stable
- element is not visible
- retrying scroll into view action, attempt #9
- waiting 500ms
- waiting for element to be stable
- element is not visible
- retrying scroll into view action, attempt #10
- waiting 500ms
- waiting for element to be stable
- element is not visible
- retrying scroll into view action, attempt #11
- waiting 500ms
- waiting for element to be stable
- element is not visible
- retrying scroll into view action, attempt #12
- waiting 500ms
- waiting for element to be stable
- element is not visible
- retrying scroll into view action, attempt #13
- waiting 500ms
- waiting for element to be stable
- element is not visible
- retrying scroll into view action, attempt #14
- waiting 500ms
- Timeout 5000ms exceeded.
24 | const segment = page.locator('ion-segment');
25 |
> 26 | await expect(segment).toHaveScreenshot(screenshot(`segment-no-value`));
| ^
27 | });
28 | test('should not have visual regressions when a value is selected', async ({ page }) => {
29 | await page.setContent(
at /ionic/src/components/segment/test/basic/segment.e2e.ts:26:29
|
|
Run /./.github/workflows/actions/test-core-screenshot:
src/components/segment/test/basic/segment.e2e.ts#L26
3) [Mobile Chrome] › src/components/segment/test/basic/segment.e2e.ts:6:9 › segment: rendering - ios/ltr › should not have visual regressions when no value is selected
Retry #2 ───────────────────────────────────────────────────────────────────────────────────────
Error: Screenshot comparison failed:
Timeout 5000ms exceeded.
Expected: /ionic/src/components/segment/test/basic/segment.e2e.ts-snapshots/segment-no-value-ios-ltr-Mobile-Chrome-linux.png
Call log:
- expect.toHaveScreenshot(segment-no-value-ios-ltr.png) with timeout 5000ms
- verifying given screenshot expectation
- waiting for locator('ion-segment')
- locator resolved to <ion-segment role="tablist" class="ios hydrated">…</ion-segment>
- 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
- element is not visible
- retrying scroll into view action, attempt #1
- waiting for element to be stable
- element is not visible
- retrying scroll into view action, attempt #2
- waiting 20ms
- waiting for element to be stable
- element is not visible
- retrying scroll into view action, attempt #3
- waiting 100ms
- waiting for element to be stable
- element is not visible
- retrying scroll into view action, attempt #4
- waiting 100ms
- waiting for element to be stable
- element is not visible
- retrying scroll into view action, attempt #5
- waiting 500ms
- waiting for element to be stable
- element is not visible
- retrying scroll into view action, attempt #6
- waiting 500ms
- waiting for element to be stable
- element is not visible
- retrying scroll into view action, attempt #7
- waiting 500ms
- waiting for element to be stable
- element is not visible
- retrying scroll into view action, attempt #8
- waiting 500ms
- waiting for element to be stable
- element is not visible
- retrying scroll into view action, attempt #9
- waiting 500ms
- waiting for element to be stable
- element is not visible
- retrying scroll into view action, attempt #10
- waiting 500ms
- waiting for element to be stable
- element is not visible
- retrying scroll into view action, attempt #11
- waiting 500ms
- waiting for element to be stable
- element is not visible
- retrying scroll into view action, attempt #12
- waiting 500ms
- waiting for element to be stable
- element is not visible
- retrying scroll into view action, attempt #13
- waiting 500ms
- waiting for element to be stable
- element is not visible
- retrying scroll into view action, attempt #14
- waiting 500ms
- Timeout 5000ms exceeded.
24 | const segment = page.locator('ion-segment');
25 |
> 26 | await expect(segment).toHaveScreenshot(screenshot(`segment-no-value`));
| ^
27 | });
28 | test('should not have visual regressions when a value is selected', async ({ page }) => {
29 | await page.setContent(
at /ionic/src/components/segment/test/basic/segment.e2e.ts:26:29
|
|
Run /./.github/workflows/actions/test-core-screenshot:
src/components/segment/test/basic/segment.e2e.ts#L48
4) [Mobile Chrome] › src/components/segment/test/basic/segment.e2e.ts:28:9 › segment: rendering - ios/ltr › should not have visual regressions when a value is selected
Error: Screenshot comparison failed:
Timeout 5000ms exceeded.
Expected: /ionic/src/components/segment/test/basic/segment.e2e.ts-snapshots/segment-value-ios-ltr-Mobile-Chrome-linux.png
Call log:
- expect.toHaveScreenshot(segment-value-ios-ltr.png) with timeout 5000ms
- verifying given screenshot expectation
- waiting for locator('ion-segment')
- locator resolved to <ion-segment value="a" role="tablist" class="ios hydrated">…</ion-segment>
- 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
- element is not visible
- retrying scroll into view action, attempt #1
- waiting for element to be stable
- element is not visible
- retrying scroll into view action, attempt #2
- waiting 20ms
- waiting for element to be stable
- element is not visible
- retrying scroll into view action, attempt #3
- waiting 100ms
- waiting for element to be stable
- element is not visible
- retrying scroll into view action, attempt #4
- waiting 100ms
- waiting for element to be stable
- element is not visible
- retrying scroll into view action, attempt #5
- waiting 500ms
- waiting for element to be stable
- element is not visible
- retrying scroll into view action, attempt #6
- waiting 500ms
- waiting for element to be stable
- element is not visible
- retrying scroll into view action, attempt #7
- waiting 500ms
- waiting for element to be stable
- element is not visible
- retrying scroll into view action, attempt #8
- waiting 500ms
- waiting for element to be stable
- element is not visible
- retrying scroll into view action, attempt #9
- waiting 500ms
- waiting for element to be stable
- element is not visible
- retrying scroll into view action, attempt #10
- waiting 500ms
- waiting for element to be stable
- element is not visible
- retrying scroll into view action, attempt #11
- waiting 500ms
- waiting for element to be stable
- element is not visible
- retrying scroll into view action, attempt #12
- waiting 500ms
- waiting for element to be stable
- element is not visible
- retrying scroll into view action, attempt #13
- waiting 500ms
- waiting for element to be stable
- element is not visible
- retrying scroll into view action, attempt #14
- waiting 500ms
- Timeout 5000ms exceeded.
46 | const segment = page.locator('ion-segment');
47 |
> 48 | await expect(segment).toHaveScreenshot(screenshot(`segment-value`));
| ^
49 | });
50 | });
51 | });
at /ionic/src/components/segment/test/basic/segment.e2e.ts:48:29
|
|
Run /./.github/workflows/actions/test-core-screenshot
410 failed
[Mobile Chrome] › src/components/segment/test/a11y/segment.e2e.ts:10:9 › segment: a11y for ion-color() - md/ltr › should not have accessibility violations
[Mobile Chrome] › src/components/segment/test/a11y/segment.e2e.ts:10:9 › segment: a11y for ion-color() - md/ltr/dark › should not have accessibility violations
[Mobile Chrome] › src/components/segment/test/basic/segment.e2e.ts:6:9 › segment: rendering - ios/ltr › should not have visual regressions when no value is selected
[Mobile Chrome] › src/components/segment/test/basic/segment.e2e.ts:28:9 › segment: rendering - ios/ltr › should not have visual regressions when a value is selected
[Mobile Chrome] › src/components/segment/test/basic/segment.e2e.ts:6:9 › segment: rendering - ios/rtl › should not have visual regressions when no value is selected
[Mobile Chrome] › src/components/segment/test/basic/segment.e2e.ts:28:9 › segment: rendering - ios/rtl › should not have visual regressions when a value is selected
[Mobile Chrome] › src/components/segment/test/basic/segment.e2e.ts:6:9 › segment: rendering - md/ltr › should not have visual regressions when no value is selected
[Mobile Chrome] › src/components/segment/test/basic/segment.e2e.ts:28:9 › segment: rendering - md/ltr › should not have visual regressions when a value is selected
[Mobile Chrome] › src/components/segment/test/basic/segment.e2e.ts:6:9 › segment: rendering - md/rtl › should not have visual regressions when no value is selected
[Mobile Chrome] › src/components/segment/test/basic/segment.e2e.ts:28:9 › segment: rendering - md/rtl › should not have visual regressions when a value is selected
[Mobile Chrome] › src/components/segment/test/basic/segment.e2e.ts:58:9 › segment: feature rendering - ios/ltr › should not have visual regressions when an item is disabled
[Mobile Chrome] › src/components/segment/test/basic/segment.e2e.ts:81:9 › segment: feature rendering - ios/ltr › should not have visual regressions with color
[Mobile Chrome] › src/components/segment/test/basic/segment.e2e.ts:58:9 › segment: feature rendering - md/ltr › should not have visual regressions when an item is disabled
[Mobile Chrome] › src/components/segment/test/basic/segment.e2e.ts:81:9 › segment: feature rendering - md/ltr › should not have visual regressions with color
[Mobile Chrome] › src/components/segment/test/custom/segment.e2e.ts:6:9 › segment: custom - ios/ltr › should not have visual regressions
[Mobile Chrome] › src/components/segment/test/custom/segment.e2e.ts:6:9 › segment: custom - md/ltr › should not have visual regressions
[Mobile Chrome] › src/components/segment/test/icon/segment.e2e.ts:6:9 › segment: icons - ios/ltr › should not have visual regressions
[Mobile Chrome] › src/components/segment/test/icon/segment.e2e.ts:6:9 › segment: icons - ios/rtl › should not have visual regressions
[Mobile Chrome] › src/components/segment/test/icon/segment.e2e.ts:6:9 › segment: icons - md/ltr › should not have visual regressions
[Mobile Chrome] › src/components/segment/test/icon/segment.e2e.ts:6:9 › segment: icons - md/rtl › should not have visual regressions
[Mobile Chrome] › src/components/segment/test/scrollable/segment.e2e.ts:6:9 › segment: scrollable (rendering) - ios/ltr › should not have visual regressions
[Mobile Chrome] › src/components/segment/test/scrollable/segment.e2e.ts:6:9 › segment: scrollable (rendering) - ios/rtl › should not have visual regressions
[Mobile Chrome] › src/components/segment/test/scrollable/segment.e2e.ts:6:9 › segment: scrollable (rendering) - md/ltr › should not have visual regressions
[Mobile Chrome] › src/components/segment/test/scrollable/segment.e2e.ts:6:9 › segment: scrollable (rendering) - md/rtl › should not have visual regressions
[Mobile Chrome] › src/components/segment/test/scrollable/segment.e2e.ts:51:9 › segment: scrollable (functionality) - md/ltr › should scroll active button into view when value is already set
[Mobile Chrome] › src/components/segme
|
Loading