Add html vr class #2337
release.yml
on: push
Components unit tests
14m 24s
Components integ tests
24m 44s
Components a11y tests
32m 25s
release
0s
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)
|