refactor: removed inner div inside section.lite.tsx
#15054
Annotations
11 errors, 1 warning, and 1 notice
|
👩🔬 Test showcase with Playwright 🎭
Process completed with exit code 1.
|
|
🔣 Print GitHub Report:
showcases/e2e/default.ts#L111
1) [mobile_chrome] › default.ts:79:2 › DBButton › should match screenshot ────────────────────────
Error: Screenshot comparison failed:
24785 pixels (ratio 0.03 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/button/showcase/mobile-chrome/DBButton-should-match-screenshot-1/DBButton-should-match-screenshot.png
Received: /__w/mono/mono/showcases/stencil-showcase/test-results/button-button-snapshot-DBButton-should-match-screenshot-mobile-chrome/DBButton-should-match-screenshot-1-actual.png
Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/button-button-snapshot-DBButton-should-match-screenshot-mobile-chrome/DBButton-should-match-screenshot-1-diff.png
Call log:
- expect.toHaveScreenshot with timeout 30000ms
- verifying given screenshot expectation
- taking page screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- 24785 pixels (ratio 0.03 of all image pixels) are different.
- waiting 100ms before taking screenshot
- taking page screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- captured a stable screenshot
- 24785 pixels (ratio 0.03 of all image pixels) are different.
109 | }
110 |
> 111 | await expect(page).toHaveScreenshot(config);
| ^
112 | });
113 | };
114 |
at /__w/mono/mono/showcases/e2e/default.ts:111:22
|
|
🔣 Print GitHub Report:
showcases/e2e/default.ts#L111
1) [mobile_chrome] › default.ts:79:2 › DBButton › should match screenshot ────────────────────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: Screenshot comparison failed:
24785 pixels (ratio 0.03 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/button/showcase/mobile-chrome/DBButton-should-match-screenshot-1/DBButton-should-match-screenshot.png
Received: /__w/mono/mono/showcases/stencil-showcase/test-results/button-button-snapshot-DBButton-should-match-screenshot-mobile-chrome-retry1/DBButton-should-match-screenshot-1-actual.png
Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/button-button-snapshot-DBButton-should-match-screenshot-mobile-chrome-retry1/DBButton-should-match-screenshot-1-diff.png
Call log:
- expect.toHaveScreenshot with timeout 30000ms
- verifying given screenshot expectation
- taking page screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- 24785 pixels (ratio 0.03 of all image pixels) are different.
- waiting 100ms before taking screenshot
- taking page screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- captured a stable screenshot
- 24785 pixels (ratio 0.03 of all image pixels) are different.
109 | }
110 |
> 111 | await expect(page).toHaveScreenshot(config);
| ^
112 | });
113 | };
114 |
at /__w/mono/mono/showcases/e2e/default.ts:111:22
|
|
🔣 Print GitHub Report:
showcases/e2e/default.ts#L163
2) [mobile_chrome] › default.ts:129:2 › DBCard › should not have any A11y issues for density regular and color neutral-bg-basic-level-1
Error: expect(received).toEqual(expected) // deep equality
- Expected - 1
+ Received + 50
- Array []
+ Array [
+ Object {
+ "description": "Ensure elements that have scrollable content are accessible by keyboard",
+ "help": "Scrollable region must have keyboard access",
+ "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/scrollable-region-focusable?application=playwright",
+ "id": "scrollable-region-focusable",
+ "impact": "serious",
+ "nodes": Array [
+ Object {
+ "all": Array [],
+ "any": Array [
+ Object {
+ "data": null,
+ "id": "focusable-content",
+ "impact": "serious",
+ "message": "Element should have focusable content",
+ "relatedNodes": Array [],
+ },
+ Object {
+ "data": null,
+ "id": "focusable-element",
+ "impact": "serious",
+ "message": "Element should be focusable",
+ "relatedNodes": Array [],
+ },
+ ],
+ "failureSummary": "Fix any of the following:
+ Element should have focusable content
+ Element should be focusable",
+ "html": "<main class=\"db-main\">",
+ "impact": "serious",
+ "none": Array [],
+ "target": Array [
+ "main",
+ ],
+ },
+ ],
+ "tags": Array [
+ "cat.keyboard",
+ "wcag2a",
+ "wcag211",
+ "wcag213",
+ "TTv5",
+ "TT4.a",
+ "EN-301-549",
+ "EN-9.2.1.1",
+ "EN-9.2.1.3",
+ ],
+ },
+ ]
161 | .analyze();
162 |
> 163 | expect(accessibilityScanResults.violations).toEqual([]);
| ^
164 | });
165 | };
166 |
at /__w/mono/mono/showcases/e2e/default.ts:163:47
|
|
🔣 Print GitHub Report:
showcases/e2e/default.ts#L163
2) [mobile_chrome] › default.ts:129:2 › DBCard › should not have any A11y issues for density regular and color neutral-bg-basic-level-1
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(received).toEqual(expected) // deep equality
- Expected - 1
+ Received + 50
- Array []
+ Array [
+ Object {
+ "description": "Ensure elements that have scrollable content are accessible by keyboard",
+ "help": "Scrollable region must have keyboard access",
+ "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/scrollable-region-focusable?application=playwright",
+ "id": "scrollable-region-focusable",
+ "impact": "serious",
+ "nodes": Array [
+ Object {
+ "all": Array [],
+ "any": Array [
+ Object {
+ "data": null,
+ "id": "focusable-content",
+ "impact": "serious",
+ "message": "Element should have focusable content",
+ "relatedNodes": Array [],
+ },
+ Object {
+ "data": null,
+ "id": "focusable-element",
+ "impact": "serious",
+ "message": "Element should be focusable",
+ "relatedNodes": Array [],
+ },
+ ],
+ "failureSummary": "Fix any of the following:
+ Element should have focusable content
+ Element should be focusable",
+ "html": "<main class=\"db-main\">",
+ "impact": "serious",
+ "none": Array [],
+ "target": Array [
+ "main",
+ ],
+ },
+ ],
+ "tags": Array [
+ "cat.keyboard",
+ "wcag2a",
+ "wcag211",
+ "wcag213",
+ "TTv5",
+ "TT4.a",
+ "EN-301-549",
+ "EN-9.2.1.1",
+ "EN-9.2.1.3",
+ ],
+ },
+ ]
161 | .analyze();
162 |
> 163 | expect(accessibilityScanResults.violations).toEqual([]);
| ^
164 | });
165 | };
166 |
at /__w/mono/mono/showcases/e2e/default.ts:163:47
|
|
🔣 Print GitHub Report:
showcases/e2e/default.ts#L163
3) [mobile_chrome] › default.ts:129:2 › DBCard › should not have any A11y issues for density functional and color neutral-bg-basic-level-1
Error: expect(received).toEqual(expected) // deep equality
- Expected - 1
+ Received + 50
- Array []
+ Array [
+ Object {
+ "description": "Ensure elements that have scrollable content are accessible by keyboard",
+ "help": "Scrollable region must have keyboard access",
+ "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/scrollable-region-focusable?application=playwright",
+ "id": "scrollable-region-focusable",
+ "impact": "serious",
+ "nodes": Array [
+ Object {
+ "all": Array [],
+ "any": Array [
+ Object {
+ "data": null,
+ "id": "focusable-content",
+ "impact": "serious",
+ "message": "Element should have focusable content",
+ "relatedNodes": Array [],
+ },
+ Object {
+ "data": null,
+ "id": "focusable-element",
+ "impact": "serious",
+ "message": "Element should be focusable",
+ "relatedNodes": Array [],
+ },
+ ],
+ "failureSummary": "Fix any of the following:
+ Element should have focusable content
+ Element should be focusable",
+ "html": "<main class=\"db-main\">",
+ "impact": "serious",
+ "none": Array [],
+ "target": Array [
+ "main",
+ ],
+ },
+ ],
+ "tags": Array [
+ "cat.keyboard",
+ "wcag2a",
+ "wcag211",
+ "wcag213",
+ "TTv5",
+ "TT4.a",
+ "EN-301-549",
+ "EN-9.2.1.1",
+ "EN-9.2.1.3",
+ ],
+ },
+ ]
161 | .analyze();
162 |
> 163 | expect(accessibilityScanResults.violations).toEqual([]);
| ^
164 | });
165 | };
166 |
at /__w/mono/mono/showcases/e2e/default.ts:163:47
|
|
🔣 Print GitHub Report:
showcases/e2e/default.ts#L163
3) [mobile_chrome] › default.ts:129:2 › DBCard › should not have any A11y issues for density functional and color neutral-bg-basic-level-1
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(received).toEqual(expected) // deep equality
- Expected - 1
+ Received + 50
- Array []
+ Array [
+ Object {
+ "description": "Ensure elements that have scrollable content are accessible by keyboard",
+ "help": "Scrollable region must have keyboard access",
+ "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/scrollable-region-focusable?application=playwright",
+ "id": "scrollable-region-focusable",
+ "impact": "serious",
+ "nodes": Array [
+ Object {
+ "all": Array [],
+ "any": Array [
+ Object {
+ "data": null,
+ "id": "focusable-content",
+ "impact": "serious",
+ "message": "Element should have focusable content",
+ "relatedNodes": Array [],
+ },
+ Object {
+ "data": null,
+ "id": "focusable-element",
+ "impact": "serious",
+ "message": "Element should be focusable",
+ "relatedNodes": Array [],
+ },
+ ],
+ "failureSummary": "Fix any of the following:
+ Element should have focusable content
+ Element should be focusable",
+ "html": "<main class=\"db-main\">",
+ "impact": "serious",
+ "none": Array [],
+ "target": Array [
+ "main",
+ ],
+ },
+ ],
+ "tags": Array [
+ "cat.keyboard",
+ "wcag2a",
+ "wcag211",
+ "wcag213",
+ "TTv5",
+ "TT4.a",
+ "EN-301-549",
+ "EN-9.2.1.1",
+ "EN-9.2.1.3",
+ ],
+ },
+ ]
161 | .analyze();
162 |
> 163 | expect(accessibilityScanResults.violations).toEqual([]);
| ^
164 | });
165 | };
166 |
at /__w/mono/mono/showcases/e2e/default.ts:163:47
|
|
🔣 Print GitHub Report:
showcases/e2e/default.ts#L111
4) [mobile_chrome] › default.ts:79:2 › DBCard › should match screenshot ──────────────────────────
Error: Screenshot comparison failed:
21594 pixels (ratio 0.04 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/card/showcase/mobile-chrome/DBCard-should-match-screenshot-1/DBCard-should-match-screenshot.png
Received: /__w/mono/mono/showcases/stencil-showcase/test-results/card-card-snapshot-DBCard-should-match-screenshot-mobile-chrome/DBCard-should-match-screenshot-1-actual.png
Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/card-card-snapshot-DBCard-should-match-screenshot-mobile-chrome/DBCard-should-match-screenshot-1-diff.png
Call log:
- expect.toHaveScreenshot with timeout 30000ms
- verifying given screenshot expectation
- taking page screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- 21594 pixels (ratio 0.04 of all image pixels) are different.
- waiting 100ms before taking screenshot
- taking page screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- captured a stable screenshot
- 21594 pixels (ratio 0.04 of all image pixels) are different.
109 | }
110 |
> 111 | await expect(page).toHaveScreenshot(config);
| ^
112 | });
113 | };
114 |
at /__w/mono/mono/showcases/e2e/default.ts:111:22
|
|
🔣 Print GitHub Report:
showcases/e2e/default.ts#L111
4) [mobile_chrome] › default.ts:79:2 › DBCard › should match screenshot ──────────────────────────
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: Screenshot comparison failed:
21594 pixels (ratio 0.04 of all image pixels) are different.
Expected: /__w/mono/mono/__snapshots__/card/showcase/mobile-chrome/DBCard-should-match-screenshot-1/DBCard-should-match-screenshot.png
Received: /__w/mono/mono/showcases/stencil-showcase/test-results/card-card-snapshot-DBCard-should-match-screenshot-mobile-chrome-retry1/DBCard-should-match-screenshot-1-actual.png
Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/card-card-snapshot-DBCard-should-match-screenshot-mobile-chrome-retry1/DBCard-should-match-screenshot-1-diff.png
Call log:
- expect.toHaveScreenshot with timeout 30000ms
- verifying given screenshot expectation
- taking page screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- 21594 pixels (ratio 0.04 of all image pixels) are different.
- waiting 100ms before taking screenshot
- taking page screenshot
- disabled all CSS animations
- waiting for fonts to load...
- fonts loaded
- captured a stable screenshot
- 21594 pixels (ratio 0.04 of all image pixels) are different.
109 | }
110 |
> 111 | await expect(page).toHaveScreenshot(config);
| ^
112 | });
113 | };
114 |
at /__w/mono/mono/showcases/e2e/default.ts:111:22
|
|
🔣 Print GitHub Report:
showcases/e2e/default.ts#L163
5) [mobile_chrome] › default.ts:129:2 › DBCheckbox › should not have any A11y issues for density regular and color neutral-bg-basic-level-1
Error: expect(received).toEqual(expected) // deep equality
- Expected - 1
+ Received + 50
- Array []
+ Array [
+ Object {
+ "description": "Ensure elements that have scrollable content are accessible by keyboard",
+ "help": "Scrollable region must have keyboard access",
+ "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/scrollable-region-focusable?application=playwright",
+ "id": "scrollable-region-focusable",
+ "impact": "serious",
+ "nodes": Array [
+ Object {
+ "all": Array [],
+ "any": Array [
+ Object {
+ "data": null,
+ "id": "focusable-content",
+ "impact": "serious",
+ "message": "Element should have focusable content",
+ "relatedNodes": Array [],
+ },
+ Object {
+ "data": null,
+ "id": "focusable-element",
+ "impact": "serious",
+ "message": "Element should be focusable",
+ "relatedNodes": Array [],
+ },
+ ],
+ "failureSummary": "Fix any of the following:
+ Element should have focusable content
+ Element should be focusable",
+ "html": "<main class=\"db-main\">",
+ "impact": "serious",
+ "none": Array [],
+ "target": Array [
+ "main",
+ ],
+ },
+ ],
+ "tags": Array [
+ "cat.keyboard",
+ "wcag2a",
+ "wcag211",
+ "wcag213",
+ "TTv5",
+ "TT4.a",
+ "EN-301-549",
+ "EN-9.2.1.1",
+ "EN-9.2.1.3",
+ ],
+ },
+ ]
161 | .analyze();
162 |
> 163 | expect(accessibilityScanResults.violations).toEqual([]);
| ^
164 | });
165 | };
166 |
at /__w/mono/mono/showcases/e2e/default.ts:163:47
|
|
🔣 Print GitHub Report:
showcases/e2e/default.ts#L163
5) [mobile_chrome] › default.ts:129:2 › DBCheckbox › should not have any A11y issues for density regular and color neutral-bg-basic-level-1
Retry #1 ───────────────────────────────────────────────────────────────────────────────────────
Error: expect(received).toEqual(expected) // deep equality
- Expected - 1
+ Received + 50
- Array []
+ Array [
+ Object {
+ "description": "Ensure elements that have scrollable content are accessible by keyboard",
+ "help": "Scrollable region must have keyboard access",
+ "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/scrollable-region-focusable?application=playwright",
+ "id": "scrollable-region-focusable",
+ "impact": "serious",
+ "nodes": Array [
+ Object {
+ "all": Array [],
+ "any": Array [
+ Object {
+ "data": null,
+ "id": "focusable-content",
+ "impact": "serious",
+ "message": "Element should have focusable content",
+ "relatedNodes": Array [],
+ },
+ Object {
+ "data": null,
+ "id": "focusable-element",
+ "impact": "serious",
+ "message": "Element should be focusable",
+ "relatedNodes": Array [],
+ },
+ ],
+ "failureSummary": "Fix any of the following:
+ Element should have focusable content
+ Element should be focusable",
+ "html": "<main class=\"db-main\">",
+ "impact": "serious",
+ "none": Array [],
+ "target": Array [
+ "main",
+ ],
+ },
+ ],
+ "tags": Array [
+ "cat.keyboard",
+ "wcag2a",
+ "wcag211",
+ "wcag213",
+ "TTv5",
+ "TT4.a",
+ "EN-301-549",
+ "EN-9.2.1.1",
+ "EN-9.2.1.3",
+ ],
+ },
+ ]
161 | .analyze();
162 |
> 163 | expect(accessibilityScanResults.violations).toEqual([]);
| ^
164 | });
165 | };
166 |
at /__w/mono/mono/showcases/e2e/default.ts:163:47
|
|
🆙 Upload aChecker results
No files were found with the provided path: ./showcases/-showcase/results. No artifacts will be uploaded.
|
|
🔣 Print GitHub Report
50 failed
[mobile_chrome] › default.ts:79:2 › DBButton › should match screenshot ─────────────────────────
[mobile_chrome] › default.ts:129:2 › DBCard › should not have any A11y issues for density regular and color neutral-bg-basic-level-1
[mobile_chrome] › default.ts:129:2 › DBCard › should not have any A11y issues for density functional and color neutral-bg-basic-level-1
[mobile_chrome] › default.ts:79:2 › DBCard › should match screenshot ───────────────────────────
[mobile_chrome] › default.ts:129:2 › DBCheckbox › should not have any A11y issues for density regular and color neutral-bg-basic-level-1
[mobile_chrome] › default.ts:129:2 › DBCheckbox › should not have any A11y issues for density functional and color neutral-bg-basic-level-1
[mobile_chrome] › default.ts:79:2 › DBCheckbox › should match screenshot ───────────────────────
[mobile_chrome] › default.ts:129:2 › DBDivider › should not have any A11y issues for density regular and color neutral-bg-basic-level-1
[mobile_chrome] › default.ts:129:2 › DBDivider › should not have any A11y issues for density functional and color neutral-bg-basic-level-1
[mobile_chrome] › default.ts:79:2 › DBDivider › should match screenshot ────────────────────────
[mobile_chrome] › default.ts:129:2 › DBDrawer › should not have any A11y issues for density regular and color neutral-bg-basic-level-1
[mobile_chrome] › default.ts:129:2 › DBDrawer › should not have any A11y issues for density functional and color neutral-bg-basic-level-1
[mobile_chrome] › default.ts:79:2 › DBDrawer › should match screenshot ─────────────────────────
[mobile_chrome] › default.ts:79:2 › DBIcon › should match screenshot ───────────────────────────
[mobile_chrome] › default.ts:129:2 › DBInfotext › should not have any A11y issues for density regular and color neutral-bg-basic-level-1
[mobile_chrome] › default.ts:129:2 › DBInfotext › should not have any A11y issues for density functional and color neutral-bg-basic-level-1
[mobile_chrome] › default.ts:79:2 › DBInfotext › should match screenshot ───────────────────────
[mobile_chrome] › default.ts:79:2 › DBInput › should match screenshot ──────────────────────────
[mobile_chrome] › default.ts:79:2 › DBLink › should match screenshot ───────────────────────────
[mobile_chrome] › default.ts:79:2 › DBNavigation › should match screenshot ─────────────────────
[mobile_chrome] › default.ts:79:2 › DBNavigationItem › should match screenshot ─────────────────
[mobile_chrome] › default.ts:129:2 › DBNotification › should not have any A11y issues for density regular and color neutral-bg-basic-level-1
[mobile_chrome] › default.ts:129:2 › DBNotification › should not have any A11y issues for density functional and color neutral-bg-basic-level-1
[mobile_chrome] › default.ts:79:2 › DBNotification › should match screenshot ───────────────────
[mobile_chrome] › default.ts:129:2 › DBPopover › should not have any A11y issues for density regular and color neutral-bg-basic-level-1
[mobile_chrome] › default.ts:129:2 › DBPopover › should not have any A11y issues for density functional and color neutral-bg-basic-level-1
[mobile_chrome] › default.ts:79:2 › DBPopover › should match screenshot ────────────────────────
[mobile_chrome] › default.ts:129:2 › DBRadio › should not have any A11y issues for density regular and color neutral-bg-basic-level-1
[mobile_chrome] › default.ts:129:2 › DBRadio › should not have any A11y issues for density functional and color neutral-bg-basic-level-1
[mobile_chrome] › default.ts:79:2 › DBRadio › should match screenshot ──────────────────────────
[mobile_chrome] › default.ts:129:2 › DBSection › should not have any A11y issues for density regular and color neutral-bg-basic-level-1
[mobile_chrome] › default.ts:129:2 › DBSection › should not have any A11y issues for density functional and color neutral-bg-basic-level-1
[mobile_chrome] › default.ts:79:2 › DBSection › should match screenshot ────────────────────────
|
Loading