Skip to content

Add html vr class #2337

Add html vr class

Add html vr class #2337

Triggered via push August 27, 2023 16:32
Status Failure
Total duration 32m 35s
Artifacts

release.yml

on: push
Components unit tests
14m 24s
Components unit tests
Components integ tests
24m 44s
Components integ tests
Components a11y tests
32m 25s
Components a11y tests
release
0s
release
Fit to window
Zoom out
Zoom in

Annotations

10 errors and 19 warnings
applies theming in dark mode + visual refresh: src/theming/__integ__/tokens.test.ts#L142
expect(received).toMatchObject(expected) - Expected - 163 + Received + 163 Object { - "--color-background-button-normal-active-r3oxzv": "#0d8193", - "--color-background-button-normal-default-k8i6b0": "#0d8193", - "--color-background-button-normal-disabled-puusfc": "#0d8193", - "--color-background-button-normal-hover-yqjern": "#0d8193", - "--color-background-button-primary-active-rz38q7": "#0d8193", - "--color-background-button-primary-default-f3veih": "#0d8193", - "--color-background-button-primary-disabled-lba03m": "#0d8193", - "--color-background-button-primary-hover-79i9hj": "#0d8193", - "--color-background-cell-shaded-itk2b4": "#0d8193", - "--color-background-container-content-il2pe5": "#0d8193", - "--color-background-container-header-ni4jv3": "#0d8193", - "--color-background-control-checked-pvanxo": "#0d8193", - "--color-background-control-default-n6yadr": "#0d8193", - "--color-background-control-disabled-dsn0t2": "#0d8193", - "--color-background-dropdown-item-default-s7k0er": "#0d8193", - "--color-background-dropdown-item-filter-match-nyh5xa": "#0d8193", - "--color-background-dropdown-item-hover-2ay9y2": "#0d8193", - "--color-background-home-header-zm6w39": "#0d8193", - "--color-background-input-default-w7mbz6": "#0d8193", - "--color-background-input-disabled-zfoobi": "#0d8193", - "--color-background-item-selected-ys5tl9": "#0d8193", - "--color-background-layout-main-td853a": "#0d8193", - "--color-background-layout-toggle-active-evoo8c": "#0d8193", - "--color-background-layout-toggle-default-oz5qdx": "#0d8193", - "--color-background-layout-toggle-hover-89wwne": "#0d8193", - "--color-background-layout-toggle-selected-active-gdlg1f": "#0d8193", - "--color-background-layout-toggle-selected-default-rmibh3": "#0d8193", - "--color-background-layout-toggle-selected-hover-3l4zzu": "#0d8193", - "--color-background-notification-blue-xgzcj2": "#0d8193", - "--color-background-notification-green-igmdlm": "#0d8193", - "--color-background-notification-red-k9i8vf": "#0d8193", - "--color-background-notification-yellow-jc5ibh": "#0d8193", - "--color-background-popover-7gvi00": "#0d8193", - "--color-background-status-error-oemu7d": "#0d8193", - "--color-background-status-info-pgxhez": "#0d8193", - "--color-background-status-success-6fu96x": "#0d8193", - "--color-background-status-warning-c7n5t6": "#0d8193", - "--color-background-toggle-checked-disabled-uehqtc": "#0d8193", - "--color-border-button-normal-default-bqhrgd": "#0d8193", - "--color-border-button-normal-disabled-vj6u6p": "#0d8193", - "--color-border-button-normal-hover-9bq1t6": "#0d8193", - "--color-border-button-primary-disabled-2pi6u1": "#0d8193", - "--color-border-container-top-9shhmi": "#0d8193", - "--color-border-control-default-8uhjl0": "#0d8193", - "--color-border-divider-default-cr3oi6": "#0d8193", - "--color-border-dropdown-item-hover-gqjku2": "#0d8193", - "--color-border-input-default-aksbt5": "#0d8193", - "--color-border-item-focused-v8nq2m": "#0d8193", - "--color-border-item-selected-20gejb": "#0d8193", - "--color-border-status-error-xj05xm": "#0d8193", - "--color-border-status-info-q9np44": "#0d8193", - "--color-border-status-success-ce6e1e": "#0d8193", - "--color-border-status-warning-gda7pe": "#0d8193", - "--color-charts-palette-categorical-1-y79ydz": "#0d8193", - "--color-charts-palette-categorical-10-ctchaq": "#0d8193", - "--color-charts-palette-categorical-11-ds2mie": "#0d8193", - "--color-charts-palette-categorical-12-5qchrw": "#0d8193", - "--color-charts-palette-categorical-13-end5cs": "#0d8193", - "--color-charts-palette-categorical-14-bw12st": "#0d8193", - "--color-charts-palette-categorical-15-cfz23n": "#0d8193", - "--color-charts-palette-categorical-16-cko3dz": "#0d8193", - "--color-charts-palette-categorical-17-vj0bj9": "#0d8193", - "--color-charts-palette-categorical-18-4dzqrd": "#0d8193", - "--color-charts-palette-categorical-19-pubz74": "#0d8193", - "--color-charts-palette-categorical-2-juy1r9": "#0d8193", - "--
applies theme to components in Visual Refresh: src/theming/__integ__/index.test.ts#L69
expect(received).resolves.toBe(expected) // Object.is equality Expected: "rgba(0, 161, 201, 1)" Received: "rgba(68, 185, 214, 1)" at Object.toBe (node_modules/expect/build/index.js:194:22) at src/theming/__integ__/index.test.ts:69:62 at runMicrotasks (<anonymous>) at src/theming/__integ__/index.test.ts:41:5 at Object.<anonymous> (node_modules/@cloudscape-design/browser-test-tools/dist/use-browser.js:28:13)
applies theme to design tokens in Visual Refresh: src/theming/__integ__/index.test.ts#L90
expect(received).resolves.toBe(expected) // Object.is equality Expected: "rgba(255, 165, 0, 1)" Received: "rgba(68, 185, 214, 1)" at Object.toBe (node_modules/expect/build/index.js:194:22) at src/theming/__integ__/index.test.ts:90:58 at runMicrotasks (<anonymous>) at src/theming/__integ__/index.test.ts:41:5 at Object.<anonymous> (node_modules/@cloudscape-design/browser-test-tools/dist/use-browser.js:28:13)
CSS Custom Properties › match previous snapshot for mode "visual-refresh-dark": src/__integ__/themes.test.ts#L53
expect(received).resolves.toMatchSnapshot() Snapshot name: `CSS Custom Properties match previous snapshot for mode "visual-refresh-dark" 1` - Snapshot - 208 + Received + 208 @@ -35,130 +35,130 @@ "border-radius-tabs-focus-ring": "20px", "border-radius-tiles": "8px", "border-radius-token": "8px", "border-radius-tutorial-panel-item": "8px", "border-table-sticky-width": "2px", - "color-background-badge-icon": "#eb6f6f", - "color-background-button-link-active": "#354150", - "color-background-button-link-hover": "#192534", - "color-background-button-normal-active": "#354150", - "color-background-button-normal-default": "#0f1b2a", - "color-background-button-normal-disabled": "#0f1b2a", - "color-background-button-normal-hover": "#192534", - "color-background-button-primary-active": "#539fe5", - "color-background-button-primary-default": "#539fe5", - "color-background-button-primary-disabled": "#354150", - "color-background-button-primary-hover": "#89bdee", - "color-background-calendar-today": "#354150", - "color-background-cell-shaded": "#232f3e", - "color-background-code-editor-gutter-active-line-default": "#7d8998", - "color-background-code-editor-gutter-active-line-error": "#eb6f6f", - "color-background-code-editor-gutter-default": "#192534", - "color-background-code-editor-loading": "#192534", - "color-background-code-editor-pane-item-hover": "#354150", - "color-background-code-editor-status-bar": "#192534", - "color-background-container-content": "#0f1b2a", - "color-background-container-header": "#0f1b2a", - "color-background-control-checked": "#539fe5", - "color-background-control-default": "#0f1b2a", - "color-background-control-disabled": "#354150", - "color-background-dropdown-item-default": "#192534", + "color-background-badge-icon": "#ff5d64", + "color-background-button-link-active": "#16191f", + "color-background-button-link-hover": "#21252c", + "color-background-button-normal-active": "#16191f", + "color-background-button-normal-default": "#2a2e33", + "color-background-button-normal-disabled": "#2a2e33", + "color-background-button-normal-hover": "#21252c", + "color-background-button-primary-active": "#44b9d6", + "color-background-button-primary-default": "#44b9d6", + "color-background-button-primary-disabled": "#2a2e33", + "color-background-button-primary-hover": "#00a1c9", + "color-background-calendar-today": "#16191f", + "color-background-cell-shaded": "#16191f", + "color-background-code-editor-gutter-active-line-default": "#879596", + "color-background-code-editor-gutter-active-line-error": "#ff5d64", + "color-background-code-editor-gutter-default": "#21252c", + "color-background-code-editor-loading": "#21252c", + "color-background-code-editor-pane-item-hover": "#414750", + "color-background-code-editor-status-bar": "#21252c", + "color-background-container-content": "#2a2e33", + "color-background-container-header": "#21252c", + "color-background-control-checked": "#00a1c9", + "color-background-control-default": "#1a2029", + "color-background-control-disabled": "#414750", + "color-background-dropdown-item-default": "#2a2e33", "color-background-dropdown-item-dimmed": "transparent", - "color-background-dropdown-item-filter-match": "#354150", - "color-background-dropdown-item-hover": "#354150", - "color-background-dropdown-item-selected": "#192534", + "color-background-dropdown-item-filter-match": "#12293b", + "color-background-dropdown-item-hover": "#414750", + "color-background-dropdown-item-selected": "#12293b", "color-background-home-header": "#000716", - "color-background-input-default": "#0f1b2a", - "color-background-input-disabled": "#192534", - "color-background-item-selected": "#192534", - "color-background-layout-main": "#0f1b2a", - "color-background-layout-mobile-panel": "#000716", - "color-background-layout-panel-content": "#0f1b2a", - "color-background-layout-panel-hover": "#354150", + "color-background-input-default": "#1a2029", + "color-backg
CSS Custom Properties › match previous snapshot for mode "visual-refresh-compact": src/__integ__/themes.test.ts#L53
expect(received).resolves.toMatchSnapshot() Snapshot name: `CSS Custom Properties match previous snapshot for mode "visual-refresh-compact" 1` - Snapshot - 19 + Received + 19 @@ -517,51 +517,51 @@ "size-vertical-input": "28px", "size-vertical-panel-icon-offset": "13px", "space-alert-action-left": "12px", "space-alert-horizontal": "16px", "space-alert-message-right": "4px", - "space-alert-vertical": "4px", + "space-alert-vertical": "8px", "space-button-focus-outline-gutter": "4px", - "space-button-horizontal": "16px", + "space-button-horizontal": "20px", "space-button-icon-focus-outline-gutter-vertical": "0px", - "space-button-icon-only-horizontal": "4px", + "space-button-icon-only-horizontal": "6px", "space-button-inline-icon-focus-outline-gutter": "0px", - "space-button-modal-dismiss-vertical": "0px", + "space-button-modal-dismiss-vertical": "2px", "space-calendar-grid-focus-outline-gutter": "-5px", "space-calendar-grid-selected-focus-outline-gutter": "-5px", "space-card-horizontal": "20px", - "space-card-vertical": "12px", + "space-card-vertical": "16px", "space-code-editor-status-focus-outline-gutter": "-7px", - "space-container-content-top": "4px", - "space-container-header-bottom": "4px", - "space-container-header-top": "12px", + "space-container-content-top": "12px", + "space-container-header-bottom": "8px", + "space-container-header-top": "8px", "space-container-horizontal": "20px", "space-content-header-padding-bottom": "12px", - "space-dark-header-overlap-distance": "32px", - "space-expandable-section-icon-offset-top": "0px", + "space-dark-header-overlap-distance": "36px", + "space-expandable-section-icon-offset-top": "4px", "space-field-horizontal": "12px", "space-field-icon-offset": "36px", "space-filtering-token-dismiss-button-focus-outline-gutter": "-5px", "space-filtering-token-operation-select-focus-outline-gutter": "-5px", "space-flashbar-action-left": "12px", "space-flashbar-dismiss-right": "0px", "space-flashbar-horizontal": "16px", "space-grid-gutter": "16px", "space-key-value-gap": "0px", "space-l": "20px", - "space-layout-content-bottom": "24px", + "space-layout-content-bottom": "16px", "space-layout-toggle-diameter": "40px", "space-layout-toggle-padding": "16px", "space-m": "16px", - "space-modal-content-bottom": "8px", + "space-modal-content-bottom": "16px", "space-modal-horizontal": "20px", "space-none": "0px", "space-option-icon-big-top": "0px", "space-panel-nav-left": "28px", - "space-panel-side-left": "28px", - "space-panel-side-right": "20px", - "space-panel-split-top": "16px", + "space-panel-side-left": "24px", + "space-panel-side-right": "24px", + "space-panel-split-top": "20px", "space-s": "12px", "space-scaled-2x-l": "12px", "space-scaled-2x-m": "8px", "space-scaled-2x-xl": "16px", "space-scaled-2x-xxs": "0px", @@ -585,18 +585,18 @@ "space-static-xxl": "32px", "space-static-xxs": "4px", "space-static-xxxl": "40px", "space-static-xxxs": "2px", "space-table-content-bottom": "4px", - "space-table-embedded-header-top": "0px", + "space-table-embedded-header-top": "8px", "space-table-footer-horizontal": "0px", - "space-table-header-focus-outline-gutter": "-1px", + "space-table-header-focus-outline-gutter": "0px", "space-table-header-horizontal": "0px", - "space-table-header-tools-bottom": "0px", + "space-table-header-tools-bottom": "2px", "space-table-header-tools-full-page-bottom": "4px", "space-table-horizontal": "20px", - "space-tabs-content-top": "8px", + "space-tabs-content-top": "12px", "space-tabs-focus-outline-gutter": "-8px", "space-xl": "24px", "space-xs": "8px", "space-xxl": "32px", "space-xxs": "4px", at Object.toMatchSnapshot (node_modules/expect/build/index.js:194:22) at src/__integ__/themes.test.ts:53:81 at src/__integ__/themes.test.ts:10:11 at runMicrotasks (<anonymous>) at node_modu
Components integ tests
Process completed with exit code 1.
A11y checks for dark visual-refresh › #/dark/alert/permutations?visualRefresh=true: src/__a11y__/a11y-page-object.ts#L96
expect(received).toHaveLength(expected) Expected length: 0 Received length: 1 Received array: [{"description": "Ensures the contrast between foreground and background colors meets WCAG 2 AA contrast ratio thresholds", "help": "Elements must have sufficient color contrast", "helpUrl": "https://dequeuniversity.com/rules/axe/4.4/color-contrast?application=axeAPI", "id": "color-contrast", "impact": "serious", "nodes": [{"all": [], "any": [[Object]], "failureSummary": "Fix any of the following: Element has insufficient color contrast of 1.73 (foreground color: #414d5c, background color: #12293b, font size: 10.5pt (14px), font weight: bold). Expected contrast ratio of 4.5:1", "html": "<span class=\"awsui_content_vjswe_1ext5_97\">Button text</span>", "impact": "serious", "none": [], "target": ["button[data-analytics-funnel-value=\"button57-1693155919686-3923\"] > .awsui_content_vjswe_1ext5_97"]}, {"all": [], "any": [[Object]], "failureSummary": "Fix any of the following: Element has insufficient color contrast of 1.91 (foreground color: #414d5c, background color: #172211, font size: 10.5pt (14px), font weight: bold). Expected contrast ratio of 4.5:1", "html": "<span class=\"awsui_content_vjswe_1ext5_97\">Button text</span>", "impact": "serious", "none": [], "target": ["button[data-analytics-funnel-value=\"button59-1693155919687-8032\"] > .awsui_content_vjswe_1ext5_97"]}, {"all": [], "any": [[Object]], "failureSummary": "Fix any of the following: Element has insufficient color contrast of 2.04 (foreground color: #414d5c, background color: #1d1906, font size: 10.5pt (14px), font weight: bold). Expected contrast ratio of 4.5:1", "html": "<span class=\"awsui_content_vjswe_1ext5_97\">Button text</span>", "impact": "serious", "none": [], "target": ["button[data-analytics-funnel-value=\"button61-1693155919688-8744\"] > .awsui_content_vjswe_1ext5_97"]}, {"all": [], "any": [[Object]], "failureSummary": "Fix any of the following: Element has insufficient color contrast of 2.14 (foreground color: #414d5c, background color: #270a11, font size: 10.5pt (14px), font weight: bold). Expected contrast ratio of 4.5:1", "html": "<span class=\"awsui_content_vjswe_1ext5_97\">Button text</span>", "impact": "serious", "none": [], "target": ["button[data-analytics-funnel-value=\"button63-1693155919689-6342\"] > .awsui_content_vjswe_1ext5_97"]}, {"all": [], "any": [[Object]], "failureSummary": "Fix any of the following: Element has insufficient color contrast of 1.73 (foreground color: #414d5c, background color: #12293b, font size: 10.5pt (14px), font weight: bold). Expected contrast ratio of 4.5:1", "html": "<span class=\"awsui_content_vjswe_1ext5_97\">Button text</span>", "impact": "serious", "none": [], "target": ["button[data-analytics-funnel-value=\"button65-1693155919690-9317\"] > .awsui_content_vjswe_1ext5_97"]}, {"all": [], "any": [[Object]], "failureSummary": "Fix any of the following: Element has insufficient color contrast of 1.91 (foreground color: #414d5c, background color: #172211, font size: 10.5pt (14px), font weight: bold). Expected contrast ratio of 4.5:1", "html": "<span class=\"awsui_content_vjswe_1ext5_97\">Button text</span>", "impact": "serious", "none": [], "target": ["button[data-analytics-funnel-value=\"button69-1693155919691-1965\"] > .awsui_content_vjswe_1ext5_97"]}, {"all": [], "any": [[Object]], "failureSummary": "Fix any of the following: Element has insufficient color contrast of 2.04 (foreground color: #414d5c, background color: #1d1906, font size: 10.5pt (14px), font weight: bold). Expected contrast ratio of 4.5:1", "html": "<span class=\"awsui_content_vjswe_1ext5_97\">Button text</span>", "impact": "serious", "none": [], "target": ["button[data-analytics-funnel-value=\"button73-1693155919692-1297\"] > .awsui_content_vjswe_1ext5_97"]}, {"all": [], "any": [[Object]], "failureSummary": "Fix any of the following: Element has insufficient color contrast of 2.14 (foreground color: #414d5c, background color: #270a11, font size: 10.5pt (14px), font weight: bold). Expected contrast ratio of 4.5:1", "html": "<s
A11y checks for dark visual-refresh › #/dark/alert/runtime-action?visualRefresh=true: src/__a11y__/a11y-page-object.ts#L96
expect(received).toHaveLength(expected) Expected length: 0 Received length: 1 Received array: [{"description": "Ensures the contrast between foreground and background colors meets WCAG 2 AA contrast ratio thresholds", "help": "Elements must have sufficient color contrast", "helpUrl": "https://dequeuniversity.com/rules/axe/4.4/color-contrast?application=axeAPI", "id": "color-contrast", "impact": "serious", "nodes": [{"all": [], "any": [[Object]], "failureSummary": "Fix any of the following: Element has insufficient color contrast of 1.91 (foreground color: #414d5c, background color: #172211, font size: 10.5pt (14px), font weight: bold). Expected contrast ratio of 4.5:1", "html": "<span class=\"awsui_content_vjswe_1ext5_97\">Action</span>", "impact": "serious", "none": [], "target": ["button[data-analytics-funnel-value=\"button3-1693155924849-6861\"] > .awsui_content_vjswe_1ext5_97"]}, {"all": [], "any": [[Object]], "failureSummary": "Fix any of the following: Element has insufficient color contrast of 1.91 (foreground color: #414d5c, background color: #172211, font size: 10.5pt (14px), font weight: bold). Expected contrast ratio of 4.5:1", "html": "<span class=\"awsui_content_vjswe_1ext5_97\">Action 1</span>", "impact": "serious", "none": [], "target": ["button[data-analytics-funnel-value=\"button7-1693155924851-3400\"] > .awsui_content_vjswe_1ext5_97"]}, {"all": [], "any": [[Object]], "failureSummary": "Fix any of the following: Element has insufficient color contrast of 1.91 (foreground color: #414d5c, background color: #172211, font size: 10.5pt (14px), font weight: bold). Expected contrast ratio of 4.5:1", "html": "<span class=\"awsui_content_vjswe_1ext5_97\">Action 2</span>", "impact": "serious", "none": [], "target": ["button[data-analytics-funnel-value=\"button9-1693155924851-735\"] > .awsui_content_vjswe_1ext5_97"]}, {"all": [], "any": [[Object]], "failureSummary": "Fix any of the following: Element has insufficient color contrast of 2.14 (foreground color: #414d5c, background color: #270a11, font size: 10.5pt (14px), font weight: bold). Expected contrast ratio of 4.5:1", "html": "<span class=\"awsui_content_vjswe_1ext5_97\">Runtime button</span>", "impact": "serious", "none": [], "target": ["button[data-analytics-funnel-value=\"button36-1693155924925-5313\"] > .awsui_content_vjswe_1ext5_97"]}, {"all": [], "any": [[Object]], "failureSummary": "Fix any of the following: Element has insufficient color contrast of 2.14 (foreground color: #414d5c, background color: #270a11, font size: 10.5pt (14px), font weight: bold). Expected contrast ratio of 4.5:1", "html": "<span class=\"awsui_content_vjswe_1ext5_97\">Action</span>", "impact": "serious", "none": [], "target": ["button[data-analytics-funnel-value=\"button15-1693155924856-7344\"] > .awsui_content_vjswe_1ext5_97"]}, {"all": [], "any": [[Object]], "failureSummary": "Fix any of the following: Element has insufficient color contrast of 2.14 (foreground color: #414d5c, background color: #270a11, font size: 10.5pt (14px), font weight: bold). Expected contrast ratio of 4.5:1", "html": "<span class=\"awsui_content_vjswe_1ext5_97\">Runtime button</span>", "impact": "serious", "none": [], "target": ["button[data-analytics-funnel-value=\"button37-1693155924926-2611\"] > .awsui_content_vjswe_1ext5_97"]}, {"all": [], "any": [[Object]], "failureSummary": "Fix any of the following: Element has insufficient color contrast of 2.14 (foreground color: #414d5c, background color: #270a11, font size: 10.5pt (14px), font weight: bold). Expected contrast ratio of 4.5:1", "html": "<span class=\"awsui_content_vjswe_1ext5_97\">Action 1</span>", "impact": "serious", "none": [], "target": ["button[data-analytics-funnel-value=\"button19-1693155924858-3261\"] > .awsui_content_vjswe_1ext5_97"]}, {"all": [], "any": [[Object]], "failureSummary": "Fix any of the following: Element has insufficient color contrast of 2.14 (foreground color: #414d5c, background color: #270a11, font size: 10.5pt (14px), font weight: bold). Expected contrast ratio of 4.5:1", "html": "<span class=\"awsui
A11y checks for dark visual-refresh › #/dark/alert/simple?visualRefresh=true: src/__a11y__/a11y-page-object.ts#L96
expect(received).toHaveLength(expected) Expected length: 0 Received length: 1 Received array: [{"description": "Ensures the contrast between foreground and background colors meets WCAG 2 AA contrast ratio thresholds", "help": "Elements must have sufficient color contrast", "helpUrl": "https://dequeuniversity.com/rules/axe/4.4/color-contrast?application=axeAPI", "id": "color-contrast", "impact": "serious", "nodes": [{"all": [], "any": [{"data": {"bgColor": "#1d1906", "contrastRatio": 2.04, "expectedContrastRatio": "4.5:1", "fgColor": "#414d5c", "fontSize": "10.5pt (14px)", "fontWeight": "bold", "messageKey": null, "shadowColor": null}, "id": "color-contrast", "impact": "serious", "message": "Element has insufficient color contrast of 2.04 (foreground color: #414d5c, background color: #1d1906, font size: 10.5pt (14px), font weight: bold). Expected contrast ratio of 4.5:1", "relatedNodes": [{"html": "<div class=\"awsui_alert_mx3cw_4axkb_93 awsui_type-warning_mx3cw_4axkb_258 awsui_icon-size-normal_mx3cw_4axkb_233 awsui_with-action_mx3cw_4axkb_158 awsui_with-dismiss_mx3cw_4axkb_158 awsui_breakpoint-default_mx3cw_4axkb_164\">", "target": [".awsui_type-warning_mx3cw_4axkb_258"]}]}], "failureSummary": "Fix any of the following: Element has insufficient color contrast of 2.04 (foreground color: #414d5c, background color: #1d1906, font size: 10.5pt (14px), font weight: bold). Expected contrast ratio of 4.5:1", "html": "<span class=\"awsui_content_vjswe_1ext5_97\">Button text</span>", "impact": "serious", "none": [], "target": [".awsui_action-button_mx3cw_4axkb_181 > .awsui_content_vjswe_1ext5_97"]}], "tags": ["cat.color", "wcag2aa", "wcag143"]}] at A11yPageObject.assertNoAxeViolations (src/__a11y__/a11y-page-object.ts:96:31) at runMicrotasks (<anonymous>) at src/__a11y__/run-a11y-tests.ts:17:5 at Object.<anonymous> (node_modules/@cloudscape-design/browser-test-tools/dist/use-browser.js:28:13)
Components a11y tests
Process completed with exit code 1.
RETRY 1: applies theming in dark mode + visual refresh: src/theming/__integ__/tokens.test.ts#L142
expect(received).toMatchObject(expected) - Expected - 163 + Received + 163 Object { - "--color-background-button-normal-active-r3oxzv": "#0d8193", - "--color-background-button-normal-default-k8i6b0": "#0d8193", - "--color-background-button-normal-disabled-puusfc": "#0d8193", - "--color-background-button-normal-hover-yqjern": "#0d8193", - "--color-background-button-primary-active-rz38q7": "#0d8193", - "--color-background-button-primary-default-f3veih": "#0d8193", - "--color-background-button-primary-disabled-lba03m": "#0d8193", - "--color-background-button-primary-hover-79i9hj": "#0d8193", - "--color-background-cell-shaded-itk2b4": "#0d8193", - "--color-background-container-content-il2pe5": "#0d8193", - "--color-background-container-header-ni4jv3": "#0d8193", - "--color-background-control-checked-pvanxo": "#0d8193", - "--color-background-control-default-n6yadr": "#0d8193", - "--color-background-control-disabled-dsn0t2": "#0d8193", - "--color-background-dropdown-item-default-s7k0er": "#0d8193", - "--color-background-dropdown-item-filter-match-nyh5xa": "#0d8193", - "--color-background-dropdown-item-hover-2ay9y2": "#0d8193", - "--color-background-home-header-zm6w39": "#0d8193", - "--color-background-input-default-w7mbz6": "#0d8193", - "--color-background-input-disabled-zfoobi": "#0d8193", - "--color-background-item-selected-ys5tl9": "#0d8193", - "--color-background-layout-main-td853a": "#0d8193", - "--color-background-layout-toggle-active-evoo8c": "#0d8193", - "--color-background-layout-toggle-default-oz5qdx": "#0d8193", - "--color-background-layout-toggle-hover-89wwne": "#0d8193", - "--color-background-layout-toggle-selected-active-gdlg1f": "#0d8193", - "--color-background-layout-toggle-selected-default-rmibh3": "#0d8193", - "--color-background-layout-toggle-selected-hover-3l4zzu": "#0d8193", - "--color-background-notification-blue-xgzcj2": "#0d8193", - "--color-background-notification-green-igmdlm": "#0d8193", - "--color-background-notification-red-k9i8vf": "#0d8193", - "--color-background-notification-yellow-jc5ibh": "#0d8193", - "--color-background-popover-7gvi00": "#0d8193", - "--color-background-status-error-oemu7d": "#0d8193", - "--color-background-status-info-pgxhez": "#0d8193", - "--color-background-status-success-6fu96x": "#0d8193", - "--color-background-status-warning-c7n5t6": "#0d8193", - "--color-background-toggle-checked-disabled-uehqtc": "#0d8193", - "--color-border-button-normal-default-bqhrgd": "#0d8193", - "--color-border-button-normal-disabled-vj6u6p": "#0d8193", - "--color-border-button-normal-hover-9bq1t6": "#0d8193", - "--color-border-button-primary-disabled-2pi6u1": "#0d8193", - "--color-border-container-top-9shhmi": "#0d8193", - "--color-border-control-default-8uhjl0": "#0d8193", - "--color-border-divider-default-cr3oi6": "#0d8193", - "--color-border-dropdown-item-hover-gqjku2": "#0d8193", - "--color-border-input-default-aksbt5": "#0d8193", - "--color-border-item-focused-v8nq2m": "#0d8193", - "--color-border-item-selected-20gejb": "#0d8193", - "--color-border-status-error-xj05xm": "#0d8193", - "--color-border-status-info-q9np44": "#0d8193", - "--color-border-status-success-ce6e1e": "#0d8193", - "--color-border-status-warning-gda7pe": "#0d8193", - "--color-charts-palette-categorical-1-y79ydz": "#0d8193", - "--color-charts-palette-categorical-10-ctchaq": "#0d8193", - "--color-charts-palette-categorical-11-ds2mie": "#0d8193", - "--color-charts-palette-categorical-12-5qchrw": "#0d8193", - "--color-charts-palette-categorical-13-end5cs": "#0d8193", - "--color-charts-palette-categorical-14-bw12st": "#0d8193", - "--color-charts-palette-categorical-15-cfz23n": "#0d8193", - "--color-charts-palette-categorical-16-cko3dz": "#0d8193", - "--color-charts-palette-categorical-17-vj0bj9": "#0d8193", - "--color-charts-palette-categorical-18-4dzqrd": "#0d8193", - "--color-charts-palette-categorical-19-pubz74": "#0d8193", - "--color-charts-palette-categorical-2-juy1r9": "#0d8193", - "--
RETRY 2: applies theming in dark mode + visual refresh: src/theming/__integ__/tokens.test.ts#L142
expect(received).toMatchObject(expected) - Expected - 163 + Received + 163 Object { - "--color-background-button-normal-active-r3oxzv": "#0d8193", - "--color-background-button-normal-default-k8i6b0": "#0d8193", - "--color-background-button-normal-disabled-puusfc": "#0d8193", - "--color-background-button-normal-hover-yqjern": "#0d8193", - "--color-background-button-primary-active-rz38q7": "#0d8193", - "--color-background-button-primary-default-f3veih": "#0d8193", - "--color-background-button-primary-disabled-lba03m": "#0d8193", - "--color-background-button-primary-hover-79i9hj": "#0d8193", - "--color-background-cell-shaded-itk2b4": "#0d8193", - "--color-background-container-content-il2pe5": "#0d8193", - "--color-background-container-header-ni4jv3": "#0d8193", - "--color-background-control-checked-pvanxo": "#0d8193", - "--color-background-control-default-n6yadr": "#0d8193", - "--color-background-control-disabled-dsn0t2": "#0d8193", - "--color-background-dropdown-item-default-s7k0er": "#0d8193", - "--color-background-dropdown-item-filter-match-nyh5xa": "#0d8193", - "--color-background-dropdown-item-hover-2ay9y2": "#0d8193", - "--color-background-home-header-zm6w39": "#0d8193", - "--color-background-input-default-w7mbz6": "#0d8193", - "--color-background-input-disabled-zfoobi": "#0d8193", - "--color-background-item-selected-ys5tl9": "#0d8193", - "--color-background-layout-main-td853a": "#0d8193", - "--color-background-layout-toggle-active-evoo8c": "#0d8193", - "--color-background-layout-toggle-default-oz5qdx": "#0d8193", - "--color-background-layout-toggle-hover-89wwne": "#0d8193", - "--color-background-layout-toggle-selected-active-gdlg1f": "#0d8193", - "--color-background-layout-toggle-selected-default-rmibh3": "#0d8193", - "--color-background-layout-toggle-selected-hover-3l4zzu": "#0d8193", - "--color-background-notification-blue-xgzcj2": "#0d8193", - "--color-background-notification-green-igmdlm": "#0d8193", - "--color-background-notification-red-k9i8vf": "#0d8193", - "--color-background-notification-yellow-jc5ibh": "#0d8193", - "--color-background-popover-7gvi00": "#0d8193", - "--color-background-status-error-oemu7d": "#0d8193", - "--color-background-status-info-pgxhez": "#0d8193", - "--color-background-status-success-6fu96x": "#0d8193", - "--color-background-status-warning-c7n5t6": "#0d8193", - "--color-background-toggle-checked-disabled-uehqtc": "#0d8193", - "--color-border-button-normal-default-bqhrgd": "#0d8193", - "--color-border-button-normal-disabled-vj6u6p": "#0d8193", - "--color-border-button-normal-hover-9bq1t6": "#0d8193", - "--color-border-button-primary-disabled-2pi6u1": "#0d8193", - "--color-border-container-top-9shhmi": "#0d8193", - "--color-border-control-default-8uhjl0": "#0d8193", - "--color-border-divider-default-cr3oi6": "#0d8193", - "--color-border-dropdown-item-hover-gqjku2": "#0d8193", - "--color-border-input-default-aksbt5": "#0d8193", - "--color-border-item-focused-v8nq2m": "#0d8193", - "--color-border-item-selected-20gejb": "#0d8193", - "--color-border-status-error-xj05xm": "#0d8193", - "--color-border-status-info-q9np44": "#0d8193", - "--color-border-status-success-ce6e1e": "#0d8193", - "--color-border-status-warning-gda7pe": "#0d8193", - "--color-charts-palette-categorical-1-y79ydz": "#0d8193", - "--color-charts-palette-categorical-10-ctchaq": "#0d8193", - "--color-charts-palette-categorical-11-ds2mie": "#0d8193", - "--color-charts-palette-categorical-12-5qchrw": "#0d8193", - "--color-charts-palette-categorical-13-end5cs": "#0d8193", - "--color-charts-palette-categorical-14-bw12st": "#0d8193", - "--color-charts-palette-categorical-15-cfz23n": "#0d8193", - "--color-charts-palette-categorical-16-cko3dz": "#0d8193", - "--color-charts-palette-categorical-17-vj0bj9": "#0d8193", - "--color-charts-palette-categorical-18-4dzqrd": "#0d8193", - "--color-charts-palette-categorical-19-pubz74": "#0d8193", - "--color-charts-palette-categorical-2-juy1r9": "#0d8193", - "--
RETRY 3: applies theming in dark mode + visual refresh: src/theming/__integ__/tokens.test.ts#L142
expect(received).toMatchObject(expected) - Expected - 163 + Received + 163 Object { - "--color-background-button-normal-active-r3oxzv": "#0d8193", - "--color-background-button-normal-default-k8i6b0": "#0d8193", - "--color-background-button-normal-disabled-puusfc": "#0d8193", - "--color-background-button-normal-hover-yqjern": "#0d8193", - "--color-background-button-primary-active-rz38q7": "#0d8193", - "--color-background-button-primary-default-f3veih": "#0d8193", - "--color-background-button-primary-disabled-lba03m": "#0d8193", - "--color-background-button-primary-hover-79i9hj": "#0d8193", - "--color-background-cell-shaded-itk2b4": "#0d8193", - "--color-background-container-content-il2pe5": "#0d8193", - "--color-background-container-header-ni4jv3": "#0d8193", - "--color-background-control-checked-pvanxo": "#0d8193", - "--color-background-control-default-n6yadr": "#0d8193", - "--color-background-control-disabled-dsn0t2": "#0d8193", - "--color-background-dropdown-item-default-s7k0er": "#0d8193", - "--color-background-dropdown-item-filter-match-nyh5xa": "#0d8193", - "--color-background-dropdown-item-hover-2ay9y2": "#0d8193", - "--color-background-home-header-zm6w39": "#0d8193", - "--color-background-input-default-w7mbz6": "#0d8193", - "--color-background-input-disabled-zfoobi": "#0d8193", - "--color-background-item-selected-ys5tl9": "#0d8193", - "--color-background-layout-main-td853a": "#0d8193", - "--color-background-layout-toggle-active-evoo8c": "#0d8193", - "--color-background-layout-toggle-default-oz5qdx": "#0d8193", - "--color-background-layout-toggle-hover-89wwne": "#0d8193", - "--color-background-layout-toggle-selected-active-gdlg1f": "#0d8193", - "--color-background-layout-toggle-selected-default-rmibh3": "#0d8193", - "--color-background-layout-toggle-selected-hover-3l4zzu": "#0d8193", - "--color-background-notification-blue-xgzcj2": "#0d8193", - "--color-background-notification-green-igmdlm": "#0d8193", - "--color-background-notification-red-k9i8vf": "#0d8193", - "--color-background-notification-yellow-jc5ibh": "#0d8193", - "--color-background-popover-7gvi00": "#0d8193", - "--color-background-status-error-oemu7d": "#0d8193", - "--color-background-status-info-pgxhez": "#0d8193", - "--color-background-status-success-6fu96x": "#0d8193", - "--color-background-status-warning-c7n5t6": "#0d8193", - "--color-background-toggle-checked-disabled-uehqtc": "#0d8193", - "--color-border-button-normal-default-bqhrgd": "#0d8193", - "--color-border-button-normal-disabled-vj6u6p": "#0d8193", - "--color-border-button-normal-hover-9bq1t6": "#0d8193", - "--color-border-button-primary-disabled-2pi6u1": "#0d8193", - "--color-border-container-top-9shhmi": "#0d8193", - "--color-border-control-default-8uhjl0": "#0d8193", - "--color-border-divider-default-cr3oi6": "#0d8193", - "--color-border-dropdown-item-hover-gqjku2": "#0d8193", - "--color-border-input-default-aksbt5": "#0d8193", - "--color-border-item-focused-v8nq2m": "#0d8193", - "--color-border-item-selected-20gejb": "#0d8193", - "--color-border-status-error-xj05xm": "#0d8193", - "--color-border-status-info-q9np44": "#0d8193", - "--color-border-status-success-ce6e1e": "#0d8193", - "--color-border-status-warning-gda7pe": "#0d8193", - "--color-charts-palette-categorical-1-y79ydz": "#0d8193", - "--color-charts-palette-categorical-10-ctchaq": "#0d8193", - "--color-charts-palette-categorical-11-ds2mie": "#0d8193", - "--color-charts-palette-categorical-12-5qchrw": "#0d8193", - "--color-charts-palette-categorical-13-end5cs": "#0d8193", - "--color-charts-palette-categorical-14-bw12st": "#0d8193", - "--color-charts-palette-categorical-15-cfz23n": "#0d8193", - "--color-charts-palette-categorical-16-cko3dz": "#0d8193", - "--color-charts-palette-categorical-17-vj0bj9": "#0d8193", - "--color-charts-palette-categorical-18-4dzqrd": "#0d8193", - "--color-charts-palette-categorical-19-pubz74": "#0d8193", - "--color-charts-palette-categorical-2-juy1r9": "#0d8193", - "--
RETRY 1: applies theme to components in Visual Refresh: src/theming/__integ__/index.test.ts#L69
expect(received).resolves.toBe(expected) // Object.is equality Expected: "rgba(0, 161, 201, 1)" Received: "rgba(68, 185, 214, 1)" at Object.toBe (node_modules/expect/build/index.js:194:22) at src/theming/__integ__/index.test.ts:69:62 at runMicrotasks (<anonymous>) at src/theming/__integ__/index.test.ts:41:5 at Object.<anonymous> (node_modules/@cloudscape-design/browser-test-tools/dist/use-browser.js:28:13)
RETRY 2: applies theme to components in Visual Refresh: src/theming/__integ__/index.test.ts#L69
expect(received).resolves.toBe(expected) // Object.is equality Expected: "rgba(0, 161, 201, 1)" Received: "rgba(68, 185, 214, 1)" at Object.toBe (node_modules/expect/build/index.js:194:22) at src/theming/__integ__/index.test.ts:69:62 at runMicrotasks (<anonymous>) at src/theming/__integ__/index.test.ts:41:5 at Object.<anonymous> (node_modules/@cloudscape-design/browser-test-tools/dist/use-browser.js:28:13)
RETRY 3: applies theme to components in Visual Refresh: src/theming/__integ__/index.test.ts#L69
expect(received).resolves.toBe(expected) // Object.is equality Expected: "rgba(0, 161, 201, 1)" Received: "rgba(68, 185, 214, 1)" at Object.toBe (node_modules/expect/build/index.js:194:22) at src/theming/__integ__/index.test.ts:69:62 at runMicrotasks (<anonymous>) at src/theming/__integ__/index.test.ts:41:5 at Object.<anonymous> (node_modules/@cloudscape-design/browser-test-tools/dist/use-browser.js:28:13)
RETRY 1: applies theme to design tokens in Visual Refresh: src/theming/__integ__/index.test.ts#L90
expect(received).resolves.toBe(expected) // Object.is equality Expected: "rgba(255, 165, 0, 1)" Received: "rgba(68, 185, 214, 1)" at Object.toBe (node_modules/expect/build/index.js:194:22) at src/theming/__integ__/index.test.ts:90:58 at runMicrotasks (<anonymous>) at src/theming/__integ__/index.test.ts:41:5 at Object.<anonymous> (node_modules/@cloudscape-design/browser-test-tools/dist/use-browser.js:28:13)
RETRY 2: applies theme to design tokens in Visual Refresh: src/theming/__integ__/index.test.ts#L90
expect(received).resolves.toBe(expected) // Object.is equality Expected: "rgba(255, 165, 0, 1)" Received: "rgba(68, 185, 214, 1)" at Object.toBe (node_modules/expect/build/index.js:194:22) at src/theming/__integ__/index.test.ts:90:58 at runMicrotasks (<anonymous>) at src/theming/__integ__/index.test.ts:41:5 at Object.<anonymous> (node_modules/@cloudscape-design/browser-test-tools/dist/use-browser.js:28:13)
RETRY 3: applies theme to design tokens in Visual Refresh: src/theming/__integ__/index.test.ts#L90
expect(received).resolves.toBe(expected) // Object.is equality Expected: "rgba(255, 165, 0, 1)" Received: "rgba(68, 185, 214, 1)" at Object.toBe (node_modules/expect/build/index.js:194:22) at src/theming/__integ__/index.test.ts:90:58 at runMicrotasks (<anonymous>) at src/theming/__integ__/index.test.ts:41:5 at Object.<anonymous> (node_modules/@cloudscape-design/browser-test-tools/dist/use-browser.js:28:13)
RETRY 1: CSS Custom Properties › match previous snapshot for mode "visual-refresh-dark": src/__integ__/themes.test.ts#L53
expect(received).resolves.toMatchSnapshot() Snapshot name: `CSS Custom Properties match previous snapshot for mode "visual-refresh-dark" 1` - Snapshot - 208 + Received + 208 @@ -35,130 +35,130 @@ "border-radius-tabs-focus-ring": "20px", "border-radius-tiles": "8px", "border-radius-token": "8px", "border-radius-tutorial-panel-item": "8px", "border-table-sticky-width": "2px", - "color-background-badge-icon": "#eb6f6f", - "color-background-button-link-active": "#354150", - "color-background-button-link-hover": "#192534", - "color-background-button-normal-active": "#354150", - "color-background-button-normal-default": "#0f1b2a", - "color-background-button-normal-disabled": "#0f1b2a", - "color-background-button-normal-hover": "#192534", - "color-background-button-primary-active": "#539fe5", - "color-background-button-primary-default": "#539fe5", - "color-background-button-primary-disabled": "#354150", - "color-background-button-primary-hover": "#89bdee", - "color-background-calendar-today": "#354150", - "color-background-cell-shaded": "#232f3e", - "color-background-code-editor-gutter-active-line-default": "#7d8998", - "color-background-code-editor-gutter-active-line-error": "#eb6f6f", - "color-background-code-editor-gutter-default": "#192534", - "color-background-code-editor-loading": "#192534", - "color-background-code-editor-pane-item-hover": "#354150", - "color-background-code-editor-status-bar": "#192534", - "color-background-container-content": "#0f1b2a", - "color-background-container-header": "#0f1b2a", - "color-background-control-checked": "#539fe5", - "color-background-control-default": "#0f1b2a", - "color-background-control-disabled": "#354150", - "color-background-dropdown-item-default": "#192534", + "color-background-badge-icon": "#ff5d64", + "color-background-button-link-active": "#16191f", + "color-background-button-link-hover": "#21252c", + "color-background-button-normal-active": "#16191f", + "color-background-button-normal-default": "#2a2e33", + "color-background-button-normal-disabled": "#2a2e33", + "color-background-button-normal-hover": "#21252c", + "color-background-button-primary-active": "#44b9d6", + "color-background-button-primary-default": "#44b9d6", + "color-background-button-primary-disabled": "#2a2e33", + "color-background-button-primary-hover": "#00a1c9", + "color-background-calendar-today": "#16191f", + "color-background-cell-shaded": "#16191f", + "color-background-code-editor-gutter-active-line-default": "#879596", + "color-background-code-editor-gutter-active-line-error": "#ff5d64", + "color-background-code-editor-gutter-default": "#21252c", + "color-background-code-editor-loading": "#21252c", + "color-background-code-editor-pane-item-hover": "#414750", + "color-background-code-editor-status-bar": "#21252c", + "color-background-container-content": "#2a2e33", + "color-background-container-header": "#21252c", + "color-background-control-checked": "#00a1c9", + "color-background-control-default": "#1a2029", + "color-background-control-disabled": "#414750", + "color-background-dropdown-item-default": "#2a2e33", "color-background-dropdown-item-dimmed": "transparent", - "color-background-dropdown-item-filter-match": "#354150", - "color-background-dropdown-item-hover": "#354150", - "color-background-dropdown-item-selected": "#192534", + "color-background-dropdown-item-filter-match": "#12293b", + "color-background-dropdown-item-hover": "#414750", + "color-background-dropdown-item-selected": "#12293b", "color-background-home-header": "#000716", - "color-background-input-default": "#0f1b2a", - "color-background-input-disabled": "#192534", - "color-background-item-selected": "#192534", - "color-background-layout-main": "#0f1b2a", - "color-background-layout-mobile-panel": "#000716", - "color-background-layout-panel-content": "#0f1b2a", - "color-background-layout-panel-hover": "#354150", + "color-background-input-default": "#1a2029", + "color-backg
RETRY 1: A11y checks for dark visual-refresh › #/dark/alert/permutations?visualRefresh=true: src/__a11y__/a11y-page-object.ts#L96
expect(received).toHaveLength(expected) Expected length: 0 Received length: 1 Received array: [{"description": "Ensures the contrast between foreground and background colors meets WCAG 2 AA contrast ratio thresholds", "help": "Elements must have sufficient color contrast", "helpUrl": "https://dequeuniversity.com/rules/axe/4.4/color-contrast?application=axeAPI", "id": "color-contrast", "impact": "serious", "nodes": [{"all": [], "any": [[Object]], "failureSummary": "Fix any of the following: Element has insufficient color contrast of 1.73 (foreground color: #414d5c, background color: #12293b, font size: 10.5pt (14px), font weight: bold). Expected contrast ratio of 4.5:1", "html": "<span class=\"awsui_content_vjswe_1ext5_97\">Button text</span>", "impact": "serious", "none": [], "target": ["button[data-analytics-funnel-value=\"button57-1693154285386-3574\"] > .awsui_content_vjswe_1ext5_97"]}, {"all": [], "any": [[Object]], "failureSummary": "Fix any of the following: Element has insufficient color contrast of 1.91 (foreground color: #414d5c, background color: #172211, font size: 10.5pt (14px), font weight: bold). Expected contrast ratio of 4.5:1", "html": "<span class=\"awsui_content_vjswe_1ext5_97\">Button text</span>", "impact": "serious", "none": [], "target": ["button[data-analytics-funnel-value=\"button59-1693154285387-3958\"] > .awsui_content_vjswe_1ext5_97"]}, {"all": [], "any": [[Object]], "failureSummary": "Fix any of the following: Element has insufficient color contrast of 2.04 (foreground color: #414d5c, background color: #1d1906, font size: 10.5pt (14px), font weight: bold). Expected contrast ratio of 4.5:1", "html": "<span class=\"awsui_content_vjswe_1ext5_97\">Button text</span>", "impact": "serious", "none": [], "target": ["button[data-analytics-funnel-value=\"button61-1693154285388-9604\"] > .awsui_content_vjswe_1ext5_97"]}, {"all": [], "any": [[Object]], "failureSummary": "Fix any of the following: Element has insufficient color contrast of 2.14 (foreground color: #414d5c, background color: #270a11, font size: 10.5pt (14px), font weight: bold). Expected contrast ratio of 4.5:1", "html": "<span class=\"awsui_content_vjswe_1ext5_97\">Button text</span>", "impact": "serious", "none": [], "target": ["button[data-analytics-funnel-value=\"button63-1693154285389-9312\"] > .awsui_content_vjswe_1ext5_97"]}, {"all": [], "any": [[Object]], "failureSummary": "Fix any of the following: Element has insufficient color contrast of 1.73 (foreground color: #414d5c, background color: #12293b, font size: 10.5pt (14px), font weight: bold). Expected contrast ratio of 4.5:1", "html": "<span class=\"awsui_content_vjswe_1ext5_97\">Button text</span>", "impact": "serious", "none": [], "target": ["button[data-analytics-funnel-value=\"button65-1693154285390-2521\"] > .awsui_content_vjswe_1ext5_97"]}, {"all": [], "any": [[Object]], "failureSummary": "Fix any of the following: Element has insufficient color contrast of 1.91 (foreground color: #414d5c, background color: #172211, font size: 10.5pt (14px), font weight: bold). Expected contrast ratio of 4.5:1", "html": "<span class=\"awsui_content_vjswe_1ext5_97\">Button text</span>", "impact": "serious", "none": [], "target": ["button[data-analytics-funnel-value=\"button69-1693154285404-1005\"] > .awsui_content_vjswe_1ext5_97"]}, {"all": [], "any": [[Object]], "failureSummary": "Fix any of the following: Element has insufficient color contrast of 2.04 (foreground color: #414d5c, background color: #1d1906, font size: 10.5pt (14px), font weight: bold). Expected contrast ratio of 4.5:1", "html": "<span class=\"awsui_content_vjswe_1ext5_97\">Button text</span>", "impact": "serious", "none": [], "target": ["button[data-analytics-funnel-value=\"button73-1693154285405-9051\"] > .awsui_content_vjswe_1ext5_97"]}, {"all": [], "any": [[Object]], "failureSummary": "Fix any of the following: Element has insufficient color contrast of 2.14 (foreground color: #414d5c, background color: #270a11, font size: 10.5pt (14px), font weight: bold). Expected contrast ratio of 4.5:1", "html": "<s
RETRY 2: A11y checks for dark visual-refresh › #/dark/alert/permutations?visualRefresh=true: src/__a11y__/a11y-page-object.ts#L96
expect(received).toHaveLength(expected) Expected length: 0 Received length: 1 Received array: [{"description": "Ensures the contrast between foreground and background colors meets WCAG 2 AA contrast ratio thresholds", "help": "Elements must have sufficient color contrast", "helpUrl": "https://dequeuniversity.com/rules/axe/4.4/color-contrast?application=axeAPI", "id": "color-contrast", "impact": "serious", "nodes": [{"all": [], "any": [[Object]], "failureSummary": "Fix any of the following: Element has insufficient color contrast of 1.73 (foreground color: #414d5c, background color: #12293b, font size: 10.5pt (14px), font weight: bold). Expected contrast ratio of 4.5:1", "html": "<span class=\"awsui_content_vjswe_1ext5_97\">Button text</span>", "impact": "serious", "none": [], "target": ["button[data-analytics-funnel-value=\"button57-1693155915094-3486\"] > .awsui_content_vjswe_1ext5_97"]}, {"all": [], "any": [[Object]], "failureSummary": "Fix any of the following: Element has insufficient color contrast of 1.91 (foreground color: #414d5c, background color: #172211, font size: 10.5pt (14px), font weight: bold). Expected contrast ratio of 4.5:1", "html": "<span class=\"awsui_content_vjswe_1ext5_97\">Button text</span>", "impact": "serious", "none": [], "target": ["button[data-analytics-funnel-value=\"button59-1693155915095-6295\"] > .awsui_content_vjswe_1ext5_97"]}, {"all": [], "any": [[Object]], "failureSummary": "Fix any of the following: Element has insufficient color contrast of 2.04 (foreground color: #414d5c, background color: #1d1906, font size: 10.5pt (14px), font weight: bold). Expected contrast ratio of 4.5:1", "html": "<span class=\"awsui_content_vjswe_1ext5_97\">Button text</span>", "impact": "serious", "none": [], "target": ["button[data-analytics-funnel-value=\"button61-1693155915096-4495\"] > .awsui_content_vjswe_1ext5_97"]}, {"all": [], "any": [[Object]], "failureSummary": "Fix any of the following: Element has insufficient color contrast of 2.14 (foreground color: #414d5c, background color: #270a11, font size: 10.5pt (14px), font weight: bold). Expected contrast ratio of 4.5:1", "html": "<span class=\"awsui_content_vjswe_1ext5_97\">Button text</span>", "impact": "serious", "none": [], "target": ["button[data-analytics-funnel-value=\"button63-1693155915097-6139\"] > .awsui_content_vjswe_1ext5_97"]}, {"all": [], "any": [[Object]], "failureSummary": "Fix any of the following: Element has insufficient color contrast of 1.73 (foreground color: #414d5c, background color: #12293b, font size: 10.5pt (14px), font weight: bold). Expected contrast ratio of 4.5:1", "html": "<span class=\"awsui_content_vjswe_1ext5_97\">Button text</span>", "impact": "serious", "none": [], "target": ["button[data-analytics-funnel-value=\"button65-1693155915098-4129\"] > .awsui_content_vjswe_1ext5_97"]}, {"all": [], "any": [[Object]], "failureSummary": "Fix any of the following: Element has insufficient color contrast of 1.91 (foreground color: #414d5c, background color: #172211, font size: 10.5pt (14px), font weight: bold). Expected contrast ratio of 4.5:1", "html": "<span class=\"awsui_content_vjswe_1ext5_97\">Button text</span>", "impact": "serious", "none": [], "target": ["button[data-analytics-funnel-value=\"button69-1693155915099-3523\"] > .awsui_content_vjswe_1ext5_97"]}, {"all": [], "any": [[Object]], "failureSummary": "Fix any of the following: Element has insufficient color contrast of 2.04 (foreground color: #414d5c, background color: #1d1906, font size: 10.5pt (14px), font weight: bold). Expected contrast ratio of 4.5:1", "html": "<span class=\"awsui_content_vjswe_1ext5_97\">Button text</span>", "impact": "serious", "none": [], "target": ["button[data-analytics-funnel-value=\"button73-1693155915100-838\"] > .awsui_content_vjswe_1ext5_97"]}, {"all": [], "any": [[Object]], "failureSummary": "Fix any of the following: Element has insufficient color contrast of 2.14 (foreground color: #414d5c, background color: #270a11, font size: 10.5pt (14px), font weight: bold). Expected contrast ratio of 4.5:1", "html": "<sp
RETRY 3: A11y checks for dark visual-refresh › #/dark/alert/permutations?visualRefresh=true: src/__a11y__/a11y-page-object.ts#L96
expect(received).toHaveLength(expected) Expected length: 0 Received length: 1 Received array: [{"description": "Ensures the contrast between foreground and background colors meets WCAG 2 AA contrast ratio thresholds", "help": "Elements must have sufficient color contrast", "helpUrl": "https://dequeuniversity.com/rules/axe/4.4/color-contrast?application=axeAPI", "id": "color-contrast", "impact": "serious", "nodes": [{"all": [], "any": [[Object]], "failureSummary": "Fix any of the following: Element has insufficient color contrast of 1.73 (foreground color: #414d5c, background color: #12293b, font size: 10.5pt (14px), font weight: bold). Expected contrast ratio of 4.5:1", "html": "<span class=\"awsui_content_vjswe_1ext5_97\">Button text</span>", "impact": "serious", "none": [], "target": ["button[data-analytics-funnel-value=\"button57-1693155917391-5460\"] > .awsui_content_vjswe_1ext5_97"]}, {"all": [], "any": [[Object]], "failureSummary": "Fix any of the following: Element has insufficient color contrast of 1.91 (foreground color: #414d5c, background color: #172211, font size: 10.5pt (14px), font weight: bold). Expected contrast ratio of 4.5:1", "html": "<span class=\"awsui_content_vjswe_1ext5_97\">Button text</span>", "impact": "serious", "none": [], "target": ["button[data-analytics-funnel-value=\"button59-1693155917392-6735\"] > .awsui_content_vjswe_1ext5_97"]}, {"all": [], "any": [[Object]], "failureSummary": "Fix any of the following: Element has insufficient color contrast of 2.04 (foreground color: #414d5c, background color: #1d1906, font size: 10.5pt (14px), font weight: bold). Expected contrast ratio of 4.5:1", "html": "<span class=\"awsui_content_vjswe_1ext5_97\">Button text</span>", "impact": "serious", "none": [], "target": ["button[data-analytics-funnel-value=\"button61-1693155917392-8079\"] > .awsui_content_vjswe_1ext5_97"]}, {"all": [], "any": [[Object]], "failureSummary": "Fix any of the following: Element has insufficient color contrast of 2.14 (foreground color: #414d5c, background color: #270a11, font size: 10.5pt (14px), font weight: bold). Expected contrast ratio of 4.5:1", "html": "<span class=\"awsui_content_vjswe_1ext5_97\">Button text</span>", "impact": "serious", "none": [], "target": ["button[data-analytics-funnel-value=\"button63-1693155917393-199\"] > .awsui_content_vjswe_1ext5_97"]}, {"all": [], "any": [[Object]], "failureSummary": "Fix any of the following: Element has insufficient color contrast of 1.73 (foreground color: #414d5c, background color: #12293b, font size: 10.5pt (14px), font weight: bold). Expected contrast ratio of 4.5:1", "html": "<span class=\"awsui_content_vjswe_1ext5_97\">Button text</span>", "impact": "serious", "none": [], "target": ["button[data-analytics-funnel-value=\"button65-1693155917394-9666\"] > .awsui_content_vjswe_1ext5_97"]}, {"all": [], "any": [[Object]], "failureSummary": "Fix any of the following: Element has insufficient color contrast of 1.91 (foreground color: #414d5c, background color: #172211, font size: 10.5pt (14px), font weight: bold). Expected contrast ratio of 4.5:1", "html": "<span class=\"awsui_content_vjswe_1ext5_97\">Button text</span>", "impact": "serious", "none": [], "target": ["button[data-analytics-funnel-value=\"button69-1693155917395-4399\"] > .awsui_content_vjswe_1ext5_97"]}, {"all": [], "any": [[Object]], "failureSummary": "Fix any of the following: Element has insufficient color contrast of 2.04 (foreground color: #414d5c, background color: #1d1906, font size: 10.5pt (14px), font weight: bold). Expected contrast ratio of 4.5:1", "html": "<span class=\"awsui_content_vjswe_1ext5_97\">Button text</span>", "impact": "serious", "none": [], "target": ["button[data-analytics-funnel-value=\"button73-1693155917397-4083\"] > .awsui_content_vjswe_1ext5_97"]}, {"all": [], "any": [[Object]], "failureSummary": "Fix any of the following: Element has insufficient color contrast of 2.14 (foreground color: #414d5c, background color: #270a11, font size: 10.5pt (14px), font weight: bold). Expected contrast ratio of 4.5:1", "html": "<sp
RETRY 1: A11y checks for dark visual-refresh › #/dark/alert/runtime-action?visualRefresh=true: src/__a11y__/a11y-page-object.ts#L96
expect(received).toHaveLength(expected) Expected length: 0 Received length: 1 Received array: [{"description": "Ensures the contrast between foreground and background colors meets WCAG 2 AA contrast ratio thresholds", "help": "Elements must have sufficient color contrast", "helpUrl": "https://dequeuniversity.com/rules/axe/4.4/color-contrast?application=axeAPI", "id": "color-contrast", "impact": "serious", "nodes": [{"all": [], "any": [[Object]], "failureSummary": "Fix any of the following: Element has insufficient color contrast of 1.91 (foreground color: #414d5c, background color: #172211, font size: 10.5pt (14px), font weight: bold). Expected contrast ratio of 4.5:1", "html": "<span class=\"awsui_content_vjswe_1ext5_97\">Action</span>", "impact": "serious", "none": [], "target": ["button[data-analytics-funnel-value=\"button3-1693154293369-5062\"] > .awsui_content_vjswe_1ext5_97"]}, {"all": [], "any": [[Object]], "failureSummary": "Fix any of the following: Element has insufficient color contrast of 1.91 (foreground color: #414d5c, background color: #172211, font size: 10.5pt (14px), font weight: bold). Expected contrast ratio of 4.5:1", "html": "<span class=\"awsui_content_vjswe_1ext5_97\">Action 1</span>", "impact": "serious", "none": [], "target": ["button[data-analytics-funnel-value=\"button7-1693154293375-2423\"] > .awsui_content_vjswe_1ext5_97"]}, {"all": [], "any": [[Object]], "failureSummary": "Fix any of the following: Element has insufficient color contrast of 1.91 (foreground color: #414d5c, background color: #172211, font size: 10.5pt (14px), font weight: bold). Expected contrast ratio of 4.5:1", "html": "<span class=\"awsui_content_vjswe_1ext5_97\">Action 2</span>", "impact": "serious", "none": [], "target": ["button[data-analytics-funnel-value=\"button9-1693154293380-2363\"] > .awsui_content_vjswe_1ext5_97"]}, {"all": [], "any": [[Object]], "failureSummary": "Fix any of the following: Element has insufficient color contrast of 2.14 (foreground color: #414d5c, background color: #270a11, font size: 10.5pt (14px), font weight: bold). Expected contrast ratio of 4.5:1", "html": "<span class=\"awsui_content_vjswe_1ext5_97\">Runtime button</span>", "impact": "serious", "none": [], "target": ["button[data-analytics-funnel-value=\"button36-1693154293641-4595\"] > .awsui_content_vjswe_1ext5_97"]}, {"all": [], "any": [[Object]], "failureSummary": "Fix any of the following: Element has insufficient color contrast of 2.14 (foreground color: #414d5c, background color: #270a11, font size: 10.5pt (14px), font weight: bold). Expected contrast ratio of 4.5:1", "html": "<span class=\"awsui_content_vjswe_1ext5_97\">Action</span>", "impact": "serious", "none": [], "target": ["button[data-analytics-funnel-value=\"button15-1693154293389-5141\"] > .awsui_content_vjswe_1ext5_97"]}, {"all": [], "any": [[Object]], "failureSummary": "Fix any of the following: Element has insufficient color contrast of 2.14 (foreground color: #414d5c, background color: #270a11, font size: 10.5pt (14px), font weight: bold). Expected contrast ratio of 4.5:1", "html": "<span class=\"awsui_content_vjswe_1ext5_97\">Runtime button</span>", "impact": "serious", "none": [], "target": ["button[data-analytics-funnel-value=\"button37-1693154293649-7385\"] > .awsui_content_vjswe_1ext5_97"]}, {"all": [], "any": [[Object]], "failureSummary": "Fix any of the following: Element has insufficient color contrast of 2.14 (foreground color: #414d5c, background color: #270a11, font size: 10.5pt (14px), font weight: bold). Expected contrast ratio of 4.5:1", "html": "<span class=\"awsui_content_vjswe_1ext5_97\">Action 1</span>", "impact": "serious", "none": [], "target": ["button[data-analytics-funnel-value=\"button19-1693154293398-8643\"] > .awsui_content_vjswe_1ext5_97"]}, {"all": [], "any": [[Object]], "failureSummary": "Fix any of the following: Element has insufficient color contrast of 2.14 (foreground color: #414d5c, background color: #270a11, font size: 10.5pt (14px), font weight: bold). Expected contrast ratio of 4.5:1", "html": "<span class=\"awsu
RETRY 2: A11y checks for dark visual-refresh › #/dark/alert/runtime-action?visualRefresh=true: src/__a11y__/a11y-page-object.ts#L96
expect(received).toHaveLength(expected) Expected length: 0 Received length: 1 Received array: [{"description": "Ensures the contrast between foreground and background colors meets WCAG 2 AA contrast ratio thresholds", "help": "Elements must have sufficient color contrast", "helpUrl": "https://dequeuniversity.com/rules/axe/4.4/color-contrast?application=axeAPI", "id": "color-contrast", "impact": "serious", "nodes": [{"all": [], "any": [[Object]], "failureSummary": "Fix any of the following: Element has insufficient color contrast of 1.91 (foreground color: #414d5c, background color: #172211, font size: 10.5pt (14px), font weight: bold). Expected contrast ratio of 4.5:1", "html": "<span class=\"awsui_content_vjswe_1ext5_97\">Action</span>", "impact": "serious", "none": [], "target": ["button[data-analytics-funnel-value=\"button3-1693155921871-7425\"] > .awsui_content_vjswe_1ext5_97"]}, {"all": [], "any": [[Object]], "failureSummary": "Fix any of the following: Element has insufficient color contrast of 1.91 (foreground color: #414d5c, background color: #172211, font size: 10.5pt (14px), font weight: bold). Expected contrast ratio of 4.5:1", "html": "<span class=\"awsui_content_vjswe_1ext5_97\">Action 1</span>", "impact": "serious", "none": [], "target": ["button[data-analytics-funnel-value=\"button7-1693155921873-3504\"] > .awsui_content_vjswe_1ext5_97"]}, {"all": [], "any": [[Object]], "failureSummary": "Fix any of the following: Element has insufficient color contrast of 1.91 (foreground color: #414d5c, background color: #172211, font size: 10.5pt (14px), font weight: bold). Expected contrast ratio of 4.5:1", "html": "<span class=\"awsui_content_vjswe_1ext5_97\">Action 2</span>", "impact": "serious", "none": [], "target": ["button[data-analytics-funnel-value=\"button9-1693155921873-4651\"] > .awsui_content_vjswe_1ext5_97"]}, {"all": [], "any": [[Object]], "failureSummary": "Fix any of the following: Element has insufficient color contrast of 2.14 (foreground color: #414d5c, background color: #270a11, font size: 10.5pt (14px), font weight: bold). Expected contrast ratio of 4.5:1", "html": "<span class=\"awsui_content_vjswe_1ext5_97\">Runtime button</span>", "impact": "serious", "none": [], "target": ["button[data-analytics-funnel-value=\"button36-1693155921933-5974\"] > .awsui_content_vjswe_1ext5_97"]}, {"all": [], "any": [[Object]], "failureSummary": "Fix any of the following: Element has insufficient color contrast of 2.14 (foreground color: #414d5c, background color: #270a11, font size: 10.5pt (14px), font weight: bold). Expected contrast ratio of 4.5:1", "html": "<span class=\"awsui_content_vjswe_1ext5_97\">Action</span>", "impact": "serious", "none": [], "target": ["button[data-analytics-funnel-value=\"button15-1693155921877-3464\"] > .awsui_content_vjswe_1ext5_97"]}, {"all": [], "any": [[Object]], "failureSummary": "Fix any of the following: Element has insufficient color contrast of 2.14 (foreground color: #414d5c, background color: #270a11, font size: 10.5pt (14px), font weight: bold). Expected contrast ratio of 4.5:1", "html": "<span class=\"awsui_content_vjswe_1ext5_97\">Runtime button</span>", "impact": "serious", "none": [], "target": ["button[data-analytics-funnel-value=\"button37-1693155921933-3367\"] > .awsui_content_vjswe_1ext5_97"]}, {"all": [], "any": [[Object]], "failureSummary": "Fix any of the following: Element has insufficient color contrast of 2.14 (foreground color: #414d5c, background color: #270a11, font size: 10.5pt (14px), font weight: bold). Expected contrast ratio of 4.5:1", "html": "<span class=\"awsui_content_vjswe_1ext5_97\">Action 1</span>", "impact": "serious", "none": [], "target": ["button[data-analytics-funnel-value=\"button19-1693155921879-9893\"] > .awsui_content_vjswe_1ext5_97"]}, {"all": [], "any": [[Object]], "failureSummary": "Fix any of the following: Element has insufficient color contrast of 2.14 (foreground color: #414d5c, background color: #270a11, font size: 10.5pt (14px), font weight: bold). Expected contrast ratio of 4.5:1", "html": "<span class=\"awsu
RETRY 3: A11y checks for dark visual-refresh › #/dark/alert/runtime-action?visualRefresh=true: src/__a11y__/a11y-page-object.ts#L96
expect(received).toHaveLength(expected) Expected length: 0 Received length: 1 Received array: [{"description": "Ensures the contrast between foreground and background colors meets WCAG 2 AA contrast ratio thresholds", "help": "Elements must have sufficient color contrast", "helpUrl": "https://dequeuniversity.com/rules/axe/4.4/color-contrast?application=axeAPI", "id": "color-contrast", "impact": "serious", "nodes": [{"all": [], "any": [[Object]], "failureSummary": "Fix any of the following: Element has insufficient color contrast of 1.91 (foreground color: #414d5c, background color: #172211, font size: 10.5pt (14px), font weight: bold). Expected contrast ratio of 4.5:1", "html": "<span class=\"awsui_content_vjswe_1ext5_97\">Action</span>", "impact": "serious", "none": [], "target": ["button[data-analytics-funnel-value=\"button3-1693155923118-3992\"] > .awsui_content_vjswe_1ext5_97"]}, {"all": [], "any": [[Object]], "failureSummary": "Fix any of the following: Element has insufficient color contrast of 1.91 (foreground color: #414d5c, background color: #172211, font size: 10.5pt (14px), font weight: bold). Expected contrast ratio of 4.5:1", "html": "<span class=\"awsui_content_vjswe_1ext5_97\">Action 1</span>", "impact": "serious", "none": [], "target": ["button[data-analytics-funnel-value=\"button7-1693155923120-1942\"] > .awsui_content_vjswe_1ext5_97"]}, {"all": [], "any": [[Object]], "failureSummary": "Fix any of the following: Element has insufficient color contrast of 1.91 (foreground color: #414d5c, background color: #172211, font size: 10.5pt (14px), font weight: bold). Expected contrast ratio of 4.5:1", "html": "<span class=\"awsui_content_vjswe_1ext5_97\">Action 2</span>", "impact": "serious", "none": [], "target": ["button[data-analytics-funnel-value=\"button9-1693155923121-3811\"] > .awsui_content_vjswe_1ext5_97"]}, {"all": [], "any": [[Object]], "failureSummary": "Fix any of the following: Element has insufficient color contrast of 2.14 (foreground color: #414d5c, background color: #270a11, font size: 10.5pt (14px), font weight: bold). Expected contrast ratio of 4.5:1", "html": "<span class=\"awsui_content_vjswe_1ext5_97\">Runtime button</span>", "impact": "serious", "none": [], "target": ["button[data-analytics-funnel-value=\"button36-1693155923184-5211\"] > .awsui_content_vjswe_1ext5_97"]}, {"all": [], "any": [[Object]], "failureSummary": "Fix any of the following: Element has insufficient color contrast of 2.14 (foreground color: #414d5c, background color: #270a11, font size: 10.5pt (14px), font weight: bold). Expected contrast ratio of 4.5:1", "html": "<span class=\"awsui_content_vjswe_1ext5_97\">Action</span>", "impact": "serious", "none": [], "target": ["button[data-analytics-funnel-value=\"button15-1693155923125-4653\"] > .awsui_content_vjswe_1ext5_97"]}, {"all": [], "any": [[Object]], "failureSummary": "Fix any of the following: Element has insufficient color contrast of 2.14 (foreground color: #414d5c, background color: #270a11, font size: 10.5pt (14px), font weight: bold). Expected contrast ratio of 4.5:1", "html": "<span class=\"awsui_content_vjswe_1ext5_97\">Runtime button</span>", "impact": "serious", "none": [], "target": ["button[data-analytics-funnel-value=\"button37-1693155923185-3655\"] > .awsui_content_vjswe_1ext5_97"]}, {"all": [], "any": [[Object]], "failureSummary": "Fix any of the following: Element has insufficient color contrast of 2.14 (foreground color: #414d5c, background color: #270a11, font size: 10.5pt (14px), font weight: bold). Expected contrast ratio of 4.5:1", "html": "<span class=\"awsui_content_vjswe_1ext5_97\">Action 1</span>", "impact": "serious", "none": [], "target": ["button[data-analytics-funnel-value=\"button19-1693155923126-8894\"] > .awsui_content_vjswe_1ext5_97"]}, {"all": [], "any": [[Object]], "failureSummary": "Fix any of the following: Element has insufficient color contrast of 2.14 (foreground color: #414d5c, background color: #270a11, font size: 10.5pt (14px), font weight: bold). Expected contrast ratio of 4.5:1", "html": "<span class=\"awsu
RETRY 1: A11y checks for dark visual-refresh › #/dark/alert/simple?visualRefresh=true: src/__a11y__/a11y-page-object.ts#L96
expect(received).toHaveLength(expected) Expected length: 0 Received length: 1 Received array: [{"description": "Ensures the contrast between foreground and background colors meets WCAG 2 AA contrast ratio thresholds", "help": "Elements must have sufficient color contrast", "helpUrl": "https://dequeuniversity.com/rules/axe/4.4/color-contrast?application=axeAPI", "id": "color-contrast", "impact": "serious", "nodes": [{"all": [], "any": [{"data": {"bgColor": "#1d1906", "contrastRatio": 2.04, "expectedContrastRatio": "4.5:1", "fgColor": "#414d5c", "fontSize": "10.5pt (14px)", "fontWeight": "bold", "messageKey": null, "shadowColor": null}, "id": "color-contrast", "impact": "serious", "message": "Element has insufficient color contrast of 2.04 (foreground color: #414d5c, background color: #1d1906, font size: 10.5pt (14px), font weight: bold). Expected contrast ratio of 4.5:1", "relatedNodes": [{"html": "<div class=\"awsui_alert_mx3cw_4axkb_93 awsui_type-warning_mx3cw_4axkb_258 awsui_icon-size-normal_mx3cw_4axkb_233 awsui_with-action_mx3cw_4axkb_158 awsui_with-dismiss_mx3cw_4axkb_158 awsui_breakpoint-default_mx3cw_4axkb_164\">", "target": [".awsui_type-warning_mx3cw_4axkb_258"]}]}], "failureSummary": "Fix any of the following: Element has insufficient color contrast of 2.04 (foreground color: #414d5c, background color: #1d1906, font size: 10.5pt (14px), font weight: bold). Expected contrast ratio of 4.5:1", "html": "<span class=\"awsui_content_vjswe_1ext5_97\">Button text</span>", "impact": "serious", "none": [], "target": [".awsui_action-button_mx3cw_4axkb_181 > .awsui_content_vjswe_1ext5_97"]}], "tags": ["cat.color", "wcag2aa", "wcag143"]}] at A11yPageObject.assertNoAxeViolations (src/__a11y__/a11y-page-object.ts:96:31) at src/__a11y__/run-a11y-tests.ts:17:5 at Object.<anonymous> (node_modules/@cloudscape-design/browser-test-tools/dist/use-browser.js:28:13)
RETRY 2: A11y checks for dark visual-refresh › #/dark/alert/simple?visualRefresh=true: src/__a11y__/a11y-page-object.ts#L96
expect(received).toHaveLength(expected) Expected length: 0 Received length: 1 Received array: [{"description": "Ensures the contrast between foreground and background colors meets WCAG 2 AA contrast ratio thresholds", "help": "Elements must have sufficient color contrast", "helpUrl": "https://dequeuniversity.com/rules/axe/4.4/color-contrast?application=axeAPI", "id": "color-contrast", "impact": "serious", "nodes": [{"all": [], "any": [{"data": {"bgColor": "#1d1906", "contrastRatio": 2.04, "expectedContrastRatio": "4.5:1", "fgColor": "#414d5c", "fontSize": "10.5pt (14px)", "fontWeight": "bold", "messageKey": null, "shadowColor": null}, "id": "color-contrast", "impact": "serious", "message": "Element has insufficient color contrast of 2.04 (foreground color: #414d5c, background color: #1d1906, font size: 10.5pt (14px), font weight: bold). Expected contrast ratio of 4.5:1", "relatedNodes": [{"html": "<div class=\"awsui_alert_mx3cw_4axkb_93 awsui_type-warning_mx3cw_4axkb_258 awsui_icon-size-normal_mx3cw_4axkb_233 awsui_with-action_mx3cw_4axkb_158 awsui_with-dismiss_mx3cw_4axkb_158 awsui_breakpoint-default_mx3cw_4axkb_164\">", "target": [".awsui_type-warning_mx3cw_4axkb_258"]}]}], "failureSummary": "Fix any of the following: Element has insufficient color contrast of 2.04 (foreground color: #414d5c, background color: #1d1906, font size: 10.5pt (14px), font weight: bold). Expected contrast ratio of 4.5:1", "html": "<span class=\"awsui_content_vjswe_1ext5_97\">Button text</span>", "impact": "serious", "none": [], "target": [".awsui_action-button_mx3cw_4axkb_181 > .awsui_content_vjswe_1ext5_97"]}], "tags": ["cat.color", "wcag2aa", "wcag143"]}] at A11yPageObject.assertNoAxeViolations (src/__a11y__/a11y-page-object.ts:96:31) at runMicrotasks (<anonymous>) at src/__a11y__/run-a11y-tests.ts:17:5 at Object.<anonymous> (node_modules/@cloudscape-design/browser-test-tools/dist/use-browser.js:28:13)
RETRY 3: A11y checks for dark visual-refresh › #/dark/alert/simple?visualRefresh=true: src/__a11y__/a11y-page-object.ts#L96
expect(received).toHaveLength(expected) Expected length: 0 Received length: 1 Received array: [{"description": "Ensures the contrast between foreground and background colors meets WCAG 2 AA contrast ratio thresholds", "help": "Elements must have sufficient color contrast", "helpUrl": "https://dequeuniversity.com/rules/axe/4.4/color-contrast?application=axeAPI", "id": "color-contrast", "impact": "serious", "nodes": [{"all": [], "any": [{"data": {"bgColor": "#1d1906", "contrastRatio": 2.04, "expectedContrastRatio": "4.5:1", "fgColor": "#414d5c", "fontSize": "10.5pt (14px)", "fontWeight": "bold", "messageKey": null, "shadowColor": null}, "id": "color-contrast", "impact": "serious", "message": "Element has insufficient color contrast of 2.04 (foreground color: #414d5c, background color: #1d1906, font size: 10.5pt (14px), font weight: bold). Expected contrast ratio of 4.5:1", "relatedNodes": [{"html": "<div class=\"awsui_alert_mx3cw_4axkb_93 awsui_type-warning_mx3cw_4axkb_258 awsui_icon-size-normal_mx3cw_4axkb_233 awsui_with-action_mx3cw_4axkb_158 awsui_with-dismiss_mx3cw_4axkb_158 awsui_breakpoint-default_mx3cw_4axkb_164\">", "target": [".awsui_type-warning_mx3cw_4axkb_258"]}]}], "failureSummary": "Fix any of the following: Element has insufficient color contrast of 2.04 (foreground color: #414d5c, background color: #1d1906, font size: 10.5pt (14px), font weight: bold). Expected contrast ratio of 4.5:1", "html": "<span class=\"awsui_content_vjswe_1ext5_97\">Button text</span>", "impact": "serious", "none": [], "target": [".awsui_action-button_mx3cw_4axkb_181 > .awsui_content_vjswe_1ext5_97"]}], "tags": ["cat.color", "wcag2aa", "wcag143"]}] at A11yPageObject.assertNoAxeViolations (src/__a11y__/a11y-page-object.ts:96:31) at runMicrotasks (<anonymous>) at src/__a11y__/run-a11y-tests.ts:17:5 at Object.<anonymous> (node_modules/@cloudscape-design/browser-test-tools/dist/use-browser.js:28:13)