1) [mobile_chrome] › default.ts:70:2 › DBNavigation › should match screenshot ──────────────────── Error: Screenshot comparison failed: 6697 pixels (ratio 0.02 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/navigation/showcase/mobile-chrome/DBNavigation-should-match-screenshot-1/DBNavigation-should-match-screenshot.png Received: /__w/mono/mono/showcases/stencil-showcase/test-results/navigation-navigation-snap-72564-ion-should-match-screenshot-mobile-chrome/DBNavigation-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/navigation-navigation-snap-72564-ion-should-match-screenshot-mobile-chrome/DBNavigation-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 - 6697 pixels (ratio 0.02 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 - 6697 pixels (ratio 0.02 of all image pixels) are different. 100 | } 101 | > 102 | await expect(page).toHaveScreenshot(config); | ^ 103 | }); 104 | }; 105 | at /__w/mono/mono/showcases/e2e/default.ts:102:22

1) [mobile_chrome] › default.ts:70:2 › DBNavigation › should match screenshot ──────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 6697 pixels (ratio 0.02 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/navigation/showcase/mobile-chrome/DBNavigation-should-match-screenshot-1/DBNavigation-should-match-screenshot.png Received: /__w/mono/mono/showcases/stencil-showcase/test-results/navigation-navigation-snap-72564-ion-should-match-screenshot-mobile-chrome-retry1/DBNavigation-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/navigation-navigation-snap-72564-ion-should-match-screenshot-mobile-chrome-retry1/DBNavigation-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 - 6697 pixels (ratio 0.02 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 - 6697 pixels (ratio 0.02 of all image pixels) are different. 100 | } 101 | > 102 | await expect(page).toHaveScreenshot(config); | ^ 103 | }); 104 | }; 105 | at /__w/mono/mono/showcases/e2e/default.ts:102:22

Process completed with exit code 1.

1) [firefox] › default.ts:70:2 › DBNavigation › should match screenshot ────────────────────────── Error: Screenshot comparison failed: 9564 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/navigation/showcase/firefox/DBNavigation-should-match-screenshot-1/DBNavigation-should-match-screenshot.png Received: /__w/mono/mono/showcases/stencil-showcase/test-results/navigation-navigation-snap-72564-ion-should-match-screenshot-firefox/DBNavigation-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/navigation-navigation-snap-72564-ion-should-match-screenshot-firefox/DBNavigation-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 - 9564 pixels (ratio 0.01 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 - 9564 pixels (ratio 0.01 of all image pixels) are different. 100 | } 101 | > 102 | await expect(page).toHaveScreenshot(config); | ^ 103 | }); 104 | }; 105 | at /__w/mono/mono/showcases/e2e/default.ts:102:22

1) [firefox] › default.ts:70:2 › DBNavigation › should match screenshot ────────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 9564 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/navigation/showcase/firefox/DBNavigation-should-match-screenshot-1/DBNavigation-should-match-screenshot.png Received: /__w/mono/mono/showcases/stencil-showcase/test-results/navigation-navigation-snap-72564-ion-should-match-screenshot-firefox-retry1/DBNavigation-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/navigation-navigation-snap-72564-ion-should-match-screenshot-firefox-retry1/DBNavigation-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 - 9564 pixels (ratio 0.01 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 - 9564 pixels (ratio 0.01 of all image pixels) are different. 100 | } 101 | > 102 | await expect(page).toHaveScreenshot(config); | ^ 103 | }); 104 | }; 105 | at /__w/mono/mono/showcases/e2e/default.ts:102:22

2) [webkit] › default.ts:122:3 › DBAccordionItem › should not have any A11y issues for color neutral-bg-basic-level-1 Error: expect(received).toEqual(expected) // deep equality - Expected - 1 + Received + 56 - Array [] + Array [ + Object { + "description": "Ensure the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds", + "help": "Elements must meet minimum color contrast ratio thresholds", + "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/color-contrast?application=playwright", + "id": "color-contrast", + "impact": "serious", + "nodes": Array [ + Object { + "all": Array [], + "any": Array [ + Object { + "data": Object { + "bgColor": "#ffffff", + "contrastRatio": 2.49, + "expectedContrastRatio": "4.5:1", + "fgColor": "#a3a4a5", + "fontSize": "12.0pt (16px)", + "fontWeight": "normal", + "messageKey": null, + }, + "id": "color-contrast", + "impact": "serious", + "message": "Element has insufficient color contrast of 2.49 (foreground color: #a3a4a5, background color: #ffffff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1", + "relatedNodes": Array [ + Object { + "html": "<summary>Disabled</summary>", + "target": Array [ + "#accordion-item-f3cf7a17-67c2-46a1-9416-5b952a2be5db > summary", + ], + }, + ], + }, + ], + "failureSummary": "Fix any of the following: + Element has insufficient color contrast of 2.49 (foreground color: #a3a4a5, background color: #ffffff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1", + "html": "<summary>Disabled</summary>", + "impact": "serious", + "none": Array [], + "target": Array [ + "#accordion-item-f3cf7a17-67c2-46a1-9416-5b952a2be5db > summary", + ], + }, + ], + "tags": Array [ + "cat.color", + "wcag2aa", + "wcag143", + "TTv5", + "TT13.c", + "EN-301-549", + "EN-9.1.4.3", + "ACT", + ], + }, + ] 154 | .analyze(); 155 | > 156 | expect(accessibilityScanResults.violations).toEqual([]); | ^ 157 | }); 158 | } 159 | at /__w/mono/mono/showcases/e2e/default.ts:156:48

2) [webkit] › default.ts:122:3 › DBAccordionItem › should not have any A11y issues for color neutral-bg-basic-level-1 Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(received).toEqual(expected) // deep equality - Expected - 1 + Received + 56 - Array [] + Array [ + Object { + "description": "Ensure the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds", + "help": "Elements must meet minimum color contrast ratio thresholds", + "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/color-contrast?application=playwright", + "id": "color-contrast", + "impact": "serious", + "nodes": Array [ + Object { + "all": Array [], + "any": Array [ + Object { + "data": Object { + "bgColor": "#ffffff", + "contrastRatio": 2.49, + "expectedContrastRatio": "4.5:1", + "fgColor": "#a3a4a5", + "fontSize": "12.0pt (16px)", + "fontWeight": "normal", + "messageKey": null, + }, + "id": "color-contrast", + "impact": "serious", + "message": "Element has insufficient color contrast of 2.49 (foreground color: #a3a4a5, background color: #ffffff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1", + "relatedNodes": Array [ + Object { + "html": "<summary>Disabled</summary>", + "target": Array [ + "#accordion-item-e24d2289-71af-4626-aa6c-635e53fe80ac > summary", + ], + }, + ], + }, + ], + "failureSummary": "Fix any of the following: + Element has insufficient color contrast of 2.49 (foreground color: #a3a4a5, background color: #ffffff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1", + "html": "<summary>Disabled</summary>", + "impact": "serious", + "none": Array [], + "target": Array [ + "#accordion-item-e24d2289-71af-4626-aa6c-635e53fe80ac > summary", + ], + }, + ], + "tags": Array [ + "cat.color", + "wcag2aa", + "wcag143", + "TTv5", + "TT13.c", + "EN-301-549", + "EN-9.1.4.3", + "ACT", + ], + }, + ] 154 | .analyze(); 155 | > 156 | expect(accessibilityScanResults.violations).toEqual([]); | ^ 157 | }); 158 | } 159 | at /__w/mono/mono/showcases/e2e/default.ts:156:48

Process completed with exit code 1.

Process completed with exit code 1.

1) [firefox] › default.ts:122:3 › DBAccordionItem › should not have any A11y issues for color neutral-bg-basic-level-1 Error: expect(received).toEqual(expected) // deep equality - Expected - 1 + Received + 56 - Array [] + Array [ + Object { + "description": "Ensure the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds", + "help": "Elements must meet minimum color contrast ratio thresholds", + "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/color-contrast?application=playwright", + "id": "color-contrast", + "impact": "serious", + "nodes": Array [ + Object { + "all": Array [], + "any": Array [ + Object { + "data": Object { + "bgColor": "#ffffff", + "contrastRatio": 2.49, + "expectedContrastRatio": "4.5:1", + "fgColor": "#a3a4a5", + "fontSize": "12.0pt (16px)", + "fontWeight": "normal", + "messageKey": null, + }, + "id": "color-contrast", + "impact": "serious", + "message": "Element has insufficient color contrast of 2.49 (foreground color: #a3a4a5, background color: #ffffff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1", + "relatedNodes": Array [ + Object { + "html": "<summary>Disabled</summary>", + "target": Array [ + "#accordion-item-88b37f2b-7026-403f-b3d6-1459cf7ee093 > summary", + ], + }, + ], + }, + ], + "failureSummary": "Fix any of the following: + Element has insufficient color contrast of 2.49 (foreground color: #a3a4a5, background color: #ffffff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1", + "html": "<summary>Disabled</summary>", + "impact": "serious", + "none": Array [], + "target": Array [ + "#accordion-item-88b37f2b-7026-403f-b3d6-1459cf7ee093 > summary", + ], + }, + ], + "tags": Array [ + "cat.color", + "wcag2aa", + "wcag143", + "TTv5", + "TT13.c", + "EN-301-549", + "EN-9.1.4.3", + "ACT", + ], + }, + ] 154 | .analyze(); 155 | > 156 | expect(accessibilityScanResults.violations).toEqual([]); | ^ 157 | }); 158 | } 159 | at /__w/mono/mono/showcases/e2e/default.ts:156:48

1) [firefox] › default.ts:122:3 › DBAccordionItem › should not have any A11y issues for color neutral-bg-basic-level-1 Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(received).toEqual(expected) // deep equality - Expected - 1 + Received + 56 - Array [] + Array [ + Object { + "description": "Ensure the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds", + "help": "Elements must meet minimum color contrast ratio thresholds", + "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/color-contrast?application=playwright", + "id": "color-contrast", + "impact": "serious", + "nodes": Array [ + Object { + "all": Array [], + "any": Array [ + Object { + "data": Object { + "bgColor": "#ffffff", + "contrastRatio": 2.49, + "expectedContrastRatio": "4.5:1", + "fgColor": "#a3a4a5", + "fontSize": "12.0pt (16px)", + "fontWeight": "normal", + "messageKey": null, + }, + "id": "color-contrast", + "impact": "serious", + "message": "Element has insufficient color contrast of 2.49 (foreground color: #a3a4a5, background color: #ffffff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1", + "relatedNodes": Array [ + Object { + "html": "<summary>Disabled</summary>", + "target": Array [ + "#accordion-item-fc80600b-48f7-4551-90a5-f3f673783aeb > summary", + ], + }, + ], + }, + ], + "failureSummary": "Fix any of the following: + Element has insufficient color contrast of 2.49 (foreground color: #a3a4a5, background color: #ffffff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1", + "html": "<summary>Disabled</summary>", + "impact": "serious", + "none": Array [], + "target": Array [ + "#accordion-item-fc80600b-48f7-4551-90a5-f3f673783aeb > summary", + ], + }, + ], + "tags": Array [ + "cat.color", + "wcag2aa", + "wcag143", + "TTv5", + "TT13.c", + "EN-301-549", + "EN-9.1.4.3", + "ACT", + ], + }, + ] 154 | .analyze(); 155 | > 156 | expect(accessibilityScanResults.violations).toEqual([]); | ^ 157 | }); 158 | } 159 | at /__w/mono/mono/showcases/e2e/default.ts:156:48

1) [chromium] › default.ts:122:3 › DBAccordionItem › should not have any A11y issues for color neutral-bg-basic-level-1 Error: expect(received).toEqual(expected) // deep equality - Expected - 1 + Received + 56 - Array [] + Array [ + Object { + "description": "Ensure the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds", + "help": "Elements must meet minimum color contrast ratio thresholds", + "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/color-contrast?application=playwright", + "id": "color-contrast", + "impact": "serious", + "nodes": Array [ + Object { + "all": Array [], + "any": Array [ + Object { + "data": Object { + "bgColor": "#ffffff", + "contrastRatio": 2.49, + "expectedContrastRatio": "4.5:1", + "fgColor": "#a3a4a5", + "fontSize": "12.0pt (16px)", + "fontWeight": "normal", + "messageKey": null, + }, + "id": "color-contrast", + "impact": "serious", + "message": "Element has insufficient color contrast of 2.49 (foreground color: #a3a4a5, background color: #ffffff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1", + "relatedNodes": Array [ + Object { + "html": "<summary>Disabled</summary>", + "target": Array [ + "#accordion-item-c67adc18-5dc1-4fb4-88a9-494b25361ab4 > summary", + ], + }, + ], + }, + ], + "failureSummary": "Fix any of the following: + Element has insufficient color contrast of 2.49 (foreground color: #a3a4a5, background color: #ffffff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1", + "html": "<summary>Disabled</summary>", + "impact": "serious", + "none": Array [], + "target": Array [ + "#accordion-item-c67adc18-5dc1-4fb4-88a9-494b25361ab4 > summary", + ], + }, + ], + "tags": Array [ + "cat.color", + "wcag2aa", + "wcag143", + "TTv5", + "TT13.c", + "EN-301-549", + "EN-9.1.4.3", + "ACT", + ], + }, + ] 154 | .analyze(); 155 | > 156 | expect(accessibilityScanResults.violations).toEqual([]); | ^ 157 | }); 158 | } 159 | at /__w/mono/mono/showcases/e2e/default.ts:156:48

1) [chromium] › default.ts:122:3 › DBAccordionItem › should not have any A11y issues for color neutral-bg-basic-level-1 Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(received).toEqual(expected) // deep equality - Expected - 1 + Received + 56 - Array [] + Array [ + Object { + "description": "Ensure the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds", + "help": "Elements must meet minimum color contrast ratio thresholds", + "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/color-contrast?application=playwright", + "id": "color-contrast", + "impact": "serious", + "nodes": Array [ + Object { + "all": Array [], + "any": Array [ + Object { + "data": Object { + "bgColor": "#ffffff", + "contrastRatio": 2.49, + "expectedContrastRatio": "4.5:1", + "fgColor": "#a3a4a5", + "fontSize": "12.0pt (16px)", + "fontWeight": "normal", + "messageKey": null, + }, + "id": "color-contrast", + "impact": "serious", + "message": "Element has insufficient color contrast of 2.49 (foreground color: #a3a4a5, background color: #ffffff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1", + "relatedNodes": Array [ + Object { + "html": "<summary>Disabled</summary>", + "target": Array [ + "#accordion-item-78356886-c7f0-4e04-b01e-62527e8b4683 > summary", + ], + }, + ], + }, + ], + "failureSummary": "Fix any of the following: + Element has insufficient color contrast of 2.49 (foreground color: #a3a4a5, background color: #ffffff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1", + "html": "<summary>Disabled</summary>", + "impact": "serious", + "none": Array [], + "target": Array [ + "#accordion-item-78356886-c7f0-4e04-b01e-62527e8b4683 > summary", + ], + }, + ], + "tags": Array [ + "cat.color", + "wcag2aa", + "wcag143", + "TTv5", + "TT13.c", + "EN-301-549", + "EN-9.1.4.3", + "ACT", + ], + }, + ] 154 | .analyze(); 155 | > 156 | expect(accessibilityScanResults.violations).toEqual([]); | ^ 157 | }); 158 | } 159 | at /__w/mono/mono/showcases/e2e/default.ts:156:48

2) [chromium] › default.ts:122:3 › DBAccordionItem › should not have any A11y issues for color neutral-bg-basic-level-2 Error: expect(received).toEqual(expected) // deep equality - Expected - 1 + Received + 56 - Array [] + Array [ + Object { + "description": "Ensure the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds", + "help": "Elements must meet minimum color contrast ratio thresholds", + "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/color-contrast?application=playwright", + "id": "color-contrast", + "impact": "serious", + "nodes": Array [ + Object { + "all": Array [], + "any": Array [ + Object { + "data": Object { + "bgColor": "#f8f8f9", + "contrastRatio": 2.55, + "expectedContrastRatio": "4.5:1", + "fgColor": "#9c9d9f", + "fontSize": "12.0pt (16px)", + "fontWeight": "normal", + "messageKey": null, + }, + "id": "color-contrast", + "impact": "serious", + "message": "Element has insufficient color contrast of 2.55 (foreground color: #9c9d9f, background color: #f8f8f9, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1", + "relatedNodes": Array [ + Object { + "html": "<summary>Disabled</summary>", + "target": Array [ + "#accordion-item-8e133faa-089c-47fc-b743-ac49329c5b9e > summary", + ], + }, + ], + }, + ], + "failureSummary": "Fix any of the following: + Element has insufficient color contrast of 2.55 (foreground color: #9c9d9f, background color: #f8f8f9, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1", + "html": "<summary>Disabled</summary>", + "impact": "serious", + "none": Array [], + "target": Array [ + "#accordion-item-8e133faa-089c-47fc-b743-ac49329c5b9e > summary", + ], + }, + ], + "tags": Array [ + "cat.color", + "wcag2aa", + "wcag143", + "TTv5", + "TT13.c", + "EN-301-549", + "EN-9.1.4.3", + "ACT", + ], + }, + ] 154 | .analyze(); 155 | > 156 | expect(accessibilityScanResults.violations).toEqual([]); | ^ 157 | }); 158 | } 159 | at /__w/mono/mono/showcases/e2e/default.ts:156:48

2) [chromium] › default.ts:122:3 › DBAccordionItem › should not have any A11y issues for color neutral-bg-basic-level-2 Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(received).toEqual(expected) // deep equality - Expected - 1 + Received + 56 - Array [] + Array [ + Object { + "description": "Ensure the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds", + "help": "Elements must meet minimum color contrast ratio thresholds", + "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/color-contrast?application=playwright", + "id": "color-contrast", + "impact": "serious", + "nodes": Array [ + Object { + "all": Array [], + "any": Array [ + Object { + "data": Object { + "bgColor": "#f8f8f9", + "contrastRatio": 2.55, + "expectedContrastRatio": "4.5:1", + "fgColor": "#9c9d9f", + "fontSize": "12.0pt (16px)", + "fontWeight": "normal", + "messageKey": null, + }, + "id": "color-contrast", + "impact": "serious", + "message": "Element has insufficient color contrast of 2.55 (foreground color: #9c9d9f, background color: #f8f8f9, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1", + "relatedNodes": Array [ + Object { + "html": "<summary>Disabled</summary>", + "target": Array [ + "#accordion-item-fe27eeed-556f-48f4-b0af-8ca3fc1ab431 > summary", + ], + }, + ], + }, + ], + "failureSummary": "Fix any of the following: + Element has insufficient color contrast of 2.55 (foreground color: #9c9d9f, background color: #f8f8f9, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1", + "html": "<summary>Disabled</summary>", + "impact": "serious", + "none": Array [], + "target": Array [ + "#accordion-item-fe27eeed-556f-48f4-b0af-8ca3fc1ab431 > summary", + ], + }, + ], + "tags": Array [ + "cat.color", + "wcag2aa", + "wcag143", + "TTv5", + "TT13.c", + "EN-301-549", + "EN-9.1.4.3", + "ACT", + ], + }, + ] 154 | .analyze(); 155 | > 156 | expect(accessibilityScanResults.violations).toEqual([]); | ^ 157 | }); 158 | } 159 | at /__w/mono/mono/showcases/e2e/default.ts:156:48

3) [chromium] › default.ts:122:3 › DBAccordionItem › should not have any A11y issues for color neutral-bg-basic-level-3 Error: expect(received).toEqual(expected) // deep equality - Expected - 1 + Received + 56 - Array [] + Array [ + Object { + "description": "Ensure the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds", + "help": "Elements must meet minimum color contrast ratio thresholds", + "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/color-contrast?application=playwright", + "id": "color-contrast", + "impact": "serious", + "nodes": Array [ + Object { + "all": Array [], + "any": Array [ + Object { + "data": Object { + "bgColor": "#f4f5f6", + "contrastRatio": 2.57, + "expectedContrastRatio": "4.5:1", + "fgColor": "#999a9c", + "fontSize": "12.0pt (16px)", + "fontWeight": "normal", + "messageKey": null, + }, + "id": "color-contrast", + "impact": "serious", + "message": "Element has insufficient color contrast of 2.57 (foreground color: #999a9c, background color: #f4f5f6, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1", + "relatedNodes": Array [ + Object { + "html": "<summary>Disabled</summary>", + "target": Array [ + "#accordion-item-71a55808-2e5f-44c6-ad2a-aa9c7991e63d > summary", + ], + }, + ], + }, + ], + "failureSummary": "Fix any of the following: + Element has insufficient color contrast of 2.57 (foreground color: #999a9c, background color: #f4f5f6, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1", + "html": "<summary>Disabled</summary>", + "impact": "serious", + "none": Array [], + "target": Array [ + "#accordion-item-71a55808-2e5f-44c6-ad2a-aa9c7991e63d > summary", + ], + }, + ], + "tags": Array [ + "cat.color", + "wcag2aa", + "wcag143", + "TTv5", + "TT13.c", + "EN-301-549", + "EN-9.1.4.3", + "ACT", + ], + }, + ] 154 | .analyze(); 155 | > 156 | expect(accessibilityScanResults.violations).toEqual([]); | ^ 157 | }); 158 | } 159 | at /__w/mono/mono/showcases/e2e/default.ts:156:48

3) [chromium] › default.ts:122:3 › DBAccordionItem › should not have any A11y issues for color neutral-bg-basic-level-3 Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(received).toEqual(expected) // deep equality - Expected - 1 + Received + 56 - Array [] + Array [ + Object { + "description": "Ensure the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds", + "help": "Elements must meet minimum color contrast ratio thresholds", + "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/color-contrast?application=playwright", + "id": "color-contrast", + "impact": "serious", + "nodes": Array [ + Object { + "all": Array [], + "any": Array [ + Object { + "data": Object { + "bgColor": "#f4f5f6", + "contrastRatio": 2.57, + "expectedContrastRatio": "4.5:1", + "fgColor": "#999a9c", + "fontSize": "12.0pt (16px)", + "fontWeight": "normal", + "messageKey": null, + }, + "id": "color-contrast", + "impact": "serious", + "message": "Element has insufficient color contrast of 2.57 (foreground color: #999a9c, background color: #f4f5f6, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1", + "relatedNodes": Array [ + Object { + "html": "<summary>Disabled</summary>", + "target": Array [ + "#accordion-item-b2bad387-a2fe-4c50-9bf5-2ce8863147e4 > summary", + ], + }, + ], + }, + ], + "failureSummary": "Fix any of the following: + Element has insufficient color contrast of 2.57 (foreground color: #999a9c, background color: #f4f5f6, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1", + "html": "<summary>Disabled</summary>", + "impact": "serious", + "none": Array [], + "target": Array [ + "#accordion-item-b2bad387-a2fe-4c50-9bf5-2ce8863147e4 > summary", + ], + }, + ], + "tags": Array [ + "cat.color", + "wcag2aa", + "wcag143", + "TTv5", + "TT13.c", + "EN-301-549", + "EN-9.1.4.3", + "ACT", + ], + }, + ] 154 | .analyze(); 155 | > 156 | expect(accessibilityScanResults.violations).toEqual([]); | ^ 157 | }); 158 | } 159 | at /__w/mono/mono/showcases/e2e/default.ts:156:48

4) [chromium] › default.ts:160:2 › DBAccordionItem › test with accessibility checker ───────────── Error: expect(received).toEqual(expected) // deep equality - Expected - 1 + Received + 72 - Array [] + Array [ + Object { + "apiArgs": Array [], + "bounds": Object { + "height": 56, + "left": 741, + "top": 765, + "width": 147, + }, + "category": "Accessibility", + "help": "https://able.ibm.com/rules/archives/2024.10.01/doc/en-US/text_contrast_sufficient.html#%7B%22message%22%3A%22Text%20contrast%20of%202.49%20with%20its%20background%20is%20less%20than%20the%20WCAG%20AA%20minimum%20requirements%20for%20text%20of%20size%2016px%20and%20weight%20of%20400%22%2C%22snippet%22%3A%22%3Csummary%3E%22%2C%22value%22%3A%5B%22VIOLATION%22%2C%22FAIL%22%5D%2C%22reasonId%22%3A%22fail_contrast%22%2C%22ruleId%22%3A%22text_contrast_sufficient%22%2C%22msgArgs%22%3A%5B%222.49%22%2C16%2C400%2C%22%23a3a4a5%22%2C%22%23ffffff%22%2Cfalse%2Cfalse%5D%7D", + "ignored": false, + "level": "violation", + "message": "Text contrast of 2.49 with its background is less than the WCAG AA minimum requirements for text of size 16px and weight of 400", + "messageArgs": Array [ + "2.49", + 16, + 400, + "#a3a4a5", + "#ffffff", + false, + false, + ], + "path": Object { + "aria": "/document[1]/main[1]/group[5]", + "dom": "/html[1]/body[1]/app-root[1]/db-page[1]/div[1]/main[1]/div[1]/app-accordion-item[1]/app-default-component[1]/div[1]/div[2]/db-card[1]/div[1]/div[1]/div[2]/db-accordion-item[1]/details[1]/summary[1]", + }, + "reasonId": "fail_contrast", + "ruleId": "text_contrast_sufficient", + "ruleTime": 1, + "snippet": "<summary>", + "value": Array [ + "VIOLATION", + "FAIL", + ], + }, + Object { + "apiArgs": Array [], + "bounds": Object { + "height": 64, + "left": 741, + "top": 821, + "width": 147, + }, + "category": "Accessibility", + "help": "https://able.ibm.com/rules/archives/2024.10.01/doc/en-US/text_contrast_sufficient.html#%7B%22message%22%3A%22Text%20contrast%20of%202.49%20with%20its%20background%20is%20less%20than%20the%20WCAG%20AA%20minimum%20requirements%20for%20text%20of%20size%2016px%20and%20weight%20of%20400%22%2C%22snippet%22%3A%22%3Cdiv%3E%22%2C%22value%22%3A%5B%22VIOLATION%22%2C%22FAIL%22%5D%2C%22reasonId%22%3A%22fail_contrast%22%2C%22ruleId%22%3A%22text_contrast_sufficient%22%2C%22msgArgs%22%3A%5B%222.49%22%2C16%2C400%2C%22%23a3a4a5%22%2C%22%23ffffff%22%2Cfalse%2Cfalse%5D%7D", + "ignored": false, + "level": "violation", + "message": "Text contrast of 2.49 with its background is less than the WCAG AA minimum requirements for text of size 16px and weight of 400", + "messageArgs": Array [ + "2.49", + 16, + 400, + "#a3a4a5", + "#ffffff", + false, + false, + ], + "path": Object { + "aria": "/document[1]/main[1]/group[5]", + "dom": "/html[1]/body[1]/app-root[1]/db-page[1]/div[1]/main[1]/div[1]/app-accordion-item[1]/app-default-component[1]/div[1]/div[2]/db-card[1]/div[1]/div[1]/div[2]/db-accordion-item[1]/details[1]/div[1]", + }, + "reasonId": "fail_contrast", + "ruleId": "text_contrast_sufficient", + "ruleTime": 1, + "snippet": "<div>", + "value": Array [ + "VIOLATION", + "FAIL", + ], + }, + ] 194 | } 195 | > 196 | expect(failures).toEqual([]); | ^ 197 | }); 198 | }; 199 | at /__w/mono/mono/showcases/e2e/default.ts:196:20

4) [chromium] › default.ts:160:2 › DBAccordionItem › test with accessibility checker ───────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(received).toEqual(expected) // deep equality - Expected - 1 + Received + 72 - Array [] + Array [ + Object { + "apiArgs": Array [], + "bounds": Object { + "height": 56, + "left": 741, + "top": 765, + "width": 147, + }, + "category": "Accessibility", + "help": "https://able.ibm.com/rules/archives/2024.10.01/doc/en-US/text_contrast_sufficient.html#%7B%22message%22%3A%22Text%20contrast%20of%202.49%20with%20its%20background%20is%20less%20than%20the%20WCAG%20AA%20minimum%20requirements%20for%20text%20of%20size%2016px%20and%20weight%20of%20400%22%2C%22snippet%22%3A%22%3Csummary%3E%22%2C%22value%22%3A%5B%22VIOLATION%22%2C%22FAIL%22%5D%2C%22reasonId%22%3A%22fail_contrast%22%2C%22ruleId%22%3A%22text_contrast_sufficient%22%2C%22msgArgs%22%3A%5B%222.49%22%2C16%2C400%2C%22%23a3a4a5%22%2C%22%23ffffff%22%2Cfalse%2Cfalse%5D%7D", + "ignored": false, + "level": "violation", + "message": "Text contrast of 2.49 with its background is less than the WCAG AA minimum requirements for text of size 16px and weight of 400", + "messageArgs": Array [ + "2.49", + 16, + 400, + "#a3a4a5", + "#ffffff", + false, + false, + ], + "path": Object { + "aria": "/document[1]/main[1]/group[5]", + "dom": "/html[1]/body[1]/app-root[1]/db-page[1]/div[1]/main[1]/div[1]/app-accordion-item[1]/app-default-component[1]/div[1]/div[2]/db-card[1]/div[1]/div[1]/div[2]/db-accordion-item[1]/details[1]/summary[1]", + }, + "reasonId": "fail_contrast", + "ruleId": "text_contrast_sufficient", + "ruleTime": 1, + "snippet": "<summary>", + "value": Array [ + "VIOLATION", + "FAIL", + ], + }, + Object { + "apiArgs": Array [], + "bounds": Object { + "height": 64, + "left": 741, + "top": 821, + "width": 147, + }, + "category": "Accessibility", + "help": "https://able.ibm.com/rules/archives/2024.10.01/doc/en-US/text_contrast_sufficient.html#%7B%22message%22%3A%22Text%20contrast%20of%202.49%20with%20its%20background%20is%20less%20than%20the%20WCAG%20AA%20minimum%20requirements%20for%20text%20of%20size%2016px%20and%20weight%20of%20400%22%2C%22snippet%22%3A%22%3Cdiv%3E%22%2C%22value%22%3A%5B%22VIOLATION%22%2C%22FAIL%22%5D%2C%22reasonId%22%3A%22fail_contrast%22%2C%22ruleId%22%3A%22text_contrast_sufficient%22%2C%22msgArgs%22%3A%5B%222.49%22%2C16%2C400%2C%22%23a3a4a5%22%2C%22%23ffffff%22%2Cfalse%2Cfalse%5D%7D", + "ignored": false, + "level": "violation", + "message": "Text contrast of 2.49 with its background is less than the WCAG AA minimum requirements for text of size 16px and weight of 400", + "messageArgs": Array [ + "2.49", + 16, + 400, + "#a3a4a5", + "#ffffff", + false, + false, + ], + "path": Object { + "aria": "/document[1]/main[1]/group[5]", + "dom": "/html[1]/body[1]/app-root[1]/db-page[1]/div[1]/main[1]/div[1]/app-accordion-item[1]/app-default-component[1]/div[1]/div[2]/db-card[1]/div[1]/div[1]/div[2]/db-accordion-item[1]/details[1]/div[1]", + }, + "reasonId": "fail_contrast", + "ruleId": "text_contrast_sufficient", + "ruleTime": 1, + "snippet": "<div>", + "value": Array [ + "VIOLATION", + "FAIL", + ], + }, + ] 194 | } 195 | > 196 | expect(failures).toEqual([]); | ^ 197 | }); 198 | }; 199 | at /__w/mono/mono/showcases/e2e/default.ts:196:20

5) [chromium] › default.ts:70:2 › DBNavigation › should match screenshot ───────────────────────── Error: Screenshot comparison failed: 9894 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/navigation/showcase/chromium/DBNavigation-should-match-screenshot-1/DBNavigation-should-match-screenshot.png Received: /__w/mono/mono/showcases/stencil-showcase/test-results/navigation-navigation-snap-72564-ion-should-match-screenshot-chromium/DBNavigation-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/navigation-navigation-snap-72564-ion-should-match-screenshot-chromium/DBNavigation-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 - 9894 pixels (ratio 0.01 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 - 9894 pixels (ratio 0.01 of all image pixels) are different. 100 | } 101 | > 102 | await expect(page).toHaveScreenshot(config); | ^ 103 | }); 104 | }; 105 | at /__w/mono/mono/showcases/e2e/default.ts:102:22

5) [chromium] › default.ts:70:2 › DBNavigation › should match screenshot ───────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 9894 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/navigation/showcase/chromium/DBNavigation-should-match-screenshot-1/DBNavigation-should-match-screenshot.png Received: /__w/mono/mono/showcases/stencil-showcase/test-results/navigation-navigation-snap-72564-ion-should-match-screenshot-chromium-retry1/DBNavigation-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/navigation-navigation-snap-72564-ion-should-match-screenshot-chromium-retry1/DBNavigation-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 - 9894 pixels (ratio 0.01 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 - 9894 pixels (ratio 0.01 of all image pixels) are different. 100 | } 101 | > 102 | await expect(page).toHaveScreenshot(config); | ^ 103 | }); 104 | }; 105 | at /__w/mono/mono/showcases/e2e/default.ts:102:22

Process completed with exit code 1.

1) [chromium-highContrast] › default.ts:122:3 › DBAccordionItem › should not have any A11y issues for color neutral-bg-basic-level-1 Error: expect(received).toEqual(expected) // deep equality - Expected - 1 + Received + 56 - Array [] + Array [ + Object { + "description": "Ensure the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds", + "help": "Elements must meet minimum color contrast ratio thresholds", + "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/color-contrast?application=playwright", + "id": "color-contrast", + "impact": "serious", + "nodes": Array [ + Object { + "all": Array [], + "any": Array [ + Object { + "data": Object { + "bgColor": "#000000", + "contrastRatio": 3.65, + "expectedContrastRatio": "4.5:1", + "fgColor": "#666666", + "fontSize": "12.0pt (16px)", + "fontWeight": "normal", + "messageKey": null, + }, + "id": "color-contrast", + "impact": "serious", + "message": "Element has insufficient color contrast of 3.65 (foreground color: #666666, background color: #000000, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1", + "relatedNodes": Array [ + Object { + "html": "<summary>Disabled</summary>", + "target": Array [ + "#accordion-item-91da90b9-bdda-4402-9fbe-2ebe78c4a83e > summary", + ], + }, + ], + }, + ], + "failureSummary": "Fix any of the following: + Element has insufficient color contrast of 3.65 (foreground color: #666666, background color: #000000, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1", + "html": "<summary>Disabled</summary>", + "impact": "serious", + "none": Array [], + "target": Array [ + "#accordion-item-91da90b9-bdda-4402-9fbe-2ebe78c4a83e > summary", + ], + }, + ], + "tags": Array [ + "cat.color", + "wcag2aa", + "wcag143", + "TTv5", + "TT13.c", + "EN-301-549", + "EN-9.1.4.3", + "ACT", + ], + }, + ] 154 | .analyze(); 155 | > 156 | expect(accessibilityScanResults.violations).toEqual([]); | ^ 157 | }); 158 | } 159 | at /__w/mono/mono/showcases/e2e/default.ts:156:48

1) [chromium-highContrast] › default.ts:122:3 › DBAccordionItem › should not have any A11y issues for color neutral-bg-basic-level-1 Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(received).toEqual(expected) // deep equality - Expected - 1 + Received + 56 - Array [] + Array [ + Object { + "description": "Ensure the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds", + "help": "Elements must meet minimum color contrast ratio thresholds", + "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/color-contrast?application=playwright", + "id": "color-contrast", + "impact": "serious", + "nodes": Array [ + Object { + "all": Array [], + "any": Array [ + Object { + "data": Object { + "bgColor": "#000000", + "contrastRatio": 3.65, + "expectedContrastRatio": "4.5:1", + "fgColor": "#666666", + "fontSize": "12.0pt (16px)", + "fontWeight": "normal", + "messageKey": null, + }, + "id": "color-contrast", + "impact": "serious", + "message": "Element has insufficient color contrast of 3.65 (foreground color: #666666, background color: #000000, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1", + "relatedNodes": Array [ + Object { + "html": "<summary>Disabled</summary>", + "target": Array [ + "#accordion-item-47d474f4-8a97-4168-b1b3-23444d82629b > summary", + ], + }, + ], + }, + ], + "failureSummary": "Fix any of the following: + Element has insufficient color contrast of 3.65 (foreground color: #666666, background color: #000000, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1", + "html": "<summary>Disabled</summary>", + "impact": "serious", + "none": Array [], + "target": Array [ + "#accordion-item-47d474f4-8a97-4168-b1b3-23444d82629b > summary", + ], + }, + ], + "tags": Array [ + "cat.color", + "wcag2aa", + "wcag143", + "TTv5", + "TT13.c", + "EN-301-549", + "EN-9.1.4.3", + "ACT", + ], + }, + ] 154 | .analyze(); 155 | > 156 | expect(accessibilityScanResults.violations).toEqual([]); | ^ 157 | }); 158 | } 159 | at /__w/mono/mono/showcases/e2e/default.ts:156:48

2) [chromium-highContrast] › default.ts:122:3 › DBAccordionItem › should not have any A11y issues for color neutral-bg-basic-level-2 Error: expect(received).toEqual(expected) // deep equality - Expected - 1 + Received + 56 - Array [] + Array [ + Object { + "description": "Ensure the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds", + "help": "Elements must meet minimum color contrast ratio thresholds", + "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/color-contrast?application=playwright", + "id": "color-contrast", + "impact": "serious", + "nodes": Array [ + Object { + "all": Array [], + "any": Array [ + Object { + "data": Object { + "bgColor": "#000000", + "contrastRatio": 3.65, + "expectedContrastRatio": "4.5:1", + "fgColor": "#666666", + "fontSize": "12.0pt (16px)", + "fontWeight": "normal", + "messageKey": null, + }, + "id": "color-contrast", + "impact": "serious", + "message": "Element has insufficient color contrast of 3.65 (foreground color: #666666, background color: #000000, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1", + "relatedNodes": Array [ + Object { + "html": "<summary>Disabled</summary>", + "target": Array [ + "#accordion-item-78707dfd-27b1-440e-b104-7ed716f80ec1 > summary", + ], + }, + ], + }, + ], + "failureSummary": "Fix any of the following: + Element has insufficient color contrast of 3.65 (foreground color: #666666, background color: #000000, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1", + "html": "<summary>Disabled</summary>", + "impact": "serious", + "none": Array [], + "target": Array [ + "#accordion-item-78707dfd-27b1-440e-b104-7ed716f80ec1 > summary", + ], + }, + ], + "tags": Array [ + "cat.color", + "wcag2aa", + "wcag143", + "TTv5", + "TT13.c", + "EN-301-549", + "EN-9.1.4.3", + "ACT", + ], + }, + ] 154 | .analyze(); 155 | > 156 | expect(accessibilityScanResults.violations).toEqual([]); | ^ 157 | }); 158 | } 159 | at /__w/mono/mono/showcases/e2e/default.ts:156:48

2) [chromium-highContrast] › default.ts:122:3 › DBAccordionItem › should not have any A11y issues for color neutral-bg-basic-level-2 Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(received).toEqual(expected) // deep equality - Expected - 1 + Received + 56 - Array [] + Array [ + Object { + "description": "Ensure the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds", + "help": "Elements must meet minimum color contrast ratio thresholds", + "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/color-contrast?application=playwright", + "id": "color-contrast", + "impact": "serious", + "nodes": Array [ + Object { + "all": Array [], + "any": Array [ + Object { + "data": Object { + "bgColor": "#000000", + "contrastRatio": 3.65, + "expectedContrastRatio": "4.5:1", + "fgColor": "#666666", + "fontSize": "12.0pt (16px)", + "fontWeight": "normal", + "messageKey": null, + }, + "id": "color-contrast", + "impact": "serious", + "message": "Element has insufficient color contrast of 3.65 (foreground color: #666666, background color: #000000, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1", + "relatedNodes": Array [ + Object { + "html": "<summary>Disabled</summary>", + "target": Array [ + "#accordion-item-232c80b5-b306-4967-abb5-891b5787e835 > summary", + ], + }, + ], + }, + ], + "failureSummary": "Fix any of the following: + Element has insufficient color contrast of 3.65 (foreground color: #666666, background color: #000000, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1", + "html": "<summary>Disabled</summary>", + "impact": "serious", + "none": Array [], + "target": Array [ + "#accordion-item-232c80b5-b306-4967-abb5-891b5787e835 > summary", + ], + }, + ], + "tags": Array [ + "cat.color", + "wcag2aa", + "wcag143", + "TTv5", + "TT13.c", + "EN-301-549", + "EN-9.1.4.3", + "ACT", + ], + }, + ] 154 | .analyze(); 155 | > 156 | expect(accessibilityScanResults.violations).toEqual([]); | ^ 157 | }); 158 | } 159 | at /__w/mono/mono/showcases/e2e/default.ts:156:48

3) [chromium-highContrast] › default.ts:122:3 › DBAccordionItem › should not have any A11y issues for color neutral-bg-basic-level-3 Error: expect(received).toEqual(expected) // deep equality - Expected - 1 + Received + 56 - Array [] + Array [ + Object { + "description": "Ensure the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds", + "help": "Elements must meet minimum color contrast ratio thresholds", + "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/color-contrast?application=playwright", + "id": "color-contrast", + "impact": "serious", + "nodes": Array [ + Object { + "all": Array [], + "any": Array [ + Object { + "data": Object { + "bgColor": "#000000", + "contrastRatio": 3.65, + "expectedContrastRatio": "4.5:1", + "fgColor": "#666666", + "fontSize": "12.0pt (16px)", + "fontWeight": "normal", + "messageKey": null, + }, + "id": "color-contrast", + "impact": "serious", + "message": "Element has insufficient color contrast of 3.65 (foreground color: #666666, background color: #000000, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1", + "relatedNodes": Array [ + Object { + "html": "<summary>Disabled</summary>", + "target": Array [ + "#accordion-item-b6183267-fa78-4452-aa5a-81a4ef0f0ab0 > summary", + ], + }, + ], + }, + ], + "failureSummary": "Fix any of the following: + Element has insufficient color contrast of 3.65 (foreground color: #666666, background color: #000000, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1", + "html": "<summary>Disabled</summary>", + "impact": "serious", + "none": Array [], + "target": Array [ + "#accordion-item-b6183267-fa78-4452-aa5a-81a4ef0f0ab0 > summary", + ], + }, + ], + "tags": Array [ + "cat.color", + "wcag2aa", + "wcag143", + "TTv5", + "TT13.c", + "EN-301-549", + "EN-9.1.4.3", + "ACT", + ], + }, + ] 154 | .analyze(); 155 | > 156 | expect(accessibilityScanResults.violations).toEqual([]); | ^ 157 | }); 158 | } 159 | at /__w/mono/mono/showcases/e2e/default.ts:156:48

3) [chromium-highContrast] › default.ts:122:3 › DBAccordionItem › should not have any A11y issues for color neutral-bg-basic-level-3 Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(received).toEqual(expected) // deep equality - Expected - 1 + Received + 56 - Array [] + Array [ + Object { + "description": "Ensure the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds", + "help": "Elements must meet minimum color contrast ratio thresholds", + "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/color-contrast?application=playwright", + "id": "color-contrast", + "impact": "serious", + "nodes": Array [ + Object { + "all": Array [], + "any": Array [ + Object { + "data": Object { + "bgColor": "#000000", + "contrastRatio": 3.65, + "expectedContrastRatio": "4.5:1", + "fgColor": "#666666", + "fontSize": "12.0pt (16px)", + "fontWeight": "normal", + "messageKey": null, + }, + "id": "color-contrast", + "impact": "serious", + "message": "Element has insufficient color contrast of 3.65 (foreground color: #666666, background color: #000000, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1", + "relatedNodes": Array [ + Object { + "html": "<summary>Disabled</summary>", + "target": Array [ + "#accordion-item-772e1046-1a94-465c-bac7-2d1093574671 > summary", + ], + }, + ], + }, + ], + "failureSummary": "Fix any of the following: + Element has insufficient color contrast of 3.65 (foreground color: #666666, background color: #000000, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1", + "html": "<summary>Disabled</summary>", + "impact": "serious", + "none": Array [], + "target": Array [ + "#accordion-item-772e1046-1a94-465c-bac7-2d1093574671 > summary", + ], + }, + ], + "tags": Array [ + "cat.color", + "wcag2aa", + "wcag143", + "TTv5", + "TT13.c", + "EN-301-549", + "EN-9.1.4.3", + "ACT", + ], + }, + ] 154 | .analyze(); 155 | > 156 | expect(accessibilityScanResults.violations).toEqual([]); | ^ 157 | }); 158 | } 159 | at /__w/mono/mono/showcases/e2e/default.ts:156:48

4) [chromium-highContrast] › default.ts:160:2 › DBAccordionItem › test with accessibility checker Error: expect(received).toEqual(expected) // deep equality - Expected - 1 + Received + 72 - Array [] + Array [ + Object { + "apiArgs": Array [], + "bounds": Object { + "height": 56, + "left": 741, + "top": 771, + "width": 147, + }, + "category": "Accessibility", + "help": "https://able.ibm.com/rules/archives/2024.10.01/doc/en-US/text_contrast_sufficient.html#%7B%22message%22%3A%22Text%20contrast%20of%203.47%20with%20its%20background%20is%20less%20than%20the%20WCAG%20AA%20minimum%20requirements%20for%20text%20of%20size%2016px%20and%20weight%20of%20400%22%2C%22snippet%22%3A%22%3Csummary%3E%22%2C%22value%22%3A%5B%22VIOLATION%22%2C%22FAIL%22%5D%2C%22reasonId%22%3A%22fail_contrast%22%2C%22ruleId%22%3A%22text_contrast_sufficient%22%2C%22msgArgs%22%3A%5B%223.47%22%2C16%2C400%2C%22%23666600%22%2C%22%23000000%22%2Cfalse%2Cfalse%5D%7D", + "ignored": false, + "level": "violation", + "message": "Text contrast of 3.47 with its background is less than the WCAG AA minimum requirements for text of size 16px and weight of 400", + "messageArgs": Array [ + "3.47", + 16, + 400, + "#666600", + "#000000", + false, + false, + ], + "path": Object { + "aria": "/document[1]/main[1]/group[5]", + "dom": "/html[1]/body[1]/app-root[1]/db-page[1]/div[1]/main[1]/div[1]/app-accordion-item[1]/app-default-component[1]/div[1]/div[2]/db-card[1]/div[1]/div[1]/div[2]/db-accordion-item[1]/details[1]/summary[1]", + }, + "reasonId": "fail_contrast", + "ruleId": "text_contrast_sufficient", + "ruleTime": 1, + "snippet": "<summary>", + "value": Array [ + "VIOLATION", + "FAIL", + ], + }, + Object { + "apiArgs": Array [], + "bounds": Object { + "height": 64, + "left": 741, + "top": 827, + "width": 147, + }, + "category": "Accessibility", + "help": "https://able.ibm.com/rules/archives/2024.10.01/doc/en-US/text_contrast_sufficient.html#%7B%22message%22%3A%22Text%20contrast%20of%203.66%20with%20its%20background%20is%20less%20than%20the%20WCAG%20AA%20minimum%20requirements%20for%20text%20of%20size%2016px%20and%20weight%20of%20400%22%2C%22snippet%22%3A%22%3Cdiv%3E%22%2C%22value%22%3A%5B%22VIOLATION%22%2C%22FAIL%22%5D%2C%22reasonId%22%3A%22fail_contrast%22%2C%22ruleId%22%3A%22text_contrast_sufficient%22%2C%22msgArgs%22%3A%5B%223.66%22%2C16%2C400%2C%22%23666666%22%2C%22%23000000%22%2Cfalse%2Cfalse%5D%7D", + "ignored": false, + "level": "violation", + "message": "Text contrast of 3.66 with its background is less than the WCAG AA minimum requirements for text of size 16px and weight of 400", + "messageArgs": Array [ + "3.66", + 16, + 400, + "#666666", + "#000000", + false, + false, + ], + "path": Object { + "aria": "/document[1]/main[1]/group[5]", + "dom": "/html[1]/body[1]/app-root[1]/db-page[1]/div[1]/main[1]/div[1]/app-accordion-item[1]/app-default-component[1]/div[1]/div[2]/db-card[1]/div[1]/div[1]/div[2]/db-accordion-item[1]/details[1]/div[1]", + }, + "reasonId": "fail_contrast", + "ruleId": "text_contrast_sufficient", + "ruleTime": 1, + "snippet": "<div>", + "value": Array [ + "VIOLATION", + "FAIL", + ], + }, + ] 194 | } 195 | > 196 | expect(failures).toEqual([]); | ^ 197 | }); 198 | }; 199 | at /__w/mono/mono/showcases/e2e/default.ts:196:20

4) [chromium-highContrast] › default.ts:160:2 › DBAccordionItem › test with accessibility checker Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(received).toEqual(expected) // deep equality - Expected - 1 + Received + 72 - Array [] + Array [ + Object { + "apiArgs": Array [], + "bounds": Object { + "height": 56, + "left": 741, + "top": 771, + "width": 147, + }, + "category": "Accessibility", + "help": "https://able.ibm.com/rules/archives/2024.10.01/doc/en-US/text_contrast_sufficient.html#%7B%22message%22%3A%22Text%20contrast%20of%203.47%20with%20its%20background%20is%20less%20than%20the%20WCAG%20AA%20minimum%20requirements%20for%20text%20of%20size%2016px%20and%20weight%20of%20400%22%2C%22snippet%22%3A%22%3Csummary%3E%22%2C%22value%22%3A%5B%22VIOLATION%22%2C%22FAIL%22%5D%2C%22reasonId%22%3A%22fail_contrast%22%2C%22ruleId%22%3A%22text_contrast_sufficient%22%2C%22msgArgs%22%3A%5B%223.47%22%2C16%2C400%2C%22%23666600%22%2C%22%23000000%22%2Cfalse%2Cfalse%5D%7D", + "ignored": false, + "level": "violation", + "message": "Text contrast of 3.47 with its background is less than the WCAG AA minimum requirements for text of size 16px and weight of 400", + "messageArgs": Array [ + "3.47", + 16, + 400, + "#666600", + "#000000", + false, + false, + ], + "path": Object { + "aria": "/document[1]/main[1]/group[5]", + "dom": "/html[1]/body[1]/app-root[1]/db-page[1]/div[1]/main[1]/div[1]/app-accordion-item[1]/app-default-component[1]/div[1]/div[2]/db-card[1]/div[1]/div[1]/div[2]/db-accordion-item[1]/details[1]/summary[1]", + }, + "reasonId": "fail_contrast", + "ruleId": "text_contrast_sufficient", + "ruleTime": 1, + "snippet": "<summary>", + "value": Array [ + "VIOLATION", + "FAIL", + ], + }, + Object { + "apiArgs": Array [], + "bounds": Object { + "height": 64, + "left": 741, + "top": 827, + "width": 147, + }, + "category": "Accessibility", + "help": "https://able.ibm.com/rules/archives/2024.10.01/doc/en-US/text_contrast_sufficient.html#%7B%22message%22%3A%22Text%20contrast%20of%203.66%20with%20its%20background%20is%20less%20than%20the%20WCAG%20AA%20minimum%20requirements%20for%20text%20of%20size%2016px%20and%20weight%20of%20400%22%2C%22snippet%22%3A%22%3Cdiv%3E%22%2C%22value%22%3A%5B%22VIOLATION%22%2C%22FAIL%22%5D%2C%22reasonId%22%3A%22fail_contrast%22%2C%22ruleId%22%3A%22text_contrast_sufficient%22%2C%22msgArgs%22%3A%5B%223.66%22%2C16%2C400%2C%22%23666666%22%2C%22%23000000%22%2Cfalse%2Cfalse%5D%7D", + "ignored": false, + "level": "violation", + "message": "Text contrast of 3.66 with its background is less than the WCAG AA minimum requirements for text of size 16px and weight of 400", + "messageArgs": Array [ + "3.66", + 16, + 400, + "#666666", + "#000000", + false, + false, + ], + "path": Object { + "aria": "/document[1]/main[1]/group[5]", + "dom": "/html[1]/body[1]/app-root[1]/db-page[1]/div[1]/main[1]/div[1]/app-accordion-item[1]/app-default-component[1]/div[1]/div[2]/db-card[1]/div[1]/div[1]/div[2]/db-accordion-item[1]/details[1]/div[1]", + }, + "reasonId": "fail_contrast", + "ruleId": "text_contrast_sufficient", + "ruleTime": 0, + "snippet": "<div>", + "value": Array [ + "VIOLATION", + "FAIL", + ], + }, + ] 194 | } 195 | > 196 | expect(failures).toEqual([]); | ^ 197 | }); 198 | }; 199 | at /__w/mono/mono/showcases/e2e/default.ts:196:20

5) [chromium-highContrast] › default.ts:70:2 › DBNavigation › should match screenshot ──────────── Error: Screenshot comparison failed: 20169 pixels (ratio 0.02 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/navigation/showcase/chromium-highContrast/DBNavigation-should-match-screenshot-1/DBNavigation-should-match-screenshot.png Received: /__w/mono/mono/showcases/stencil-showcase/test-results/navigation-navigation-snap-72564-ion-should-match-screenshot-chromium-highContrast/DBNavigation-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/navigation-navigation-snap-72564-ion-should-match-screenshot-chromium-highContrast/DBNavigation-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 - 20169 pixels (ratio 0.02 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 - 20169 pixels (ratio 0.02 of all image pixels) are different. 100 | } 101 | > 102 | await expect(page).toHaveScreenshot(config); | ^ 103 | }); 104 | }; 105 | at /__w/mono/mono/showcases/e2e/default.ts:102:22

5) [chromium-highContrast] › default.ts:70:2 › DBNavigation › should match screenshot ──────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 20169 pixels (ratio 0.02 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/navigation/showcase/chromium-highContrast/DBNavigation-should-match-screenshot-1/DBNavigation-should-match-screenshot.png Received: /__w/mono/mono/showcases/stencil-showcase/test-results/navigation-navigation-snap-72564-ion-should-match-screenshot-chromium-highContrast-retry1/DBNavigation-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/navigation-navigation-snap-72564-ion-should-match-screenshot-chromium-highContrast-retry1/DBNavigation-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 - 20169 pixels (ratio 0.02 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 - 20169 pixels (ratio 0.02 of all image pixels) are different. 100 | } 101 | > 102 | await expect(page).toHaveScreenshot(config); | ^ 103 | }); 104 | }; 105 | at /__w/mono/mono/showcases/e2e/default.ts:102:22

Process completed with exit code 1.

1) [webkit] › default.ts:70:2 › DBNavigation › should match screenshot ─────────────────────────── Error: Screenshot comparison failed: 11146 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/navigation/showcase/webkit/DBNavigation-should-match-screenshot-1/DBNavigation-should-match-screenshot.png Received: /__w/mono/mono/showcases/stencil-showcase/test-results/navigation-navigation-snap-72564-ion-should-match-screenshot-webkit/DBNavigation-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/navigation-navigation-snap-72564-ion-should-match-screenshot-webkit/DBNavigation-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 - 11146 pixels (ratio 0.01 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 - 11146 pixels (ratio 0.01 of all image pixels) are different. 100 | } 101 | > 102 | await expect(page).toHaveScreenshot(config); | ^ 103 | }); 104 | }; 105 | at /__w/mono/mono/showcases/e2e/default.ts:102:22

1) [webkit] › default.ts:70:2 › DBNavigation › should match screenshot ─────────────────────────── Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: Screenshot comparison failed: 11146 pixels (ratio 0.01 of all image pixels) are different. Expected: /__w/mono/mono/__snapshots__/navigation/showcase/webkit/DBNavigation-should-match-screenshot-1/DBNavigation-should-match-screenshot.png Received: /__w/mono/mono/showcases/stencil-showcase/test-results/navigation-navigation-snap-72564-ion-should-match-screenshot-webkit-retry1/DBNavigation-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/navigation-navigation-snap-72564-ion-should-match-screenshot-webkit-retry1/DBNavigation-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 - 11146 pixels (ratio 0.01 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 - 11146 pixels (ratio 0.01 of all image pixels) are different. 100 | } 101 | > 102 | await expect(page).toHaveScreenshot(config); | ^ 103 | }); 104 | }; 105 | at /__w/mono/mono/showcases/e2e/default.ts:102:22

2) [mobile_chrome] › default.ts:122:3 › DBAccordionItem › should not have any A11y issues for color neutral-bg-basic-level-1 Error: expect(received).toEqual(expected) // deep equality - Expected - 1 + Received + 56 - Array [] + Array [ + Object { + "description": "Ensure the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds", + "help": "Elements must meet minimum color contrast ratio thresholds", + "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/color-contrast?application=playwright", + "id": "color-contrast", + "impact": "serious", + "nodes": Array [ + Object { + "all": Array [], + "any": Array [ + Object { + "data": Object { + "bgColor": "#ffffff", + "contrastRatio": 2.49, + "expectedContrastRatio": "4.5:1", + "fgColor": "#a3a4a5", + "fontSize": "12.0pt (16px)", + "fontWeight": "normal", + "messageKey": null, + }, + "id": "color-contrast", + "impact": "serious", + "message": "Element has insufficient color contrast of 2.49 (foreground color: #a3a4a5, background color: #ffffff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1", + "relatedNodes": Array [ + Object { + "html": "<summary>Disabled</summary>", + "target": Array [ + "#accordion-item-f56da7bc-79ed-4252-a660-62e6c634d346 > summary", + ], + }, + ], + }, + ], + "failureSummary": "Fix any of the following: + Element has insufficient color contrast of 2.49 (foreground color: #a3a4a5, background color: #ffffff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1", + "html": "<summary>Disabled</summary>", + "impact": "serious", + "none": Array [], + "target": Array [ + "#accordion-item-f56da7bc-79ed-4252-a660-62e6c634d346 > summary", + ], + }, + ], + "tags": Array [ + "cat.color", + "wcag2aa", + "wcag143", + "TTv5", + "TT13.c", + "EN-301-549", + "EN-9.1.4.3", + "ACT", + ], + }, + ] 154 | .analyze(); 155 | > 156 | expect(accessibilityScanResults.violations).toEqual([]); | ^ 157 | }); 158 | } 159 | at /__w/mono/mono/showcases/e2e/default.ts:156:48

2) [mobile_chrome] › default.ts:122:3 › DBAccordionItem › should not have any A11y issues for color neutral-bg-basic-level-1 Retry #1 ─────────────────────────────────────────────────────────────────────────────────────── Error: expect(received).toEqual(expected) // deep equality - Expected - 1 + Received + 56 - Array [] + Array [ + Object { + "description": "Ensure the contrast between foreground and background colors meets WCAG 2 AA minimum contrast ratio thresholds", + "help": "Elements must meet minimum color contrast ratio thresholds", + "helpUrl": "https://dequeuniversity.com/rules/axe/4.10/color-contrast?application=playwright", + "id": "color-contrast", + "impact": "serious", + "nodes": Array [ + Object { + "all": Array [], + "any": Array [ + Object { + "data": Object { + "bgColor": "#ffffff", + "contrastRatio": 2.49, + "expectedContrastRatio": "4.5:1", + "fgColor": "#a3a4a5", + "fontSize": "12.0pt (16px)", + "fontWeight": "normal", + "messageKey": null, + }, + "id": "color-contrast", + "impact": "serious", + "message": "Element has insufficient color contrast of 2.49 (foreground color: #a3a4a5, background color: #ffffff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1", + "relatedNodes": Array [ + Object { + "html": "<summary>Disabled</summary>", + "target": Array [ + "#accordion-item-2d7c79be-0481-4cc2-bb3d-25c3f0b1cc94 > summary", + ], + }, + ], + }, + ], + "failureSummary": "Fix any of the following: + Element has insufficient color contrast of 2.49 (foreground color: #a3a4a5, background color: #ffffff, font size: 12.0pt (16px), font weight: normal). Expected contrast ratio of 4.5:1", + "html": "<summary>Disabled</summary>", + "impact": "serious", + "none": Array [], + "target": Array [ + "#accordion-item-2d7c79be-0481-4cc2-bb3d-25c3f0b1cc94 > summary", + ], + }, + ], + "tags": Array [ + "cat.color", + "wcag2aa", + "wcag143", + "TTv5", + "TT13.c", + "EN-301-549", + "EN-9.1.4.3", + "ACT", + ], + }, + ] 154 | .analyze(); 155 | > 156 | expect(accessibilityScanResults.violations).toEqual([]); | ^ 157 | }); 158 | } 159 | at /__w/mono/mono/showcases/e2e/default.ts:156:48

3) [webkit] › default.ts:70:2 › DBInput › should match screenshot ──────────────────────────────── Error: Screenshot comparison failed: Expected an image 1280px by 3615px, received 1280px by 3631px. Expected: /__w/mono/mono/__snapshots__/input/showcase/webkit/DBInput-should-match-screenshot-1/DBInput-should-match-screenshot.png Received: /__w/mono/mono/showcases/stencil-showcase/test-results/input-input-snapshot-DBInput-should-match-screenshot-webkit/DBInput-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/input-input-snapshot-DBInput-should-match-screenshot-webkit/DBInput-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 - Expected an image 1280px by 3615px, received 1280px by 3631px. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - Expected an image 1280px by 3615px, received 1280px by 3631px. 100 | } 101 | > 102 | await expect(page).toHaveScreenshot(config); | ^ 103 | }); 104 | }; 105 | at /__w/mono/mono/showcases/e2e/default.ts:102:22

4) [webkit] › default.ts:70:2 › DBPopover › should match screenshot ────────────────────────────── Error: Screenshot comparison failed: Expected an image 1280px by 2630px, received 1280px by 2646px. Expected: /__w/mono/mono/__snapshots__/popover/showcase/webkit/DBPopover-should-match-screenshot-1/DBPopover-should-match-screenshot.png Received: /__w/mono/mono/showcases/stencil-showcase/test-results/popover-popover-snapshot-DBPopover-should-match-screenshot-webkit/DBPopover-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/popover-popover-snapshot-DBPopover-should-match-screenshot-webkit/DBPopover-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 - Expected an image 1280px by 2630px, received 1280px by 2646px. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - Expected an image 1280px by 2630px, received 1280px by 2646px. 100 | } 101 | > 102 | await expect(page).toHaveScreenshot(config); | ^ 103 | }); 104 | }; 105 | at /__w/mono/mono/showcases/e2e/default.ts:102:22

5) [webkit] › default.ts:70:2 › DBRadio › should match screenshot ──────────────────────────────── Error: Screenshot comparison failed: Expected an image 1280px by 2630px, received 1280px by 2646px. Expected: /__w/mono/mono/__snapshots__/radio/showcase/webkit/DBRadio-should-match-screenshot-1/DBRadio-should-match-screenshot.png Received: /__w/mono/mono/showcases/stencil-showcase/test-results/radio-radio-snapshot-DBRadio-should-match-screenshot-webkit/DBRadio-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/radio-radio-snapshot-DBRadio-should-match-screenshot-webkit/DBRadio-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 - Expected an image 1280px by 2630px, received 1280px by 2646px. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - Expected an image 1280px by 2630px, received 1280px by 2646px. 100 | } 101 | > 102 | await expect(page).toHaveScreenshot(config); | ^ 103 | }); 104 | }; 105 | at /__w/mono/mono/showcases/e2e/default.ts:102:22

6) [webkit] › default.ts:70:2 › DBSelect › should match screenshot ─────────────────────────────── Error: Screenshot comparison failed: Expected an image 1280px by 2955px, received 1280px by 2971px. Expected: /__w/mono/mono/__snapshots__/select/showcase/webkit/DBSelect-should-match-screenshot-1/DBSelect-should-match-screenshot.png Received: /__w/mono/mono/showcases/stencil-showcase/test-results/select-select-snapshot-DBSelect-should-match-screenshot-webkit/DBSelect-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/select-select-snapshot-DBSelect-should-match-screenshot-webkit/DBSelect-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 - Expected an image 1280px by 2955px, received 1280px by 2971px. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - Expected an image 1280px by 2955px, received 1280px by 2971px. 100 | } 101 | > 102 | await expect(page).toHaveScreenshot(config); | ^ 103 | }); 104 | }; 105 | at /__w/mono/mono/showcases/e2e/default.ts:102:22

7) [webkit] › default.ts:70:2 › DBTag › should match screenshot ────────────────────────────────── Error: Screenshot comparison failed: Expected an image 1280px by 3280px, received 1280px by 3296px. Expected: /__w/mono/mono/__snapshots__/tag/showcase/webkit/DBTag-should-match-screenshot-1/DBTag-should-match-screenshot.png Received: /__w/mono/mono/showcases/stencil-showcase/test-results/tag-tag-snapshot-DBTag-should-match-screenshot-webkit/DBTag-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/tag-tag-snapshot-DBTag-should-match-screenshot-webkit/DBTag-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 - Expected an image 1280px by 3280px, received 1280px by 3296px. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - Expected an image 1280px by 3280px, received 1280px by 3296px. 100 | } 101 | > 102 | await expect(page).toHaveScreenshot(config); | ^ 103 | }); 104 | }; 105 | at /__w/mono/mono/showcases/e2e/default.ts:102:22

8) [webkit] › default.ts:70:2 › DBTextarea › should match screenshot ───────────────────────────── Error: Screenshot comparison failed: Expected an image 1280px by 2975px, received 1280px by 2991px. Expected: /__w/mono/mono/__snapshots__/textarea/showcase/webkit/DBTextarea-should-match-screenshot-1/DBTextarea-should-match-screenshot.png Received: /__w/mono/mono/showcases/stencil-showcase/test-results/textarea-textarea-snapshot-5a791-rea-should-match-screenshot-webkit/DBTextarea-should-match-screenshot-1-actual.png Diff: /__w/mono/mono/showcases/stencil-showcase/test-results/textarea-textarea-snapshot-5a791-rea-should-match-screenshot-webkit/DBTextarea-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 - Expected an image 1280px by 2975px, received 1280px by 2991px. - waiting 100ms before taking screenshot - taking page screenshot - disabled all CSS animations - waiting for fonts to load... - fonts loaded - captured a stable screenshot - Expected an image 1280px by 2975px, received 1280px by 2991px. 100 | } 101 | > 102 | await expect(page).toHaveScreenshot(config); | ^ 103 | }); 104 | }; 105 | at /__w/mono/mono/showcases/e2e/default.ts:102:22

Process completed with exit code 1.

Process completed with exit code 1.

No files were found with the provided path: ./showcases/-showcase/results. No artifacts will be uploaded.

No files were found with the provided path: ./showcases/-showcase/results. No artifacts will be uploaded.

[chromium-highContrast] › default.ts took 1.6m

No files were found with the provided path: ./showcases/-showcase/results. No artifacts will be uploaded.

No files were found with the provided path: ./showcases/-showcase/results. No artifacts will be uploaded.

No files were found with the provided path: ./showcases/-showcase/results. No artifacts will be uploaded.

[chromium] › default.ts took 52.8s

No files were found with the provided path: ./showcases/-showcase/results. No artifacts will be uploaded.

1 failed [mobile_chrome] › default.ts:70:2 › DBNavigation › should match screenshot ───────────────────── 75 skipped 41 passed (54.0s)

2 failed [firefox] › default.ts:70:2 › DBNavigation › should match screenshot ─────────────────────────── [webkit] › default.ts:122:3 › DBAccordionItem › should not have any A11y issues for color neutral-bg-basic-level-1 74 skipped 41 passed (1.7m)

1 failed [firefox] › default.ts:122:3 › DBAccordionItem › should not have any A11y issues for color neutral-bg-basic-level-1 48 skipped 69 passed (2.5m)

5 failed [chromium] › default.ts:122:3 › DBAccordionItem › should not have any A11y issues for color neutral-bg-basic-level-1 [chromium] › default.ts:122:3 › DBAccordionItem › should not have any A11y issues for color neutral-bg-basic-level-2 [chromium] › default.ts:122:3 › DBAccordionItem › should not have any A11y issues for color neutral-bg-basic-level-3 [chromium] › default.ts:160:2 › DBAccordionItem › test with accessibility checker ────────────── [chromium] › default.ts:70:2 › DBNavigation › should match screenshot ────────────────────────── 16 skipped 97 passed (4.2m)

5 failed [chromium-highContrast] › default.ts:122:3 › DBAccordionItem › should not have any A11y issues for color neutral-bg-basic-level-1 [chromium-highContrast] › default.ts:122:3 › DBAccordionItem › should not have any A11y issues for color neutral-bg-basic-level-2 [chromium-highContrast] › default.ts:122:3 › DBAccordionItem › should not have any A11y issues for color neutral-bg-basic-level-3 [chromium-highContrast] › default.ts:160:2 › DBAccordionItem › test with accessibility checker ─ [chromium-highContrast] › default.ts:70:2 › DBNavigation › should match screenshot ───────────── 18 skipped 95 passed (4.3m)