Skip to content

chore: Experiment: vr only #11943

chore: Experiment: vr only

chore: Experiment: vr only #11943

Triggered via pull request February 10, 2025 12:25
Status Failure
Total duration 15m 23s
Artifacts 4

dry-run.yml

on: pull_request
dry-run  /  Create build tree
2s
dry-run / Create build tree
dry-run  /  Build browser-test-tools
2s
dry-run / Build browser-test-tools
dry-run  /  Build documenter
2s
dry-run / Build documenter
dry-run  /  Build global-styles
4s
dry-run / Build global-styles
dry-run  /  Build build-tools
2s
dry-run / Build build-tools
dry-run  /  Build collection-hooks
2s
dry-run / Build collection-hooks
dry-run  /  Build jest-preset
2s
dry-run / Build jest-preset
dry-run  /  Build component-toolkit
3s
dry-run / Build component-toolkit
dry-run  /  Build test-utils
2s
dry-run / Build test-utils
dry-run  /  Build theming-core
2s
dry-run / Build theming-core
dry-run  /  Build components
2m 59s
dry-run / Build components
dry-run  /  Build board components
2m 3s
dry-run / Build board components
dry-run  /  Build code view components
1m 0s
dry-run / Build code view components
dry-run  /  Build chat components
1m 14s
dry-run / Build chat components
Matrix: dry-run / Components accessibility tests shards
Matrix: dry-run / Components integration tests shards
dry-run  /  Components unit tests
4m 6s
dry-run / Components unit tests
dry-run  /  Components motion tests
1m 10s
dry-run / Components motion tests
dry-run  /  Demos tests
9m 9s
dry-run / Demos tests
dry-run  /  Components accessibility tests
0s
dry-run / Components accessibility tests
dry-run  /  Components integration tests
0s
dry-run / Components integration tests
Fit to window
Zoom out
Zoom in

Annotations

64 errors and 80 warnings
Theme=refresh: src/app-layout/__tests__/utils.tsx#L76
expect(received).toEqual(expected) // deep equality Expected: true Received: false at Object.<anonymous> (src/app-layout/__tests__/utils.tsx:76:71)
Theme=refresh: src/app-layout/__tests__/runtime-drawers.test.tsx#L123
TypeError: Cannot read properties of null (reading 'getElement') at Object.<anonymous> (src/app-layout/__tests__/runtime-drawers.test.tsx:123:65)
Theme=refresh: src/app-layout/__tests__/utils.tsx#L76
expect(received).toEqual(expected) // deep equality Expected: true Received: false at Object.<anonymous> (src/app-layout/__tests__/utils.tsx:76:71)
Theme=refresh: src/app-layout/__tests__/runtime-drawers.test.tsx#L123
TypeError: Cannot read properties of null (reading 'getElement') at Object.<anonymous> (src/app-layout/__tests__/runtime-drawers.test.tsx:123:65)
Theme=refresh: src/app-layout/__tests__/utils.tsx#L76
expect(received).toEqual(expected) // deep equality Expected: true Received: false at Object.<anonymous> (src/app-layout/__tests__/utils.tsx:76:71)
Theme=refresh: src/app-layout/__tests__/mobile.test.tsx#L140
expect(element).toHaveClass("awsui_block-body-scroll_hyvsj_lgv7x_596") Expected the element to have class: awsui_block-body-scroll_hyvsj_lgv7x_596 Received: awsui_block-body-scroll_1kzri_1vl4l_273 at Object.<anonymous> (src/app-layout/__tests__/mobile.test.tsx:140:27)
Theme=refresh: src/app-layout/__tests__/mobile.test.tsx#L147
expect(element).toHaveClass("awsui_block-body-scroll_hyvsj_lgv7x_596") Expected the element to have class: awsui_block-body-scroll_hyvsj_lgv7x_596 Received: awsui_block-body-scroll_1kzri_1vl4l_273 at Object.<anonymous> (src/app-layout/__tests__/mobile.test.tsx:147:27)
Theme=refresh: src/app-layout/__tests__/mobile.test.tsx#L158
expect(element).toHaveClass("awsui_block-body-scroll_hyvsj_lgv7x_596") Expected the element to have class: awsui_block-body-scroll_hyvsj_lgv7x_596 Received: awsui_block-body-scroll_1kzri_1vl4l_273 at Object.<anonymous> (src/app-layout/__tests__/mobile.test.tsx:158:27)
Theme=refresh: src/app-layout/__tests__/mobile.test.tsx#L177
expect(element).toHaveClass("awsui_block-body-scroll_hyvsj_lgv7x_596") Expected the element to have class: awsui_block-body-scroll_hyvsj_lgv7x_596 Received: awsui_block-body-scroll_1kzri_1vl4l_273 at Object.<anonymous> (src/app-layout/__tests__/mobile.test.tsx:177:27)
Theme=refresh: src/app-layout/__tests__/mobile.test.tsx#L431
expect(received).toHaveLength(expected) Expected length: 2 Received length: 0 Received array: [] at Object.<anonymous> (src/app-layout/__tests__/mobile.test.tsx:431:66)
classic › sets sticky notifications offset to zero when notifications are not sticky: src/app-layout/__integ__/app-layout-sticky-elements.test.ts#L76
expect(received).toEqual(expected) // deep equality Expected: 43 Received: 97 at src/app-layout/__integ__/app-layout-sticky-elements.test.ts:76:32 at src/app-layout/__integ__/app-layout-sticky-elements.test.ts:34:7 at Object.<anonymous> (node_modules/@cloudscape-design/browser-test-tools/use-browser.js:36:13)
classic › should not leave any space between page header and sticky header in content layout: src/app-layout/__integ__/app-layout-sticky-elements.test.ts#L129
expect(received).toEqual(expected) // deep equality Expected: 43 Received: 85 at src/app-layout/__integ__/app-layout-sticky-elements.test.ts:129:38 at src/app-layout/__integ__/app-layout-sticky-elements.test.ts:34:7 at Object.<anonymous> (node_modules/@cloudscape-design/browser-test-tools/use-browser.js:36:13)
refresh › should not leave any space between page header and sticky header in content layout: src/app-layout/__integ__/app-layout-sticky-elements.test.ts#L129
expect(received).toEqual(expected) // deep equality Expected: 43 Received: 85 at src/app-layout/__integ__/app-layout-sticky-elements.test.ts:129:38 at src/app-layout/__integ__/app-layout-sticky-elements.test.ts:34:7 at Object.<anonymous> (node_modules/@cloudscape-design/browser-test-tools/use-browser.js:36:13)
classic › renders initial state with default content type: src/app-layout/__integ__/awsui-applayout.test.ts#L47
expect(received).resolves.toBe(expected) // Object.is equality Expected: false Received: true at Object.toBe (node_modules/expect/build/index.js:174:22) at src/app-layout/__integ__/awsui-applayout.test.ts:47:94 at src/app-layout/__integ__/awsui-applayout.test.ts:39:13 at Object.<anonymous> (node_modules/@cloudscape-design/browser-test-tools/use-browser.js:36:13)
classic › breadcrumbs preservation state works as expected: src/app-layout/__integ__/awsui-applayout.test.ts#L98
expect(received).resolves.toBe(expected) // Object.is equality Expected: "Clicked: 0" Received: "Clicked: 1" at Object.toBe (node_modules/expect/build/index.js:174:22) at src/app-layout/__integ__/awsui-applayout.test.ts:98:64 at src/app-layout/__integ__/awsui-applayout.test.ts:39:7 at Object.<anonymous> (node_modules/@cloudscape-design/browser-test-tools/use-browser.js:36:13)
refresh › renders initial state with default content type: src/app-layout/__integ__/awsui-applayout.test.ts#L47
expect(received).resolves.toBe(expected) // Object.is equality Expected: false Received: true at Object.toBe (node_modules/expect/build/index.js:174:22) at src/app-layout/__integ__/awsui-applayout.test.ts:47:94 at src/app-layout/__integ__/awsui-applayout.test.ts:39:13 at Object.<anonymous> (node_modules/@cloudscape-design/browser-test-tools/use-browser.js:36:13)
refresh › breadcrumbs preservation state works as expected: src/app-layout/__integ__/awsui-applayout.test.ts#L98
expect(received).resolves.toBe(expected) // Object.is equality Expected: "Clicked: 0" Received: "Clicked: 1" at Object.toBe (node_modules/expect/build/index.js:174:22) at src/app-layout/__integ__/awsui-applayout.test.ts:98:64 at src/app-layout/__integ__/awsui-applayout.test.ts:39:7 at Object.<anonymous> (node_modules/@cloudscape-design/browser-test-tools/use-browser.js:36:13)
classic › slider is accessible by keyboard in bottom position: src/app-layout/__integ__/app-layout-split-panel.test.ts#L63
expect(received).toEqual(expected) // deep equality Expected: 387 Received: 384 at src/app-layout/__integ__/app-layout-split-panel.test.ts:63:55 at src/app-layout/__integ__/app-layout-split-panel.test.ts:27:7 at Object.<anonymous> (node_modules/@cloudscape-design/browser-test-tools/use-browser.js:36:13)
classic › switches to bottom position when screen resizes to mobile: src/app-layout/__integ__/app-layout-split-panel.test.ts#L114
expect(received).resolves.toEqual(expected) // deep equality Expected: "160px" Received: "0px" at Object.toEqual (node_modules/expect/build/index.js:174:22) at src/app-layout/__integ__/app-layout-split-panel.test.ts:114:65 at src/app-layout/__integ__/app-layout-split-panel.test.ts:27:7 at Object.<anonymous> (node_modules/@cloudscape-design/browser-test-tools/use-browser.js:36:13)
classic › should not allow resize split panel beyond min and max limits (side position) (paddings disabled): src/app-layout/__integ__/app-layout-split-panel.test.ts#L190
expect(received).toEqual(expected) // deep equality Expected: 520 Received: 592 at src/app-layout/__integ__/app-layout-split-panel.test.ts:190:56 at src/app-layout/__integ__/app-layout-split-panel.test.ts:27:7 at Object.<anonymous> (node_modules/@cloudscape-design/browser-test-tools/use-browser.js:36:13)
dry-run / Components integration tests shards (3)
The job was canceled because "_4" failed.
CSS Custom Properties › match previous snapshot for mode "light": src/__integ__/themes.test.ts#L54
expect(received).resolves.toMatchSnapshot() Snapshot name: `CSS Custom Properties match previous snapshot for mode "light" 1` - Snapshot - 368 + Received + 368 @@ -1,190 +1,190 @@ { - "border-active-width": "2px", - "border-code-editor-status-divider-width": "0px", - "border-container-sticky-width": "1px", - "border-container-top-width": "1px", - "border-control-focus-ring-shadow-spread": "1px", - "border-control-invalid-focus-ring-shadow-spread": "1px", + "border-active-width": "4px", + "border-code-editor-status-divider-width": "1px", + "border-container-sticky-width": "0px", + "border-container-top-width": "0px", + "border-control-focus-ring-shadow-spread": "0px", + "border-control-invalid-focus-ring-shadow-spread": "2px", "border-divider-list-width": "1px", "border-divider-section-width": "1px", - "border-dropdown-virtual-offset-width": "0px", - "border-invalid-width": "4px", - "border-item-width": "1px", + "border-dropdown-virtual-offset-width": "2px", + "border-invalid-width": "8px", + "border-item-width": "2px", "border-line-chart-dash-array": "3 5", - "border-line-chart-line-join": "miter", + "border-line-chart-line-join": "round", "border-line-chart-width": "2px", - "border-link-focus-ring-outline": "5px auto Highlight", - "border-link-focus-ring-shadow-spread": "0px", - "border-panel-header-width": "0px", - "border-panel-top-width": "0px", - "border-radius-alert": "2px", - "border-radius-badge": "16px", - "border-radius-button": "2px", - "border-radius-calendar-day-focus-ring": "2px", - "border-radius-chat-bubble": "2px", - "border-radius-code-editor": "0px", - "border-radius-container": "0px", - "border-radius-control-circular-focus-ring": "50%", - "border-radius-control-default-focus-ring": "2px", - "border-radius-dropdown": "0px", - "border-radius-dropzone": "0px", - "border-radius-flashbar": "0px", - "border-radius-input": "2px", - "border-radius-item": "0px", - "border-radius-popover": "2px", - "border-radius-tabs-focus-ring": "0px", - "border-radius-tiles": "2px", - "border-radius-token": "2px", - "border-radius-tutorial-panel-item": "2px", - "border-table-sticky-width": "0px", - "border-width-alert": "1px", - "border-width-field": "1px", - "border-width-popover": "1px", - "color-background-avatar-default": "#545b64", + "border-link-focus-ring-outline": "0", + "border-link-focus-ring-shadow-spread": "2px", + "border-panel-header-width": "1px", + "border-panel-top-width": "1px", + "border-radius-alert": "12px", + "border-radius-badge": "4px", + "border-radius-button": "20px", + "border-radius-calendar-day-focus-ring": "3px", + "border-radius-chat-bubble": "8px", + "border-radius-code-editor": "8px", + "border-radius-container": "16px", + "border-radius-control-circular-focus-ring": "4px", + "border-radius-control-default-focus-ring": "4px", + "border-radius-dropdown": "8px", + "border-radius-dropzone": "12px", + "border-radius-flashbar": "12px", + "border-radius-input": "8px", + "border-radius-item": "8px", + "border-radius-popover": "8px", + "border-radius-tabs-focus-ring": "20px", + "border-radius-tiles": "8px", + "border-radius-token": "8px", + "border-radius-tutorial-panel-item": "8px", + "border-table-sticky-width": "1px", + "border-width-alert": "2px", + "border-width-field": "2px", + "border-width-popover": "2px", + "color-background-avatar-default": "#424650", "color-background-avatar-gen-ai": "radial-gradient(circle farthest-corner at top left,rgba(0, 150, 250, 1) -25%,rgba(0, 150, 250, 0) 55%),radial-gradient(circle farthest-corner at top right, rgba(216, 178, 255, 1) -10%, rgba(115, 0, 229, 1) 50%)", - "color-background-badge-icon": "#d13212", - "color-background-button-link-active": "#eaeded", - "color-background-button-link-hover": "#fafafa", - "color-background-button-normal-active": "#eaeded", + "color-background-badge-icon": "#db0000", + "color-background-button-link-active": "#d1f1ff", + "color-backg
CSS Custom Properties › match previous snapshot for mode "dark": src/__integ__/themes.test.ts#L54
expect(received).resolves.toMatchSnapshot() Snapshot name: `CSS Custom Properties match previous snapshot for mode "dark" 1` - Snapshot - 388 + Received + 388 @@ -1,190 +1,190 @@ { - "border-active-width": "2px", - "border-code-editor-status-divider-width": "0px", - "border-container-sticky-width": "1px", - "border-container-top-width": "1px", - "border-control-focus-ring-shadow-spread": "1px", - "border-control-invalid-focus-ring-shadow-spread": "1px", + "border-active-width": "4px", + "border-code-editor-status-divider-width": "1px", + "border-container-sticky-width": "0px", + "border-container-top-width": "0px", + "border-control-focus-ring-shadow-spread": "0px", + "border-control-invalid-focus-ring-shadow-spread": "2px", "border-divider-list-width": "1px", "border-divider-section-width": "1px", - "border-dropdown-virtual-offset-width": "0px", - "border-invalid-width": "4px", - "border-item-width": "1px", + "border-dropdown-virtual-offset-width": "2px", + "border-invalid-width": "8px", + "border-item-width": "2px", "border-line-chart-dash-array": "3 5", - "border-line-chart-line-join": "miter", + "border-line-chart-line-join": "round", "border-line-chart-width": "2px", - "border-link-focus-ring-outline": "5px auto Highlight", - "border-link-focus-ring-shadow-spread": "0px", - "border-panel-header-width": "0px", - "border-panel-top-width": "0px", - "border-radius-alert": "2px", - "border-radius-badge": "16px", - "border-radius-button": "2px", - "border-radius-calendar-day-focus-ring": "2px", - "border-radius-chat-bubble": "2px", - "border-radius-code-editor": "0px", - "border-radius-container": "0px", - "border-radius-control-circular-focus-ring": "50%", - "border-radius-control-default-focus-ring": "2px", - "border-radius-dropdown": "0px", - "border-radius-dropzone": "0px", - "border-radius-flashbar": "0px", - "border-radius-input": "2px", - "border-radius-item": "0px", - "border-radius-popover": "2px", - "border-radius-tabs-focus-ring": "0px", - "border-radius-tiles": "2px", - "border-radius-token": "2px", - "border-radius-tutorial-panel-item": "2px", - "border-table-sticky-width": "0px", - "border-width-alert": "1px", - "border-width-field": "1px", - "border-width-popover": "1px", - "color-background-avatar-default": "#545b64", + "border-link-focus-ring-outline": "0", + "border-link-focus-ring-shadow-spread": "2px", + "border-panel-header-width": "1px", + "border-panel-top-width": "1px", + "border-radius-alert": "12px", + "border-radius-badge": "4px", + "border-radius-button": "20px", + "border-radius-calendar-day-focus-ring": "3px", + "border-radius-chat-bubble": "8px", + "border-radius-code-editor": "8px", + "border-radius-container": "16px", + "border-radius-control-circular-focus-ring": "4px", + "border-radius-control-default-focus-ring": "4px", + "border-radius-dropdown": "8px", + "border-radius-dropzone": "12px", + "border-radius-flashbar": "12px", + "border-radius-input": "8px", + "border-radius-item": "8px", + "border-radius-popover": "8px", + "border-radius-tabs-focus-ring": "20px", + "border-radius-tiles": "8px", + "border-radius-token": "8px", + "border-radius-tutorial-panel-item": "8px", + "border-table-sticky-width": "1px", + "border-width-alert": "2px", + "border-width-field": "2px", + "border-width-popover": "2px", + "color-background-avatar-default": "#424650", "color-background-avatar-gen-ai": "radial-gradient(circle farthest-corner at top left,rgba(0, 150, 250, 1) -25%,rgba(0, 150, 250, 0) 55%),radial-gradient(circle farthest-corner at top right, rgba(216, 178, 255, 1) -10%, rgba(115, 0, 229, 1) 50%)", - "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", -
CSS Custom Properties › match previous snapshot for mode "compact": src/__integ__/themes.test.ts#L54
expect(received).resolves.toMatchSnapshot() Snapshot name: `CSS Custom Properties match previous snapshot for mode "compact" 1` - Snapshot - 370 + Received + 370 @@ -1,190 +1,190 @@ { - "border-active-width": "2px", - "border-code-editor-status-divider-width": "0px", - "border-container-sticky-width": "1px", - "border-container-top-width": "1px", - "border-control-focus-ring-shadow-spread": "1px", - "border-control-invalid-focus-ring-shadow-spread": "1px", + "border-active-width": "4px", + "border-code-editor-status-divider-width": "1px", + "border-container-sticky-width": "0px", + "border-container-top-width": "0px", + "border-control-focus-ring-shadow-spread": "0px", + "border-control-invalid-focus-ring-shadow-spread": "2px", "border-divider-list-width": "1px", "border-divider-section-width": "1px", - "border-dropdown-virtual-offset-width": "0px", - "border-invalid-width": "4px", - "border-item-width": "1px", + "border-dropdown-virtual-offset-width": "2px", + "border-invalid-width": "8px", + "border-item-width": "2px", "border-line-chart-dash-array": "3 5", - "border-line-chart-line-join": "miter", + "border-line-chart-line-join": "round", "border-line-chart-width": "2px", - "border-link-focus-ring-outline": "5px auto Highlight", - "border-link-focus-ring-shadow-spread": "0px", - "border-panel-header-width": "0px", - "border-panel-top-width": "0px", - "border-radius-alert": "2px", - "border-radius-badge": "16px", - "border-radius-button": "2px", - "border-radius-calendar-day-focus-ring": "2px", - "border-radius-chat-bubble": "2px", - "border-radius-code-editor": "0px", - "border-radius-container": "0px", - "border-radius-control-circular-focus-ring": "50%", - "border-radius-control-default-focus-ring": "2px", - "border-radius-dropdown": "0px", - "border-radius-dropzone": "0px", - "border-radius-flashbar": "0px", - "border-radius-input": "2px", - "border-radius-item": "0px", - "border-radius-popover": "2px", - "border-radius-tabs-focus-ring": "0px", - "border-radius-tiles": "2px", - "border-radius-token": "2px", - "border-radius-tutorial-panel-item": "2px", - "border-table-sticky-width": "0px", - "border-width-alert": "1px", - "border-width-field": "1px", - "border-width-popover": "1px", - "color-background-avatar-default": "#545b64", + "border-link-focus-ring-outline": "0", + "border-link-focus-ring-shadow-spread": "2px", + "border-panel-header-width": "1px", + "border-panel-top-width": "1px", + "border-radius-alert": "12px", + "border-radius-badge": "4px", + "border-radius-button": "20px", + "border-radius-calendar-day-focus-ring": "3px", + "border-radius-chat-bubble": "8px", + "border-radius-code-editor": "8px", + "border-radius-container": "16px", + "border-radius-control-circular-focus-ring": "4px", + "border-radius-control-default-focus-ring": "4px", + "border-radius-dropdown": "8px", + "border-radius-dropzone": "12px", + "border-radius-flashbar": "12px", + "border-radius-input": "8px", + "border-radius-item": "8px", + "border-radius-popover": "8px", + "border-radius-tabs-focus-ring": "20px", + "border-radius-tiles": "8px", + "border-radius-token": "8px", + "border-radius-tutorial-panel-item": "8px", + "border-table-sticky-width": "1px", + "border-width-alert": "2px", + "border-width-field": "2px", + "border-width-popover": "2px", + "color-background-avatar-default": "#424650", "color-background-avatar-gen-ai": "radial-gradient(circle farthest-corner at top left,rgba(0, 150, 250, 1) -25%,rgba(0, 150, 250, 0) 55%),radial-gradient(circle farthest-corner at top right, rgba(216, 178, 255, 1) -10%, rgba(115, 0, 229, 1) 50%)", - "color-background-badge-icon": "#d13212", - "color-background-button-link-active": "#eaeded", - "color-background-button-link-hover": "#fafafa", - "color-background-button-normal-active": "#eaeded", + "color-background-badge-icon": "#db0000", + "color-background-button-link-active": "#d1f1ff", + "color-bac
CSS Custom Properties › match previous snapshot for mode "reduced-motion": src/__integ__/themes.test.ts#L54
expect(received).resolves.toMatchSnapshot() Snapshot name: `CSS Custom Properties match previous snapshot for mode "reduced-motion" 1` - Snapshot - 656 + Received + 1 - { - "border-active-width": "2px", - "border-code-editor-status-divider-width": "0px", - "border-container-sticky-width": "1px", - "border-container-top-width": "1px", - "border-control-focus-ring-shadow-spread": "1px", - "border-control-invalid-focus-ring-shadow-spread": "1px", - "border-divider-list-width": "1px", - "border-divider-section-width": "1px", - "border-dropdown-virtual-offset-width": "0px", - "border-invalid-width": "4px", - "border-item-width": "1px", - "border-line-chart-dash-array": "3 5", - "border-line-chart-line-join": "miter", - "border-line-chart-width": "2px", - "border-link-focus-ring-outline": "5px auto Highlight", - "border-link-focus-ring-shadow-spread": "0px", - "border-panel-header-width": "0px", - "border-panel-top-width": "0px", - "border-radius-alert": "2px", - "border-radius-badge": "16px", - "border-radius-button": "2px", - "border-radius-calendar-day-focus-ring": "2px", - "border-radius-chat-bubble": "2px", - "border-radius-code-editor": "0px", - "border-radius-container": "0px", - "border-radius-control-circular-focus-ring": "50%", - "border-radius-control-default-focus-ring": "2px", - "border-radius-dropdown": "0px", - "border-radius-dropzone": "0px", - "border-radius-flashbar": "0px", - "border-radius-input": "2px", - "border-radius-item": "0px", - "border-radius-popover": "2px", - "border-radius-tabs-focus-ring": "0px", - "border-radius-tiles": "2px", - "border-radius-token": "2px", - "border-radius-tutorial-panel-item": "2px", - "border-table-sticky-width": "0px", - "border-width-alert": "1px", - "border-width-field": "1px", - "border-width-popover": "1px", - "color-background-avatar-default": "#545b64", - "color-background-avatar-gen-ai": "radial-gradient(circle farthest-corner at top left,rgba(0, 150, 250, 1) -25%,rgba(0, 150, 250, 0) 55%),radial-gradient(circle farthest-corner at top right, rgba(216, 178, 255, 1) -10%, rgba(115, 0, 229, 1) 50%)", - "color-background-badge-icon": "#d13212", - "color-background-button-link-active": "#eaeded", - "color-background-button-link-hover": "#fafafa", - "color-background-button-normal-active": "#eaeded", - "color-background-button-normal-default": "#ffffff", - "color-background-button-normal-disabled": "#ffffff", - "color-background-button-normal-hover": "#fafafa", - "color-background-button-primary-active": "#12293b", - "color-background-button-primary-default": "#0073bb", - "color-background-button-primary-disabled": "#ffffff", - "color-background-button-primary-hover": "#0a4a74", - "color-background-calendar-current-date": "#f2f3f3", - "color-background-cell-shaded": "#f2f3f3", - "color-background-chat-bubble-incoming": "#f2f3f3", - "color-background-chat-bubble-outgoing": "transparent", - "color-background-code-editor-gutter-active-line-default": "#687078", - "color-background-code-editor-gutter-active-line-error": "#d13212", - "color-background-code-editor-gutter-default": "#f2f3f3", - "color-background-code-editor-loading": "#f2f3f3", - "color-background-code-editor-pane-item-hover": "#eaeded", - "color-background-code-editor-status-bar": "#f2f3f3", - "color-background-container-content": "#ffffff", - "color-background-container-header": "#fafafa", - "color-background-control-checked": "#0073bb", - "color-background-control-default": "#ffffff", - "color-background-control-disabled": "#d5dbdb", - "color-background-dropdown-item-default": "#ffffff", - "color-background-dropdown-item-dimmed": "transparent", - "color-background-dropdown-item-filter-match": "#f1faff", - "color-background-dropdown-item-hover": "#f2f3f3", - "color-background-dropdown-item-selected": "#f1faff", - "color-background-home-header": "#000000", - "color-background-input-default": "#ffffff", - "color-background-input-disabled": "#eaeded", -
classic › desktop › should not allow resize drawer beyond min and max limits: src/app-layout/__integ__/app-layout-drawers.test.ts#L158
expect(received).resolves.toEqual(expected) // deep equality Expected: 290 Received: 291 at Object.toEqual (node_modules/expect/build/index.js:174:22) at src/app-layout/__integ__/app-layout-drawers.test.ts:158:60 at src/app-layout/__integ__/app-layout-drawers.test.ts:114:5 at Object.<anonymous> (node_modules/@cloudscape-design/browser-test-tools/use-browser.js:36:13)
classic › desktop › should not shrink drawer beyond min width: src/app-layout/__integ__/app-layout-drawers.test.ts#L35
Can't call click on element with selector "body [class*="awsui_root_1fj9k"] [class*="awsui_drawers-trigger_1fj9k"][data-testid="awsui-app-layout-trigger-links"]" because element wasn't found at implicitWait (node_modules/webdriverio/build/utils/implicitWait.js:34:19) at Element.elementErrorHandlerCallbackFn (node_modules/webdriverio/build/middlewares.js:20:29) at Element.wrapCommandFn (node_modules/@wdio/utils/build/shim.js:136:29) at AppLayoutDrawersPage.click (node_modules/@cloudscape-design/browser-test-tools/page-objects/base.js:57:9) at AppLayoutDrawersPage.openThirdDrawer (src/app-layout/__integ__/app-layout-drawers.test.ts:35:7) at src/app-layout/__integ__/app-layout-drawers.test.ts:187:9 at src/app-layout/__integ__/app-layout-drawers.test.ts:114:5 at Object.<anonymous> (node_modules/@cloudscape-design/browser-test-tools/use-browser.js:36:13)
classic › desktop › updates side split panel position when using different width drawers: src/app-layout/__integ__/app-layout-drawers.test.ts#L232
expect(received).resolves.toEqual(expected) // deep equality Expected: true Received: false at Object.toEqual (node_modules/expect/build/index.js:174:22) at src/app-layout/__integ__/app-layout-drawers.test.ts:232:78 at src/app-layout/__integ__/app-layout-drawers.test.ts:114:5 at Object.<anonymous> (node_modules/@cloudscape-design/browser-test-tools/use-browser.js:36:13)
refresh › desktop › should not allow resize drawer beyond min and max limits: src/app-layout/__integ__/app-layout-drawers.test.ts#L158
expect(received).resolves.toEqual(expected) // deep equality Expected: 292 Received: 291 at Object.toEqual (node_modules/expect/build/index.js:174:22) at src/app-layout/__integ__/app-layout-drawers.test.ts:158:60 at src/app-layout/__integ__/app-layout-drawers.test.ts:114:5 at Object.<anonymous> (node_modules/@cloudscape-design/browser-test-tools/use-browser.js:36:13)
refresh › desktop › should not shrink drawer beyond min width: src/app-layout/__integ__/app-layout-drawers.test.ts#L35
Can't call click on element with selector "body [class*="awsui_root_1fj9k"] [class*="awsui_drawers-trigger_1fj9k"][data-testid="awsui-app-layout-trigger-links"]" because element wasn't found at implicitWait (node_modules/webdriverio/build/utils/implicitWait.js:34:19) at Element.elementErrorHandlerCallbackFn (node_modules/webdriverio/build/middlewares.js:20:29) at Element.wrapCommandFn (node_modules/@wdio/utils/build/shim.js:136:29) at AppLayoutDrawersPage.click (node_modules/@cloudscape-design/browser-test-tools/page-objects/base.js:57:9) at AppLayoutDrawersPage.openThirdDrawer (src/app-layout/__integ__/app-layout-drawers.test.ts:35:7) at src/app-layout/__integ__/app-layout-drawers.test.ts:187:9 at src/app-layout/__integ__/app-layout-drawers.test.ts:114:5 at Object.<anonymous> (node_modules/@cloudscape-design/browser-test-tools/use-browser.js:36:13)
refresh › desktop › updates side split panel position when using different width drawers: src/app-layout/__integ__/app-layout-drawers.test.ts#L232
expect(received).resolves.toEqual(expected) // deep equality Expected: true Received: false at Object.toEqual (node_modules/expect/build/index.js:174:22) at src/app-layout/__integ__/app-layout-drawers.test.ts:232:78 at src/app-layout/__integ__/app-layout-drawers.test.ts:114:5 at Object.<anonymous> (node_modules/@cloudscape-design/browser-test-tools/use-browser.js:36:13)
dry-run / Components integration tests shards (2)
The job was canceled because "_4" failed.
Sticky header is offset by the height of the sticky notifications: src/container/__integ__/awsui-applayout-sticky.test.ts#L49
expect(received).toEqual(expected) // deep equality Expected: 99 Received: 93.5 at src/container/__integ__/awsui-applayout-sticky.test.ts:49:31 at src/container/__integ__/awsui-applayout-sticky.test.ts:36:5 at Object.<anonymous> (node_modules/@cloudscape-design/browser-test-tools/use-browser.js:36:13)
Sticky header is not offset by the height of the header: src/container/__integ__/awsui-applayout-sticky.test.ts#L72
expect(received).toEqual(expected) // deep equality Expected: 314.5 Received: 315.5 at src/container/__integ__/awsui-applayout-sticky.test.ts:72:38 at src/container/__integ__/awsui-applayout-sticky.test.ts:36:5 at Object.<anonymous> (node_modules/@cloudscape-design/browser-test-tools/use-browser.js:36:13)
Icon › Should update icon height and size on visual mode change: src/icon/__integ__/icon.test.ts#L62
expect(received).resolves.toEqual(expected) // deep equality Expected: 22 Received: 24 at Object.toEqual (node_modules/expect/build/index.js:174:22) at src/icon/__integ__/icon.test.ts:62:65 at src/icon/__integ__/icon.test.ts:44:13 at Object.<anonymous> (node_modules/@cloudscape-design/browser-test-tools/use-browser.js:36:13)
Icon › Hidden icon should have correct height and size after becoming visible: src/icon/__integ__/icon.test.ts#L79
expect(received).resolves.toEqual(expected) // deep equality Expected: 36 Received: 30 at Object.toEqual (node_modules/expect/build/index.js:174:22) at src/icon/__integ__/icon.test.ts:79:66 at src/icon/__integ__/icon.test.ts:44:7 at Object.<anonymous> (node_modules/@cloudscape-design/browser-test-tools/use-browser.js:36:13)
classic › header and footer should be clickable when nav panel is open: src/app-layout/__integ__/mobile.test.ts#L78
expect(received).resolves.toEqual(expected) // deep equality Expected: true Received: false at Object.toEqual (node_modules/expect/build/index.js:174:22) at src/app-layout/__integ__/mobile.test.ts:78:53 at src/app-layout/__integ__/mobile.test.ts:36:7 at Object.<anonymous> (node_modules/@cloudscape-design/browser-test-tools/use-browser.js:36:13)
classic › header and footer should be clickable when nav panel is open in scrolled to the bottom state: src/app-layout/__integ__/mobile.test.ts#L90
expect(received).resolves.toEqual(expected) // deep equality Expected: true Received: false at Object.toEqual (node_modules/expect/build/index.js:174:22) at src/app-layout/__integ__/mobile.test.ts:90:53 at src/app-layout/__integ__/mobile.test.ts:36:7 at Object.<anonymous> (node_modules/@cloudscape-design/browser-test-tools/use-browser.js:36:13)
visual-refresh › header and footer should be clickable when nav panel is open: src/app-layout/__integ__/mobile.test.ts#L78
expect(received).resolves.toEqual(expected) // deep equality Expected: true Received: false at Object.toEqual (node_modules/expect/build/index.js:174:22) at src/app-layout/__integ__/mobile.test.ts:78:53 at src/app-layout/__integ__/mobile.test.ts:36:7 at Object.<anonymous> (node_modules/@cloudscape-design/browser-test-tools/use-browser.js:36:13)
visual-refresh › header and footer should be clickable when nav panel is open in scrolled to the bottom state: src/app-layout/__integ__/mobile.test.ts#L90
expect(received).resolves.toEqual(expected) // deep equality Expected: true Received: false at Object.toEqual (node_modules/expect/build/index.js:174:22) at src/app-layout/__integ__/mobile.test.ts:90:53 at src/app-layout/__integ__/mobile.test.ts:36:7 at Object.<anonymous> (node_modules/@cloudscape-design/browser-test-tools/use-browser.js:36:13)
In classic › Sticky header is offset by the height of the sticky notifications: src/container/__integ__/awsui-legacy-applayout-sticky.test.ts#L42
javascript error: javascript error: Element .awsui_disable-body-scroll-root_1fj9k_z5zo8_17 has not been found at the page (Session info: chrome=132.0.6834.159) at getErrorFromResponseBody (node_modules/webdriver/build/utils.js:198:12) at NodeJSRequest._request (node_modules/webdriver/build/request/index.js:166:60) at Browser.wrapCommandFn (node_modules/@wdio/utils/build/shim.js:136:29) at Browser.wrapCommandFn (node_modules/@wdio/utils/build/shim.js:136:29) at AppLayoutLegacyStickyPage.elementScrollTo (node_modules/@cloudscape-design/browser-test-tools/page-objects/base.js:141:9) at src/container/__integ__/awsui-legacy-applayout-sticky.test.ts:42:7 at src/container/__integ__/awsui-legacy-applayout-sticky.test.ts:32:7 at Object.<anonymous> (node_modules/@cloudscape-design/browser-test-tools/use-browser.js:36:13)
In classic › Sticky header is scrolled out of view in mobile viewports: src/container/__integ__/awsui-legacy-applayout-sticky.test.ts#L55
javascript error: javascript error: Element .awsui_disable-body-scroll-root_1fj9k_z5zo8_17 has not been found at the page (Session info: chrome=132.0.6834.159) at getErrorFromResponseBody (node_modules/webdriver/build/utils.js:198:12) at NodeJSRequest._request (node_modules/webdriver/build/request/index.js:166:60) at Browser.wrapCommandFn (node_modules/@wdio/utils/build/shim.js:136:29) at Browser.wrapCommandFn (node_modules/@wdio/utils/build/shim.js:136:29) at AppLayoutLegacyStickyPage.elementScrollTo (node_modules/@cloudscape-design/browser-test-tools/page-objects/base.js:141:9) at src/container/__integ__/awsui-legacy-applayout-sticky.test.ts:55:7 at src/container/__integ__/awsui-legacy-applayout-sticky.test.ts:32:7 at Object.<anonymous> (node_modules/@cloudscape-design/browser-test-tools/use-browser.js:36:13)
dry-run / Components integration tests shards (1)
The job was canceled because "_4" failed.
Sticky scrollbar › visualRefresh=false › scrollbarWidth is equal to tableWidth: src/table/__integ__/sticky-scrollbar.test.ts#L44
expect(received).toEqual(expected) // deep equality Expected: 553 Received: 551 at src/table/__integ__/sticky-scrollbar.test.ts:44:34 at src/table/__integ__/sticky-scrollbar.test.ts:24:5 at Object.<anonymous> (node_modules/@cloudscape-design/browser-test-tools/use-browser.js:36:13)
Header cover is not displayed in classic: src/container/__integ__/header-cover.test.ts#L75
expect(received).resolves.toBe(expected) // Object.is equality Expected: false Received: true at Object.toBe (node_modules/expect/build/index.js:174:22) at src/container/__integ__/header-cover.test.ts:75:44 at src/container/__integ__/header-cover.test.ts:34:5 at Object.<anonymous> (node_modules/@cloudscape-design/browser-test-tools/use-browser.js:36:13)
classic › iframe=true › MultiAppLayout simple › tools panel the secondary layout works: src/app-layout/__integ__/multi-app-layout.test.ts#L45
Can't call click on element with selector "body [data-testid="secondary-layout"] [class*="awsui_root_1fj9k"] [class*="awsui_tools-toggle_1fj9k"]" because element wasn't found at implicitWait (node_modules/webdriverio/build/utils/implicitWait.js:34:19) at Element.elementErrorHandlerCallbackFn (node_modules/webdriverio/build/middlewares.js:20:29) at Element.wrapCommandFn (node_modules/@wdio/utils/build/shim.js:136:29) at BasePageObject.click (node_modules/@cloudscape-design/browser-test-tools/page-objects/base.js:57:9) at src/app-layout/__integ__/multi-app-layout.test.ts:45:15 at BasePageObject.runInsideIframe (node_modules/@cloudscape-design/browser-test-tools/page-objects/base.js:232:9) at src/app-layout/__integ__/multi-app-layout.test.ts:44:13 at src/app-layout/__integ__/multi-app-layout.test.ts:23:11 at Object.<anonymous> (node_modules/@cloudscape-design/browser-test-tools/use-browser.js:36:13)
classic › iframe=false › MultiAppLayout simple › tools panel the secondary layout works: src/app-layout/__integ__/multi-app-layout.test.ts#L45
Can't call click on element with selector "body [data-testid="secondary-layout"] [class*="awsui_root_1fj9k"] [class*="awsui_tools-toggle_1fj9k"]" because element wasn't found at implicitWait (node_modules/webdriverio/build/utils/implicitWait.js:34:19) at Element.elementErrorHandlerCallbackFn (node_modules/webdriverio/build/middlewares.js:20:29) at Element.wrapCommandFn (node_modules/@wdio/utils/build/shim.js:136:29) at BasePageObject.click (node_modules/@cloudscape-design/browser-test-tools/page-objects/base.js:57:9) at src/app-layout/__integ__/multi-app-layout.test.ts:45:15 at src/app-layout/__integ__/multi-app-layout.test.ts:44:13 at src/app-layout/__integ__/multi-app-layout.test.ts:23:11 at Object.<anonymous> (node_modules/@cloudscape-design/browser-test-tools/use-browser.js:36:13)
refresh › iframe=true › MultiAppLayout simple › tools panel the secondary layout works: src/app-layout/__integ__/multi-app-layout.test.ts#L45
Can't call click on element with selector "body [data-testid="secondary-layout"] [class*="awsui_root_1fj9k"] [class*="awsui_tools-toggle_1fj9k"]" because element wasn't found at implicitWait (node_modules/webdriverio/build/utils/implicitWait.js:34:19) at Element.elementErrorHandlerCallbackFn (node_modules/webdriverio/build/middlewares.js:20:29) at Element.wrapCommandFn (node_modules/@wdio/utils/build/shim.js:136:29) at BasePageObject.click (node_modules/@cloudscape-design/browser-test-tools/page-objects/base.js:57:9) at src/app-layout/__integ__/multi-app-layout.test.ts:45:15 at BasePageObject.runInsideIframe (node_modules/@cloudscape-design/browser-test-tools/page-objects/base.js:232:9) at src/app-layout/__integ__/multi-app-layout.test.ts:44:13 at src/app-layout/__integ__/multi-app-layout.test.ts:23:11 at Object.<anonymous> (node_modules/@cloudscape-design/browser-test-tools/use-browser.js:36:13)
refresh › iframe=false › MultiAppLayout simple › tools panel the secondary layout works: src/app-layout/__integ__/multi-app-layout.test.ts#L45
Can't call click on element with selector "body [data-testid="secondary-layout"] [class*="awsui_root_1fj9k"] [class*="awsui_tools-toggle_1fj9k"]" because element wasn't found at implicitWait (node_modules/webdriverio/build/utils/implicitWait.js:34:19) at Element.elementErrorHandlerCallbackFn (node_modules/webdriverio/build/middlewares.js:20:29) at Element.wrapCommandFn (node_modules/@wdio/utils/build/shim.js:136:29) at BasePageObject.click (node_modules/@cloudscape-design/browser-test-tools/page-objects/base.js:57:9) at src/app-layout/__integ__/multi-app-layout.test.ts:45:15 at src/app-layout/__integ__/multi-app-layout.test.ts:44:13 at src/app-layout/__integ__/multi-app-layout.test.ts:23:11 at Object.<anonymous> (node_modules/@cloudscape-design/browser-test-tools/use-browser.js:36:13)
dry-run / Components integration tests shards (1)
The operation was canceled.
A11y checks for light default › #/light/app-layout/multi-layout-global-drawer-child-layout?visualRefresh=false: src/__a11y__/a11y-page-object.ts#L95
expect(received).toHaveLength(expected) Expected length: 0 Received length: 1 Received array: [{"description": "Ensures all ARIA attributes have valid values", "help": "ARIA attributes must conform to valid values", "helpUrl": "https://dequeuniversity.com/rules/axe/4.7/aria-valid-attr-value?application=axeAPI", "id": "aria-valid-attr-value", "impact": "critical", "nodes": [{"all": [{"data": ["aria-controls=\"circle-global\""], "id": "aria-valid-attr-value", "impact": "critical", "message": "Invalid ARIA attribute value: aria-controls=\"circle-global\"", "relatedNodes": []}], "any": [], "failureSummary": "Fix all of the following: Invalid ARIA attribute value: aria-controls=\"circle-global\"", "html": "<button aria-expanded=\"true\" aria-controls=\"circle-global\" aria-haspopup=\"true\" aria-label=\"Trigger button\" aria-disabled=\"false\" class=\"awsui_trigger_lpshu_1kyee_145 awsui_trigger-button-styles_lpshu_1kyee_145 awsui_selected_lpshu_1kyee_212 awsui_drawers-trigger_1kzri_1vl4l_250 awsui_drawers-trigger_1fj9k_z5zo8_18 awsui_drawers-trigger-global_1fj9k_z5zo8_19\" type=\"button\" data-testid=\"awsui-app-layout-trigger-circle-global\" data-shift-focus=\"awsui-layout-drawer-trigger\">", "impact": "critical", "none": [], "target": [".awsui_drawers-trigger_1fj9k_z5zo8_18"]}], "tags": ["cat.aria", "wcag2a", "wcag412"]}] at A11yPageObject.assertNoAxeViolations (src/__a11y__/a11y-page-object.ts:95:24) at src/__a11y__/run-a11y-tests.ts:17:5 at Object.<anonymous> (node_modules/@cloudscape-design/browser-test-tools/use-browser.js:36:13)
dry-run / Components accessibility tests shards (3)
Process completed with exit code 1.
dry-run / Components accessibility tests shards (5)
The job was canceled because "_3" failed.
A11y checks for dark visual-refresh › #/dark/app-layout/multi-layout-global-drawer-child-layout?visualRefresh=true: src/__a11y__/a11y-page-object.ts#L95
expect(received).toHaveLength(expected) Expected length: 0 Received length: 1 Received array: [{"description": "Ensures all ARIA attributes have valid values", "help": "ARIA attributes must conform to valid values", "helpUrl": "https://dequeuniversity.com/rules/axe/4.7/aria-valid-attr-value?application=axeAPI", "id": "aria-valid-attr-value", "impact": "critical", "nodes": [{"all": [{"data": ["aria-controls=\"circle-global\""], "id": "aria-valid-attr-value", "impact": "critical", "message": "Invalid ARIA attribute value: aria-controls=\"circle-global\"", "relatedNodes": []}], "any": [], "failureSummary": "Fix all of the following: Invalid ARIA attribute value: aria-controls=\"circle-global\"", "html": "<button aria-expanded=\"true\" aria-controls=\"circle-global\" aria-haspopup=\"true\" aria-label=\"Trigger button\" aria-disabled=\"false\" class=\"awsui_trigger_lpshu_1kyee_145 awsui_trigger-button-styles_lpshu_1kyee_145 awsui_selected_lpshu_1kyee_212 awsui_drawers-trigger_1kzri_1vl4l_250 awsui_drawers-trigger_1fj9k_z5zo8_18 awsui_drawers-trigger-global_1fj9k_z5zo8_19\" type=\"button\" data-testid=\"awsui-app-layout-trigger-circle-global\" data-shift-focus=\"awsui-layout-drawer-trigger\">", "impact": "critical", "none": [], "target": [".awsui_drawers-trigger_1fj9k_z5zo8_18"]}], "tags": ["cat.aria", "wcag2a", "wcag412"]}] at A11yPageObject.assertNoAxeViolations (src/__a11y__/a11y-page-object.ts:95:24) at src/__a11y__/run-a11y-tests.ts:17:5 at Object.<anonymous> (node_modules/@cloudscape-design/browser-test-tools/use-browser.js:36:13)
A11y checks for dark visual-refresh › #/dark/app-layout/with-drawers-scrollable?visualRefresh=true: src/__a11y__/a11y-page-object.ts#L95
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 minimum contrast ratio thresholds", "help": "Elements must meet minimum color contrast ratio thresholds", "helpUrl": "https://dequeuniversity.com/rules/axe/4.7/color-contrast?application=axeAPI", "id": "color-contrast", "impact": "serious", "nodes": [{"all": [], "any": [{"data": {"bgColor": "#ffdab9", "contrastRatio": 1.1, "expectedContrastRatio": "4.5:1", "fgColor": "#ebebf0", "fontSize": "13.5pt (18px)", "fontWeight": "bold", "messageKey": null, "shadowColor": null}, "id": "color-contrast", "impact": "serious", "message": "Element has insufficient color contrast of 1.1 (foreground color: #ebebf0, background color: #ffdab9, font size: 13.5pt (18px), font weight: bold). Expected contrast ratio of 4.5:1", "relatedNodes": [{"html": "<div class=\"cfSAYKHdM4YKSK4sD7e6\" data-testid=\"drawer-sticky-header\">", "target": [".cfSAYKHdM4YKSK4sD7e6"]}]}], "failureSummary": "Fix any of the following: Element has insufficient color contrast of 1.1 (foreground color: #ebebf0, background color: #ffdab9, font size: 13.5pt (18px), font weight: bold). Expected contrast ratio of 4.5:1", "html": "<span id=\"custom-drawer-heading\">Sticky header</span>", "impact": "serious", "none": [], "target": ["#custom-drawer-heading"]}, {"all": [], "any": [{"data": {"bgColor": "#ffb6c1", "contrastRatio": 1.02, "expectedContrastRatio": "4.5:1", "fgColor": "#c6c6cd", "fontSize": "10.5pt (14px)", "fontWeight": "normal", "messageKey": null, "shadowColor": null}, "id": "color-contrast", "impact": "serious", "message": "Element has insufficient color contrast of 1.02 (foreground color: #c6c6cd, background color: #ffb6c1, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1", "relatedNodes": [{"html": "<div class=\"BciVBhhqdNR13cIqTLoB\" data-testid=\"drawer-sticky-footer\"><p>This is a sticky footer, it should always be visisble when the panel is open.</p></div>", "target": [".BciVBhhqdNR13cIqTLoB"]}]}], "failureSummary": "Fix any of the following: Element has insufficient color contrast of 1.02 (foreground color: #c6c6cd, background color: #ffb6c1, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1", "html": "<p>This is a sticky footer, it should always be visisble when the panel is open.</p>", "impact": "serious", "none": [], "target": [".BciVBhhqdNR13cIqTLoB > p"]}], "tags": ["cat.color", "wcag2aa", "wcag143", "ACT", "TTv5", "TT13.c"]}] at A11yPageObject.assertNoAxeViolations (src/__a11y__/a11y-page-object.ts:95:24) at src/__a11y__/run-a11y-tests.ts:17:5 at Object.<anonymous> (node_modules/@cloudscape-design/browser-test-tools/use-browser.js:36:13)
dry-run / Components accessibility tests shards (5)
Process completed with exit code 1.
dry-run / Components accessibility tests shards (2)
The job was canceled because "_3" failed.
A11y checks for dark default › #/dark/app-layout/multi-layout-global-drawer-child-layout?visualRefresh=false: src/__a11y__/a11y-page-object.ts#L95
expect(received).toHaveLength(expected) Expected length: 0 Received length: 1 Received array: [{"description": "Ensures all ARIA attributes have valid values", "help": "ARIA attributes must conform to valid values", "helpUrl": "https://dequeuniversity.com/rules/axe/4.7/aria-valid-attr-value?application=axeAPI", "id": "aria-valid-attr-value", "impact": "critical", "nodes": [{"all": [{"data": ["aria-controls=\"circle-global\""], "id": "aria-valid-attr-value", "impact": "critical", "message": "Invalid ARIA attribute value: aria-controls=\"circle-global\"", "relatedNodes": []}], "any": [], "failureSummary": "Fix all of the following: Invalid ARIA attribute value: aria-controls=\"circle-global\"", "html": "<button aria-expanded=\"true\" aria-controls=\"circle-global\" aria-haspopup=\"true\" aria-label=\"Trigger button\" aria-disabled=\"false\" class=\"awsui_trigger_lpshu_1kyee_145 awsui_trigger-button-styles_lpshu_1kyee_145 awsui_selected_lpshu_1kyee_212 awsui_drawers-trigger_1kzri_1vl4l_250 awsui_drawers-trigger_1fj9k_z5zo8_18 awsui_drawers-trigger-global_1fj9k_z5zo8_19\" type=\"button\" data-testid=\"awsui-app-layout-trigger-circle-global\" data-shift-focus=\"awsui-layout-drawer-trigger\">", "impact": "critical", "none": [], "target": [".awsui_drawers-trigger_1fj9k_z5zo8_18"]}], "tags": ["cat.aria", "wcag2a", "wcag412"]}] at A11yPageObject.assertNoAxeViolations (src/__a11y__/a11y-page-object.ts:95:24) at src/__a11y__/run-a11y-tests.ts:17:5 at Object.<anonymous> (node_modules/@cloudscape-design/browser-test-tools/use-browser.js:36:13)
A11y checks for dark default › #/dark/app-layout/with-drawers-scrollable?visualRefresh=false: src/__a11y__/a11y-page-object.ts#L95
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 minimum contrast ratio thresholds", "help": "Elements must meet minimum color contrast ratio thresholds", "helpUrl": "https://dequeuniversity.com/rules/axe/4.7/color-contrast?application=axeAPI", "id": "color-contrast", "impact": "serious", "nodes": [{"all": [], "any": [{"data": {"bgColor": "#ffdab9", "contrastRatio": 1.1, "expectedContrastRatio": "4.5:1", "fgColor": "#ebebf0", "fontSize": "13.5pt (18px)", "fontWeight": "bold", "messageKey": null, "shadowColor": null}, "id": "color-contrast", "impact": "serious", "message": "Element has insufficient color contrast of 1.1 (foreground color: #ebebf0, background color: #ffdab9, font size: 13.5pt (18px), font weight: bold). Expected contrast ratio of 4.5:1", "relatedNodes": [{"html": "<div class=\"cfSAYKHdM4YKSK4sD7e6\" data-testid=\"drawer-sticky-header\">", "target": [".cfSAYKHdM4YKSK4sD7e6"]}]}], "failureSummary": "Fix any of the following: Element has insufficient color contrast of 1.1 (foreground color: #ebebf0, background color: #ffdab9, font size: 13.5pt (18px), font weight: bold). Expected contrast ratio of 4.5:1", "html": "<span id=\"custom-drawer-heading\">Sticky header</span>", "impact": "serious", "none": [], "target": ["#custom-drawer-heading"]}, {"all": [], "any": [{"data": {"bgColor": "#ffb6c1", "contrastRatio": 1.02, "expectedContrastRatio": "4.5:1", "fgColor": "#c6c6cd", "fontSize": "10.5pt (14px)", "fontWeight": "normal", "messageKey": null, "shadowColor": null}, "id": "color-contrast", "impact": "serious", "message": "Element has insufficient color contrast of 1.02 (foreground color: #c6c6cd, background color: #ffb6c1, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1", "relatedNodes": [{"html": "<div class=\"BciVBhhqdNR13cIqTLoB\" data-testid=\"drawer-sticky-footer\"><p>This is a sticky footer, it should always be visisble when the panel is open.</p></div>", "target": [".BciVBhhqdNR13cIqTLoB"]}]}], "failureSummary": "Fix any of the following: Element has insufficient color contrast of 1.02 (foreground color: #c6c6cd, background color: #ffb6c1, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1", "html": "<p>This is a sticky footer, it should always be visisble when the panel is open.</p>", "impact": "serious", "none": [], "target": [".BciVBhhqdNR13cIqTLoB > p"]}], "tags": ["cat.color", "wcag2aa", "wcag143", "ACT", "TTv5", "TT13.c"]}] at A11yPageObject.assertNoAxeViolations (src/__a11y__/a11y-page-object.ts:95:24) at src/__a11y__/run-a11y-tests.ts:17:5 at Object.<anonymous> (node_modules/@cloudscape-design/browser-test-tools/use-browser.js:36:13)
dry-run / Components accessibility tests shards (2)
The operation was canceled.
dry-run / Components accessibility tests shards (6)
The job was canceled because "_3" failed.
A11y checks for light visual-refresh › #/light/app-layout/multi-layout-global-drawer-child-layout?visualRefresh=true: src/__a11y__/a11y-page-object.ts#L95
expect(received).toHaveLength(expected) Expected length: 0 Received length: 1 Received array: [{"description": "Ensures all ARIA attributes have valid values", "help": "ARIA attributes must conform to valid values", "helpUrl": "https://dequeuniversity.com/rules/axe/4.7/aria-valid-attr-value?application=axeAPI", "id": "aria-valid-attr-value", "impact": "critical", "nodes": [{"all": [{"data": ["aria-controls=\"circle-global\""], "id": "aria-valid-attr-value", "impact": "critical", "message": "Invalid ARIA attribute value: aria-controls=\"circle-global\"", "relatedNodes": []}], "any": [], "failureSummary": "Fix all of the following: Invalid ARIA attribute value: aria-controls=\"circle-global\"", "html": "<button aria-expanded=\"true\" aria-controls=\"circle-global\" aria-haspopup=\"true\" aria-label=\"Trigger button\" aria-disabled=\"false\" class=\"awsui_trigger_lpshu_1kyee_145 awsui_trigger-button-styles_lpshu_1kyee_145 awsui_selected_lpshu_1kyee_212 awsui_drawers-trigger_1kzri_1vl4l_250 awsui_drawers-trigger_1fj9k_z5zo8_18 awsui_drawers-trigger-global_1fj9k_z5zo8_19\" type=\"button\" data-testid=\"awsui-app-layout-trigger-circle-global\" data-shift-focus=\"awsui-layout-drawer-trigger\">", "impact": "critical", "none": [], "target": [".awsui_drawers-trigger_1fj9k_z5zo8_18"]}], "tags": ["cat.aria", "wcag2a", "wcag412"]}] at A11yPageObject.assertNoAxeViolations (src/__a11y__/a11y-page-object.ts:95:24) at src/__a11y__/run-a11y-tests.ts:17:5 at Object.<anonymous> (node_modules/@cloudscape-design/browser-test-tools/use-browser.js:36:13)
dry-run / Components accessibility tests shards (6)
The operation was canceled.
dry-run / Demos tests
Process completed with exit code 1.
dry-run / Build code view components
Prop "id" is forbidden on Components
dry-run / Build code view components
Prop "className" is forbidden on Components
dry-run / Build code view components
Unexpected any. Specify a different type
dry-run / Build code view components
Unexpected any. Specify a different type
dry-run / Build code view components
Unexpected any. Specify a different type
dry-run / Build chat components
Prop "id" is forbidden on Components
dry-run / Build chat components
Prop "id" is forbidden on Components
dry-run / Build chat components
Prop "id" is forbidden on Components
dry-run / Build chat components
Prop "id" is forbidden on Components
dry-run / Build chat components
Prop "className" is forbidden on Components
dry-run / Build chat components
Unexpected any. Specify a different type
dry-run / Build chat components
Unexpected any. Specify a different type
dry-run / Build chat components
Unexpected any. Specify a different type
dry-run / Build chat components
Unexpected any. Specify a different type
dry-run / Build chat components
Unexpected any. Specify a different type
RETRY 1: classic › sets sticky notifications offset to zero when notifications are not sticky: src/app-layout/__integ__/app-layout-sticky-elements.test.ts#L76
expect(received).toEqual(expected) // deep equality Expected: 43 Received: 97 at src/app-layout/__integ__/app-layout-sticky-elements.test.ts:76:32 at src/app-layout/__integ__/app-layout-sticky-elements.test.ts:34:7 at Object.<anonymous> (node_modules/@cloudscape-design/browser-test-tools/use-browser.js:36:13)
RETRY 2: classic › sets sticky notifications offset to zero when notifications are not sticky: src/app-layout/__integ__/app-layout-sticky-elements.test.ts#L76
expect(received).toEqual(expected) // deep equality Expected: 43 Received: 97 at src/app-layout/__integ__/app-layout-sticky-elements.test.ts:76:32 at src/app-layout/__integ__/app-layout-sticky-elements.test.ts:34:7 at Object.<anonymous> (node_modules/@cloudscape-design/browser-test-tools/use-browser.js:36:13)
RETRY 3: classic › sets sticky notifications offset to zero when notifications are not sticky: src/app-layout/__integ__/app-layout-sticky-elements.test.ts#L76
expect(received).toEqual(expected) // deep equality Expected: 43 Received: 97 at src/app-layout/__integ__/app-layout-sticky-elements.test.ts:76:32 at src/app-layout/__integ__/app-layout-sticky-elements.test.ts:34:7 at Object.<anonymous> (node_modules/@cloudscape-design/browser-test-tools/use-browser.js:36:13)
RETRY 1: classic › should not leave any space between page header and sticky header in content layout: src/app-layout/__integ__/app-layout-sticky-elements.test.ts#L129
expect(received).toEqual(expected) // deep equality Expected: 43 Received: 85 at src/app-layout/__integ__/app-layout-sticky-elements.test.ts:129:38 at src/app-layout/__integ__/app-layout-sticky-elements.test.ts:34:7 at Object.<anonymous> (node_modules/@cloudscape-design/browser-test-tools/use-browser.js:36:13)
RETRY 2: classic › should not leave any space between page header and sticky header in content layout: src/app-layout/__integ__/app-layout-sticky-elements.test.ts#L129
expect(received).toEqual(expected) // deep equality Expected: 43 Received: 85 at src/app-layout/__integ__/app-layout-sticky-elements.test.ts:129:38 at src/app-layout/__integ__/app-layout-sticky-elements.test.ts:34:7 at Object.<anonymous> (node_modules/@cloudscape-design/browser-test-tools/use-browser.js:36:13)
RETRY 3: classic › should not leave any space between page header and sticky header in content layout: src/app-layout/__integ__/app-layout-sticky-elements.test.ts#L129
expect(received).toEqual(expected) // deep equality Expected: 43 Received: 85 at src/app-layout/__integ__/app-layout-sticky-elements.test.ts:129:38 at src/app-layout/__integ__/app-layout-sticky-elements.test.ts:34:7 at Object.<anonymous> (node_modules/@cloudscape-design/browser-test-tools/use-browser.js:36:13)
RETRY 1: refresh › should not leave any space between page header and sticky header in content layout: src/app-layout/__integ__/app-layout-sticky-elements.test.ts#L129
expect(received).toEqual(expected) // deep equality Expected: 43 Received: 85 at src/app-layout/__integ__/app-layout-sticky-elements.test.ts:129:38 at src/app-layout/__integ__/app-layout-sticky-elements.test.ts:34:7 at Object.<anonymous> (node_modules/@cloudscape-design/browser-test-tools/use-browser.js:36:13)
RETRY 2: refresh › should not leave any space between page header and sticky header in content layout: src/app-layout/__integ__/app-layout-sticky-elements.test.ts#L129
expect(received).toEqual(expected) // deep equality Expected: 43 Received: 85 at src/app-layout/__integ__/app-layout-sticky-elements.test.ts:129:38 at src/app-layout/__integ__/app-layout-sticky-elements.test.ts:34:7 at Object.<anonymous> (node_modules/@cloudscape-design/browser-test-tools/use-browser.js:36:13)
RETRY 3: refresh › should not leave any space between page header and sticky header in content layout: src/app-layout/__integ__/app-layout-sticky-elements.test.ts#L129
expect(received).toEqual(expected) // deep equality Expected: 43 Received: 85 at src/app-layout/__integ__/app-layout-sticky-elements.test.ts:129:38 at src/app-layout/__integ__/app-layout-sticky-elements.test.ts:34:7 at Object.<anonymous> (node_modules/@cloudscape-design/browser-test-tools/use-browser.js:36:13)
RETRY 1: classic › renders initial state with default content type: src/app-layout/__integ__/awsui-applayout.test.ts#L47
expect(received).resolves.toBe(expected) // Object.is equality Expected: false Received: true at Object.toBe (node_modules/expect/build/index.js:174:22) at src/app-layout/__integ__/awsui-applayout.test.ts:47:94 at src/app-layout/__integ__/awsui-applayout.test.ts:39:13 at Object.<anonymous> (node_modules/@cloudscape-design/browser-test-tools/use-browser.js:36:13)
RETRY 1: CSS Custom Properties › match previous snapshot for mode "light": src/__integ__/themes.test.ts#L54
expect(received).resolves.toMatchSnapshot() Snapshot name: `CSS Custom Properties match previous snapshot for mode "light" 1` - Snapshot - 368 + Received + 368 @@ -1,190 +1,190 @@ { - "border-active-width": "2px", - "border-code-editor-status-divider-width": "0px", - "border-container-sticky-width": "1px", - "border-container-top-width": "1px", - "border-control-focus-ring-shadow-spread": "1px", - "border-control-invalid-focus-ring-shadow-spread": "1px", + "border-active-width": "4px", + "border-code-editor-status-divider-width": "1px", + "border-container-sticky-width": "0px", + "border-container-top-width": "0px", + "border-control-focus-ring-shadow-spread": "0px", + "border-control-invalid-focus-ring-shadow-spread": "2px", "border-divider-list-width": "1px", "border-divider-section-width": "1px", - "border-dropdown-virtual-offset-width": "0px", - "border-invalid-width": "4px", - "border-item-width": "1px", + "border-dropdown-virtual-offset-width": "2px", + "border-invalid-width": "8px", + "border-item-width": "2px", "border-line-chart-dash-array": "3 5", - "border-line-chart-line-join": "miter", + "border-line-chart-line-join": "round", "border-line-chart-width": "2px", - "border-link-focus-ring-outline": "5px auto Highlight", - "border-link-focus-ring-shadow-spread": "0px", - "border-panel-header-width": "0px", - "border-panel-top-width": "0px", - "border-radius-alert": "2px", - "border-radius-badge": "16px", - "border-radius-button": "2px", - "border-radius-calendar-day-focus-ring": "2px", - "border-radius-chat-bubble": "2px", - "border-radius-code-editor": "0px", - "border-radius-container": "0px", - "border-radius-control-circular-focus-ring": "50%", - "border-radius-control-default-focus-ring": "2px", - "border-radius-dropdown": "0px", - "border-radius-dropzone": "0px", - "border-radius-flashbar": "0px", - "border-radius-input": "2px", - "border-radius-item": "0px", - "border-radius-popover": "2px", - "border-radius-tabs-focus-ring": "0px", - "border-radius-tiles": "2px", - "border-radius-token": "2px", - "border-radius-tutorial-panel-item": "2px", - "border-table-sticky-width": "0px", - "border-width-alert": "1px", - "border-width-field": "1px", - "border-width-popover": "1px", - "color-background-avatar-default": "#545b64", + "border-link-focus-ring-outline": "0", + "border-link-focus-ring-shadow-spread": "2px", + "border-panel-header-width": "1px", + "border-panel-top-width": "1px", + "border-radius-alert": "12px", + "border-radius-badge": "4px", + "border-radius-button": "20px", + "border-radius-calendar-day-focus-ring": "3px", + "border-radius-chat-bubble": "8px", + "border-radius-code-editor": "8px", + "border-radius-container": "16px", + "border-radius-control-circular-focus-ring": "4px", + "border-radius-control-default-focus-ring": "4px", + "border-radius-dropdown": "8px", + "border-radius-dropzone": "12px", + "border-radius-flashbar": "12px", + "border-radius-input": "8px", + "border-radius-item": "8px", + "border-radius-popover": "8px", + "border-radius-tabs-focus-ring": "20px", + "border-radius-tiles": "8px", + "border-radius-token": "8px", + "border-radius-tutorial-panel-item": "8px", + "border-table-sticky-width": "1px", + "border-width-alert": "2px", + "border-width-field": "2px", + "border-width-popover": "2px", + "color-background-avatar-default": "#424650", "color-background-avatar-gen-ai": "radial-gradient(circle farthest-corner at top left,rgba(0, 150, 250, 1) -25%,rgba(0, 150, 250, 0) 55%),radial-gradient(circle farthest-corner at top right, rgba(216, 178, 255, 1) -10%, rgba(115, 0, 229, 1) 50%)", - "color-background-badge-icon": "#d13212", - "color-background-button-link-active": "#eaeded", - "color-background-button-link-hover": "#fafafa", - "color-background-button-normal-active": "#eaeded", + "color-background-badge-icon": "#db0000", + "color-background-button-link-active": "#d1f1ff", + "color-backg
RETRY 2: CSS Custom Properties › match previous snapshot for mode "light": src/__integ__/themes.test.ts#L54
expect(received).resolves.toMatchSnapshot() Snapshot name: `CSS Custom Properties match previous snapshot for mode "light" 1` - Snapshot - 368 + Received + 368 @@ -1,190 +1,190 @@ { - "border-active-width": "2px", - "border-code-editor-status-divider-width": "0px", - "border-container-sticky-width": "1px", - "border-container-top-width": "1px", - "border-control-focus-ring-shadow-spread": "1px", - "border-control-invalid-focus-ring-shadow-spread": "1px", + "border-active-width": "4px", + "border-code-editor-status-divider-width": "1px", + "border-container-sticky-width": "0px", + "border-container-top-width": "0px", + "border-control-focus-ring-shadow-spread": "0px", + "border-control-invalid-focus-ring-shadow-spread": "2px", "border-divider-list-width": "1px", "border-divider-section-width": "1px", - "border-dropdown-virtual-offset-width": "0px", - "border-invalid-width": "4px", - "border-item-width": "1px", + "border-dropdown-virtual-offset-width": "2px", + "border-invalid-width": "8px", + "border-item-width": "2px", "border-line-chart-dash-array": "3 5", - "border-line-chart-line-join": "miter", + "border-line-chart-line-join": "round", "border-line-chart-width": "2px", - "border-link-focus-ring-outline": "5px auto Highlight", - "border-link-focus-ring-shadow-spread": "0px", - "border-panel-header-width": "0px", - "border-panel-top-width": "0px", - "border-radius-alert": "2px", - "border-radius-badge": "16px", - "border-radius-button": "2px", - "border-radius-calendar-day-focus-ring": "2px", - "border-radius-chat-bubble": "2px", - "border-radius-code-editor": "0px", - "border-radius-container": "0px", - "border-radius-control-circular-focus-ring": "50%", - "border-radius-control-default-focus-ring": "2px", - "border-radius-dropdown": "0px", - "border-radius-dropzone": "0px", - "border-radius-flashbar": "0px", - "border-radius-input": "2px", - "border-radius-item": "0px", - "border-radius-popover": "2px", - "border-radius-tabs-focus-ring": "0px", - "border-radius-tiles": "2px", - "border-radius-token": "2px", - "border-radius-tutorial-panel-item": "2px", - "border-table-sticky-width": "0px", - "border-width-alert": "1px", - "border-width-field": "1px", - "border-width-popover": "1px", - "color-background-avatar-default": "#545b64", + "border-link-focus-ring-outline": "0", + "border-link-focus-ring-shadow-spread": "2px", + "border-panel-header-width": "1px", + "border-panel-top-width": "1px", + "border-radius-alert": "12px", + "border-radius-badge": "4px", + "border-radius-button": "20px", + "border-radius-calendar-day-focus-ring": "3px", + "border-radius-chat-bubble": "8px", + "border-radius-code-editor": "8px", + "border-radius-container": "16px", + "border-radius-control-circular-focus-ring": "4px", + "border-radius-control-default-focus-ring": "4px", + "border-radius-dropdown": "8px", + "border-radius-dropzone": "12px", + "border-radius-flashbar": "12px", + "border-radius-input": "8px", + "border-radius-item": "8px", + "border-radius-popover": "8px", + "border-radius-tabs-focus-ring": "20px", + "border-radius-tiles": "8px", + "border-radius-token": "8px", + "border-radius-tutorial-panel-item": "8px", + "border-table-sticky-width": "1px", + "border-width-alert": "2px", + "border-width-field": "2px", + "border-width-popover": "2px", + "color-background-avatar-default": "#424650", "color-background-avatar-gen-ai": "radial-gradient(circle farthest-corner at top left,rgba(0, 150, 250, 1) -25%,rgba(0, 150, 250, 0) 55%),radial-gradient(circle farthest-corner at top right, rgba(216, 178, 255, 1) -10%, rgba(115, 0, 229, 1) 50%)", - "color-background-badge-icon": "#d13212", - "color-background-button-link-active": "#eaeded", - "color-background-button-link-hover": "#fafafa", - "color-background-button-normal-active": "#eaeded", + "color-background-badge-icon": "#db0000", + "color-background-button-link-active": "#d1f1ff", + "color-backg
RETRY 3: CSS Custom Properties › match previous snapshot for mode "light": src/__integ__/themes.test.ts#L54
expect(received).resolves.toMatchSnapshot() Snapshot name: `CSS Custom Properties match previous snapshot for mode "light" 1` - Snapshot - 368 + Received + 368 @@ -1,190 +1,190 @@ { - "border-active-width": "2px", - "border-code-editor-status-divider-width": "0px", - "border-container-sticky-width": "1px", - "border-container-top-width": "1px", - "border-control-focus-ring-shadow-spread": "1px", - "border-control-invalid-focus-ring-shadow-spread": "1px", + "border-active-width": "4px", + "border-code-editor-status-divider-width": "1px", + "border-container-sticky-width": "0px", + "border-container-top-width": "0px", + "border-control-focus-ring-shadow-spread": "0px", + "border-control-invalid-focus-ring-shadow-spread": "2px", "border-divider-list-width": "1px", "border-divider-section-width": "1px", - "border-dropdown-virtual-offset-width": "0px", - "border-invalid-width": "4px", - "border-item-width": "1px", + "border-dropdown-virtual-offset-width": "2px", + "border-invalid-width": "8px", + "border-item-width": "2px", "border-line-chart-dash-array": "3 5", - "border-line-chart-line-join": "miter", + "border-line-chart-line-join": "round", "border-line-chart-width": "2px", - "border-link-focus-ring-outline": "5px auto Highlight", - "border-link-focus-ring-shadow-spread": "0px", - "border-panel-header-width": "0px", - "border-panel-top-width": "0px", - "border-radius-alert": "2px", - "border-radius-badge": "16px", - "border-radius-button": "2px", - "border-radius-calendar-day-focus-ring": "2px", - "border-radius-chat-bubble": "2px", - "border-radius-code-editor": "0px", - "border-radius-container": "0px", - "border-radius-control-circular-focus-ring": "50%", - "border-radius-control-default-focus-ring": "2px", - "border-radius-dropdown": "0px", - "border-radius-dropzone": "0px", - "border-radius-flashbar": "0px", - "border-radius-input": "2px", - "border-radius-item": "0px", - "border-radius-popover": "2px", - "border-radius-tabs-focus-ring": "0px", - "border-radius-tiles": "2px", - "border-radius-token": "2px", - "border-radius-tutorial-panel-item": "2px", - "border-table-sticky-width": "0px", - "border-width-alert": "1px", - "border-width-field": "1px", - "border-width-popover": "1px", - "color-background-avatar-default": "#545b64", + "border-link-focus-ring-outline": "0", + "border-link-focus-ring-shadow-spread": "2px", + "border-panel-header-width": "1px", + "border-panel-top-width": "1px", + "border-radius-alert": "12px", + "border-radius-badge": "4px", + "border-radius-button": "20px", + "border-radius-calendar-day-focus-ring": "3px", + "border-radius-chat-bubble": "8px", + "border-radius-code-editor": "8px", + "border-radius-container": "16px", + "border-radius-control-circular-focus-ring": "4px", + "border-radius-control-default-focus-ring": "4px", + "border-radius-dropdown": "8px", + "border-radius-dropzone": "12px", + "border-radius-flashbar": "12px", + "border-radius-input": "8px", + "border-radius-item": "8px", + "border-radius-popover": "8px", + "border-radius-tabs-focus-ring": "20px", + "border-radius-tiles": "8px", + "border-radius-token": "8px", + "border-radius-tutorial-panel-item": "8px", + "border-table-sticky-width": "1px", + "border-width-alert": "2px", + "border-width-field": "2px", + "border-width-popover": "2px", + "color-background-avatar-default": "#424650", "color-background-avatar-gen-ai": "radial-gradient(circle farthest-corner at top left,rgba(0, 150, 250, 1) -25%,rgba(0, 150, 250, 0) 55%),radial-gradient(circle farthest-corner at top right, rgba(216, 178, 255, 1) -10%, rgba(115, 0, 229, 1) 50%)", - "color-background-badge-icon": "#d13212", - "color-background-button-link-active": "#eaeded", - "color-background-button-link-hover": "#fafafa", - "color-background-button-normal-active": "#eaeded", + "color-background-badge-icon": "#db0000", + "color-background-button-link-active": "#d1f1ff", + "color-backg
RETRY 1: CSS Custom Properties › match previous snapshot for mode "dark": src/__integ__/themes.test.ts#L54
expect(received).resolves.toMatchSnapshot() Snapshot name: `CSS Custom Properties match previous snapshot for mode "dark" 1` - Snapshot - 388 + Received + 388 @@ -1,190 +1,190 @@ { - "border-active-width": "2px", - "border-code-editor-status-divider-width": "0px", - "border-container-sticky-width": "1px", - "border-container-top-width": "1px", - "border-control-focus-ring-shadow-spread": "1px", - "border-control-invalid-focus-ring-shadow-spread": "1px", + "border-active-width": "4px", + "border-code-editor-status-divider-width": "1px", + "border-container-sticky-width": "0px", + "border-container-top-width": "0px", + "border-control-focus-ring-shadow-spread": "0px", + "border-control-invalid-focus-ring-shadow-spread": "2px", "border-divider-list-width": "1px", "border-divider-section-width": "1px", - "border-dropdown-virtual-offset-width": "0px", - "border-invalid-width": "4px", - "border-item-width": "1px", + "border-dropdown-virtual-offset-width": "2px", + "border-invalid-width": "8px", + "border-item-width": "2px", "border-line-chart-dash-array": "3 5", - "border-line-chart-line-join": "miter", + "border-line-chart-line-join": "round", "border-line-chart-width": "2px", - "border-link-focus-ring-outline": "5px auto Highlight", - "border-link-focus-ring-shadow-spread": "0px", - "border-panel-header-width": "0px", - "border-panel-top-width": "0px", - "border-radius-alert": "2px", - "border-radius-badge": "16px", - "border-radius-button": "2px", - "border-radius-calendar-day-focus-ring": "2px", - "border-radius-chat-bubble": "2px", - "border-radius-code-editor": "0px", - "border-radius-container": "0px", - "border-radius-control-circular-focus-ring": "50%", - "border-radius-control-default-focus-ring": "2px", - "border-radius-dropdown": "0px", - "border-radius-dropzone": "0px", - "border-radius-flashbar": "0px", - "border-radius-input": "2px", - "border-radius-item": "0px", - "border-radius-popover": "2px", - "border-radius-tabs-focus-ring": "0px", - "border-radius-tiles": "2px", - "border-radius-token": "2px", - "border-radius-tutorial-panel-item": "2px", - "border-table-sticky-width": "0px", - "border-width-alert": "1px", - "border-width-field": "1px", - "border-width-popover": "1px", - "color-background-avatar-default": "#545b64", + "border-link-focus-ring-outline": "0", + "border-link-focus-ring-shadow-spread": "2px", + "border-panel-header-width": "1px", + "border-panel-top-width": "1px", + "border-radius-alert": "12px", + "border-radius-badge": "4px", + "border-radius-button": "20px", + "border-radius-calendar-day-focus-ring": "3px", + "border-radius-chat-bubble": "8px", + "border-radius-code-editor": "8px", + "border-radius-container": "16px", + "border-radius-control-circular-focus-ring": "4px", + "border-radius-control-default-focus-ring": "4px", + "border-radius-dropdown": "8px", + "border-radius-dropzone": "12px", + "border-radius-flashbar": "12px", + "border-radius-input": "8px", + "border-radius-item": "8px", + "border-radius-popover": "8px", + "border-radius-tabs-focus-ring": "20px", + "border-radius-tiles": "8px", + "border-radius-token": "8px", + "border-radius-tutorial-panel-item": "8px", + "border-table-sticky-width": "1px", + "border-width-alert": "2px", + "border-width-field": "2px", + "border-width-popover": "2px", + "color-background-avatar-default": "#424650", "color-background-avatar-gen-ai": "radial-gradient(circle farthest-corner at top left,rgba(0, 150, 250, 1) -25%,rgba(0, 150, 250, 0) 55%),radial-gradient(circle farthest-corner at top right, rgba(216, 178, 255, 1) -10%, rgba(115, 0, 229, 1) 50%)", - "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", -
RETRY 2: CSS Custom Properties › match previous snapshot for mode "dark": src/__integ__/themes.test.ts#L54
expect(received).resolves.toMatchSnapshot() Snapshot name: `CSS Custom Properties match previous snapshot for mode "dark" 1` - Snapshot - 388 + Received + 388 @@ -1,190 +1,190 @@ { - "border-active-width": "2px", - "border-code-editor-status-divider-width": "0px", - "border-container-sticky-width": "1px", - "border-container-top-width": "1px", - "border-control-focus-ring-shadow-spread": "1px", - "border-control-invalid-focus-ring-shadow-spread": "1px", + "border-active-width": "4px", + "border-code-editor-status-divider-width": "1px", + "border-container-sticky-width": "0px", + "border-container-top-width": "0px", + "border-control-focus-ring-shadow-spread": "0px", + "border-control-invalid-focus-ring-shadow-spread": "2px", "border-divider-list-width": "1px", "border-divider-section-width": "1px", - "border-dropdown-virtual-offset-width": "0px", - "border-invalid-width": "4px", - "border-item-width": "1px", + "border-dropdown-virtual-offset-width": "2px", + "border-invalid-width": "8px", + "border-item-width": "2px", "border-line-chart-dash-array": "3 5", - "border-line-chart-line-join": "miter", + "border-line-chart-line-join": "round", "border-line-chart-width": "2px", - "border-link-focus-ring-outline": "5px auto Highlight", - "border-link-focus-ring-shadow-spread": "0px", - "border-panel-header-width": "0px", - "border-panel-top-width": "0px", - "border-radius-alert": "2px", - "border-radius-badge": "16px", - "border-radius-button": "2px", - "border-radius-calendar-day-focus-ring": "2px", - "border-radius-chat-bubble": "2px", - "border-radius-code-editor": "0px", - "border-radius-container": "0px", - "border-radius-control-circular-focus-ring": "50%", - "border-radius-control-default-focus-ring": "2px", - "border-radius-dropdown": "0px", - "border-radius-dropzone": "0px", - "border-radius-flashbar": "0px", - "border-radius-input": "2px", - "border-radius-item": "0px", - "border-radius-popover": "2px", - "border-radius-tabs-focus-ring": "0px", - "border-radius-tiles": "2px", - "border-radius-token": "2px", - "border-radius-tutorial-panel-item": "2px", - "border-table-sticky-width": "0px", - "border-width-alert": "1px", - "border-width-field": "1px", - "border-width-popover": "1px", - "color-background-avatar-default": "#545b64", + "border-link-focus-ring-outline": "0", + "border-link-focus-ring-shadow-spread": "2px", + "border-panel-header-width": "1px", + "border-panel-top-width": "1px", + "border-radius-alert": "12px", + "border-radius-badge": "4px", + "border-radius-button": "20px", + "border-radius-calendar-day-focus-ring": "3px", + "border-radius-chat-bubble": "8px", + "border-radius-code-editor": "8px", + "border-radius-container": "16px", + "border-radius-control-circular-focus-ring": "4px", + "border-radius-control-default-focus-ring": "4px", + "border-radius-dropdown": "8px", + "border-radius-dropzone": "12px", + "border-radius-flashbar": "12px", + "border-radius-input": "8px", + "border-radius-item": "8px", + "border-radius-popover": "8px", + "border-radius-tabs-focus-ring": "20px", + "border-radius-tiles": "8px", + "border-radius-token": "8px", + "border-radius-tutorial-panel-item": "8px", + "border-table-sticky-width": "1px", + "border-width-alert": "2px", + "border-width-field": "2px", + "border-width-popover": "2px", + "color-background-avatar-default": "#424650", "color-background-avatar-gen-ai": "radial-gradient(circle farthest-corner at top left,rgba(0, 150, 250, 1) -25%,rgba(0, 150, 250, 0) 55%),radial-gradient(circle farthest-corner at top right, rgba(216, 178, 255, 1) -10%, rgba(115, 0, 229, 1) 50%)", - "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", -
RETRY 3: CSS Custom Properties › match previous snapshot for mode "dark": src/__integ__/themes.test.ts#L54
expect(received).resolves.toMatchSnapshot() Snapshot name: `CSS Custom Properties match previous snapshot for mode "dark" 1` - Snapshot - 388 + Received + 388 @@ -1,190 +1,190 @@ { - "border-active-width": "2px", - "border-code-editor-status-divider-width": "0px", - "border-container-sticky-width": "1px", - "border-container-top-width": "1px", - "border-control-focus-ring-shadow-spread": "1px", - "border-control-invalid-focus-ring-shadow-spread": "1px", + "border-active-width": "4px", + "border-code-editor-status-divider-width": "1px", + "border-container-sticky-width": "0px", + "border-container-top-width": "0px", + "border-control-focus-ring-shadow-spread": "0px", + "border-control-invalid-focus-ring-shadow-spread": "2px", "border-divider-list-width": "1px", "border-divider-section-width": "1px", - "border-dropdown-virtual-offset-width": "0px", - "border-invalid-width": "4px", - "border-item-width": "1px", + "border-dropdown-virtual-offset-width": "2px", + "border-invalid-width": "8px", + "border-item-width": "2px", "border-line-chart-dash-array": "3 5", - "border-line-chart-line-join": "miter", + "border-line-chart-line-join": "round", "border-line-chart-width": "2px", - "border-link-focus-ring-outline": "5px auto Highlight", - "border-link-focus-ring-shadow-spread": "0px", - "border-panel-header-width": "0px", - "border-panel-top-width": "0px", - "border-radius-alert": "2px", - "border-radius-badge": "16px", - "border-radius-button": "2px", - "border-radius-calendar-day-focus-ring": "2px", - "border-radius-chat-bubble": "2px", - "border-radius-code-editor": "0px", - "border-radius-container": "0px", - "border-radius-control-circular-focus-ring": "50%", - "border-radius-control-default-focus-ring": "2px", - "border-radius-dropdown": "0px", - "border-radius-dropzone": "0px", - "border-radius-flashbar": "0px", - "border-radius-input": "2px", - "border-radius-item": "0px", - "border-radius-popover": "2px", - "border-radius-tabs-focus-ring": "0px", - "border-radius-tiles": "2px", - "border-radius-token": "2px", - "border-radius-tutorial-panel-item": "2px", - "border-table-sticky-width": "0px", - "border-width-alert": "1px", - "border-width-field": "1px", - "border-width-popover": "1px", - "color-background-avatar-default": "#545b64", + "border-link-focus-ring-outline": "0", + "border-link-focus-ring-shadow-spread": "2px", + "border-panel-header-width": "1px", + "border-panel-top-width": "1px", + "border-radius-alert": "12px", + "border-radius-badge": "4px", + "border-radius-button": "20px", + "border-radius-calendar-day-focus-ring": "3px", + "border-radius-chat-bubble": "8px", + "border-radius-code-editor": "8px", + "border-radius-container": "16px", + "border-radius-control-circular-focus-ring": "4px", + "border-radius-control-default-focus-ring": "4px", + "border-radius-dropdown": "8px", + "border-radius-dropzone": "12px", + "border-radius-flashbar": "12px", + "border-radius-input": "8px", + "border-radius-item": "8px", + "border-radius-popover": "8px", + "border-radius-tabs-focus-ring": "20px", + "border-radius-tiles": "8px", + "border-radius-token": "8px", + "border-radius-tutorial-panel-item": "8px", + "border-table-sticky-width": "1px", + "border-width-alert": "2px", + "border-width-field": "2px", + "border-width-popover": "2px", + "color-background-avatar-default": "#424650", "color-background-avatar-gen-ai": "radial-gradient(circle farthest-corner at top left,rgba(0, 150, 250, 1) -25%,rgba(0, 150, 250, 0) 55%),radial-gradient(circle farthest-corner at top right, rgba(216, 178, 255, 1) -10%, rgba(115, 0, 229, 1) 50%)", - "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", -
RETRY 1: CSS Custom Properties › match previous snapshot for mode "compact": src/__integ__/themes.test.ts#L54
expect(received).resolves.toMatchSnapshot() Snapshot name: `CSS Custom Properties match previous snapshot for mode "compact" 1` - Snapshot - 370 + Received + 370 @@ -1,190 +1,190 @@ { - "border-active-width": "2px", - "border-code-editor-status-divider-width": "0px", - "border-container-sticky-width": "1px", - "border-container-top-width": "1px", - "border-control-focus-ring-shadow-spread": "1px", - "border-control-invalid-focus-ring-shadow-spread": "1px", + "border-active-width": "4px", + "border-code-editor-status-divider-width": "1px", + "border-container-sticky-width": "0px", + "border-container-top-width": "0px", + "border-control-focus-ring-shadow-spread": "0px", + "border-control-invalid-focus-ring-shadow-spread": "2px", "border-divider-list-width": "1px", "border-divider-section-width": "1px", - "border-dropdown-virtual-offset-width": "0px", - "border-invalid-width": "4px", - "border-item-width": "1px", + "border-dropdown-virtual-offset-width": "2px", + "border-invalid-width": "8px", + "border-item-width": "2px", "border-line-chart-dash-array": "3 5", - "border-line-chart-line-join": "miter", + "border-line-chart-line-join": "round", "border-line-chart-width": "2px", - "border-link-focus-ring-outline": "5px auto Highlight", - "border-link-focus-ring-shadow-spread": "0px", - "border-panel-header-width": "0px", - "border-panel-top-width": "0px", - "border-radius-alert": "2px", - "border-radius-badge": "16px", - "border-radius-button": "2px", - "border-radius-calendar-day-focus-ring": "2px", - "border-radius-chat-bubble": "2px", - "border-radius-code-editor": "0px", - "border-radius-container": "0px", - "border-radius-control-circular-focus-ring": "50%", - "border-radius-control-default-focus-ring": "2px", - "border-radius-dropdown": "0px", - "border-radius-dropzone": "0px", - "border-radius-flashbar": "0px", - "border-radius-input": "2px", - "border-radius-item": "0px", - "border-radius-popover": "2px", - "border-radius-tabs-focus-ring": "0px", - "border-radius-tiles": "2px", - "border-radius-token": "2px", - "border-radius-tutorial-panel-item": "2px", - "border-table-sticky-width": "0px", - "border-width-alert": "1px", - "border-width-field": "1px", - "border-width-popover": "1px", - "color-background-avatar-default": "#545b64", + "border-link-focus-ring-outline": "0", + "border-link-focus-ring-shadow-spread": "2px", + "border-panel-header-width": "1px", + "border-panel-top-width": "1px", + "border-radius-alert": "12px", + "border-radius-badge": "4px", + "border-radius-button": "20px", + "border-radius-calendar-day-focus-ring": "3px", + "border-radius-chat-bubble": "8px", + "border-radius-code-editor": "8px", + "border-radius-container": "16px", + "border-radius-control-circular-focus-ring": "4px", + "border-radius-control-default-focus-ring": "4px", + "border-radius-dropdown": "8px", + "border-radius-dropzone": "12px", + "border-radius-flashbar": "12px", + "border-radius-input": "8px", + "border-radius-item": "8px", + "border-radius-popover": "8px", + "border-radius-tabs-focus-ring": "20px", + "border-radius-tiles": "8px", + "border-radius-token": "8px", + "border-radius-tutorial-panel-item": "8px", + "border-table-sticky-width": "1px", + "border-width-alert": "2px", + "border-width-field": "2px", + "border-width-popover": "2px", + "color-background-avatar-default": "#424650", "color-background-avatar-gen-ai": "radial-gradient(circle farthest-corner at top left,rgba(0, 150, 250, 1) -25%,rgba(0, 150, 250, 0) 55%),radial-gradient(circle farthest-corner at top right, rgba(216, 178, 255, 1) -10%, rgba(115, 0, 229, 1) 50%)", - "color-background-badge-icon": "#d13212", - "color-background-button-link-active": "#eaeded", - "color-background-button-link-hover": "#fafafa", - "color-background-button-normal-active": "#eaeded", + "color-background-badge-icon": "#db0000", + "color-background-button-link-active": "#d1f1ff", + "color-bac
RETRY 2: CSS Custom Properties › match previous snapshot for mode "compact": src/__integ__/themes.test.ts#L54
expect(received).resolves.toMatchSnapshot() Snapshot name: `CSS Custom Properties match previous snapshot for mode "compact" 1` - Snapshot - 370 + Received + 370 @@ -1,190 +1,190 @@ { - "border-active-width": "2px", - "border-code-editor-status-divider-width": "0px", - "border-container-sticky-width": "1px", - "border-container-top-width": "1px", - "border-control-focus-ring-shadow-spread": "1px", - "border-control-invalid-focus-ring-shadow-spread": "1px", + "border-active-width": "4px", + "border-code-editor-status-divider-width": "1px", + "border-container-sticky-width": "0px", + "border-container-top-width": "0px", + "border-control-focus-ring-shadow-spread": "0px", + "border-control-invalid-focus-ring-shadow-spread": "2px", "border-divider-list-width": "1px", "border-divider-section-width": "1px", - "border-dropdown-virtual-offset-width": "0px", - "border-invalid-width": "4px", - "border-item-width": "1px", + "border-dropdown-virtual-offset-width": "2px", + "border-invalid-width": "8px", + "border-item-width": "2px", "border-line-chart-dash-array": "3 5", - "border-line-chart-line-join": "miter", + "border-line-chart-line-join": "round", "border-line-chart-width": "2px", - "border-link-focus-ring-outline": "5px auto Highlight", - "border-link-focus-ring-shadow-spread": "0px", - "border-panel-header-width": "0px", - "border-panel-top-width": "0px", - "border-radius-alert": "2px", - "border-radius-badge": "16px", - "border-radius-button": "2px", - "border-radius-calendar-day-focus-ring": "2px", - "border-radius-chat-bubble": "2px", - "border-radius-code-editor": "0px", - "border-radius-container": "0px", - "border-radius-control-circular-focus-ring": "50%", - "border-radius-control-default-focus-ring": "2px", - "border-radius-dropdown": "0px", - "border-radius-dropzone": "0px", - "border-radius-flashbar": "0px", - "border-radius-input": "2px", - "border-radius-item": "0px", - "border-radius-popover": "2px", - "border-radius-tabs-focus-ring": "0px", - "border-radius-tiles": "2px", - "border-radius-token": "2px", - "border-radius-tutorial-panel-item": "2px", - "border-table-sticky-width": "0px", - "border-width-alert": "1px", - "border-width-field": "1px", - "border-width-popover": "1px", - "color-background-avatar-default": "#545b64", + "border-link-focus-ring-outline": "0", + "border-link-focus-ring-shadow-spread": "2px", + "border-panel-header-width": "1px", + "border-panel-top-width": "1px", + "border-radius-alert": "12px", + "border-radius-badge": "4px", + "border-radius-button": "20px", + "border-radius-calendar-day-focus-ring": "3px", + "border-radius-chat-bubble": "8px", + "border-radius-code-editor": "8px", + "border-radius-container": "16px", + "border-radius-control-circular-focus-ring": "4px", + "border-radius-control-default-focus-ring": "4px", + "border-radius-dropdown": "8px", + "border-radius-dropzone": "12px", + "border-radius-flashbar": "12px", + "border-radius-input": "8px", + "border-radius-item": "8px", + "border-radius-popover": "8px", + "border-radius-tabs-focus-ring": "20px", + "border-radius-tiles": "8px", + "border-radius-token": "8px", + "border-radius-tutorial-panel-item": "8px", + "border-table-sticky-width": "1px", + "border-width-alert": "2px", + "border-width-field": "2px", + "border-width-popover": "2px", + "color-background-avatar-default": "#424650", "color-background-avatar-gen-ai": "radial-gradient(circle farthest-corner at top left,rgba(0, 150, 250, 1) -25%,rgba(0, 150, 250, 0) 55%),radial-gradient(circle farthest-corner at top right, rgba(216, 178, 255, 1) -10%, rgba(115, 0, 229, 1) 50%)", - "color-background-badge-icon": "#d13212", - "color-background-button-link-active": "#eaeded", - "color-background-button-link-hover": "#fafafa", - "color-background-button-normal-active": "#eaeded", + "color-background-badge-icon": "#db0000", + "color-background-button-link-active": "#d1f1ff", + "color-bac
RETRY 3: CSS Custom Properties › match previous snapshot for mode "compact": src/__integ__/themes.test.ts#L54
expect(received).resolves.toMatchSnapshot() Snapshot name: `CSS Custom Properties match previous snapshot for mode "compact" 1` - Snapshot - 370 + Received + 370 @@ -1,190 +1,190 @@ { - "border-active-width": "2px", - "border-code-editor-status-divider-width": "0px", - "border-container-sticky-width": "1px", - "border-container-top-width": "1px", - "border-control-focus-ring-shadow-spread": "1px", - "border-control-invalid-focus-ring-shadow-spread": "1px", + "border-active-width": "4px", + "border-code-editor-status-divider-width": "1px", + "border-container-sticky-width": "0px", + "border-container-top-width": "0px", + "border-control-focus-ring-shadow-spread": "0px", + "border-control-invalid-focus-ring-shadow-spread": "2px", "border-divider-list-width": "1px", "border-divider-section-width": "1px", - "border-dropdown-virtual-offset-width": "0px", - "border-invalid-width": "4px", - "border-item-width": "1px", + "border-dropdown-virtual-offset-width": "2px", + "border-invalid-width": "8px", + "border-item-width": "2px", "border-line-chart-dash-array": "3 5", - "border-line-chart-line-join": "miter", + "border-line-chart-line-join": "round", "border-line-chart-width": "2px", - "border-link-focus-ring-outline": "5px auto Highlight", - "border-link-focus-ring-shadow-spread": "0px", - "border-panel-header-width": "0px", - "border-panel-top-width": "0px", - "border-radius-alert": "2px", - "border-radius-badge": "16px", - "border-radius-button": "2px", - "border-radius-calendar-day-focus-ring": "2px", - "border-radius-chat-bubble": "2px", - "border-radius-code-editor": "0px", - "border-radius-container": "0px", - "border-radius-control-circular-focus-ring": "50%", - "border-radius-control-default-focus-ring": "2px", - "border-radius-dropdown": "0px", - "border-radius-dropzone": "0px", - "border-radius-flashbar": "0px", - "border-radius-input": "2px", - "border-radius-item": "0px", - "border-radius-popover": "2px", - "border-radius-tabs-focus-ring": "0px", - "border-radius-tiles": "2px", - "border-radius-token": "2px", - "border-radius-tutorial-panel-item": "2px", - "border-table-sticky-width": "0px", - "border-width-alert": "1px", - "border-width-field": "1px", - "border-width-popover": "1px", - "color-background-avatar-default": "#545b64", + "border-link-focus-ring-outline": "0", + "border-link-focus-ring-shadow-spread": "2px", + "border-panel-header-width": "1px", + "border-panel-top-width": "1px", + "border-radius-alert": "12px", + "border-radius-badge": "4px", + "border-radius-button": "20px", + "border-radius-calendar-day-focus-ring": "3px", + "border-radius-chat-bubble": "8px", + "border-radius-code-editor": "8px", + "border-radius-container": "16px", + "border-radius-control-circular-focus-ring": "4px", + "border-radius-control-default-focus-ring": "4px", + "border-radius-dropdown": "8px", + "border-radius-dropzone": "12px", + "border-radius-flashbar": "12px", + "border-radius-input": "8px", + "border-radius-item": "8px", + "border-radius-popover": "8px", + "border-radius-tabs-focus-ring": "20px", + "border-radius-tiles": "8px", + "border-radius-token": "8px", + "border-radius-tutorial-panel-item": "8px", + "border-table-sticky-width": "1px", + "border-width-alert": "2px", + "border-width-field": "2px", + "border-width-popover": "2px", + "color-background-avatar-default": "#424650", "color-background-avatar-gen-ai": "radial-gradient(circle farthest-corner at top left,rgba(0, 150, 250, 1) -25%,rgba(0, 150, 250, 0) 55%),radial-gradient(circle farthest-corner at top right, rgba(216, 178, 255, 1) -10%, rgba(115, 0, 229, 1) 50%)", - "color-background-badge-icon": "#d13212", - "color-background-button-link-active": "#eaeded", - "color-background-button-link-hover": "#fafafa", - "color-background-button-normal-active": "#eaeded", + "color-background-badge-icon": "#db0000", + "color-background-button-link-active": "#d1f1ff", + "color-bac
RETRY 1: CSS Custom Properties › match previous snapshot for mode "reduced-motion": src/__integ__/themes.test.ts#L54
expect(received).resolves.toMatchSnapshot() Snapshot name: `CSS Custom Properties match previous snapshot for mode "reduced-motion" 1` - Snapshot - 362 + Received + 362 @@ -1,190 +1,190 @@ { - "border-active-width": "2px", - "border-code-editor-status-divider-width": "0px", - "border-container-sticky-width": "1px", - "border-container-top-width": "1px", - "border-control-focus-ring-shadow-spread": "1px", - "border-control-invalid-focus-ring-shadow-spread": "1px", + "border-active-width": "4px", + "border-code-editor-status-divider-width": "1px", + "border-container-sticky-width": "0px", + "border-container-top-width": "0px", + "border-control-focus-ring-shadow-spread": "0px", + "border-control-invalid-focus-ring-shadow-spread": "2px", "border-divider-list-width": "1px", "border-divider-section-width": "1px", - "border-dropdown-virtual-offset-width": "0px", - "border-invalid-width": "4px", - "border-item-width": "1px", + "border-dropdown-virtual-offset-width": "2px", + "border-invalid-width": "8px", + "border-item-width": "2px", "border-line-chart-dash-array": "3 5", - "border-line-chart-line-join": "miter", + "border-line-chart-line-join": "round", "border-line-chart-width": "2px", - "border-link-focus-ring-outline": "5px auto Highlight", - "border-link-focus-ring-shadow-spread": "0px", - "border-panel-header-width": "0px", - "border-panel-top-width": "0px", - "border-radius-alert": "2px", - "border-radius-badge": "16px", - "border-radius-button": "2px", - "border-radius-calendar-day-focus-ring": "2px", - "border-radius-chat-bubble": "2px", - "border-radius-code-editor": "0px", - "border-radius-container": "0px", - "border-radius-control-circular-focus-ring": "50%", - "border-radius-control-default-focus-ring": "2px", - "border-radius-dropdown": "0px", - "border-radius-dropzone": "0px", - "border-radius-flashbar": "0px", - "border-radius-input": "2px", - "border-radius-item": "0px", - "border-radius-popover": "2px", - "border-radius-tabs-focus-ring": "0px", - "border-radius-tiles": "2px", - "border-radius-token": "2px", - "border-radius-tutorial-panel-item": "2px", - "border-table-sticky-width": "0px", - "border-width-alert": "1px", - "border-width-field": "1px", - "border-width-popover": "1px", - "color-background-avatar-default": "#545b64", + "border-link-focus-ring-outline": "0", + "border-link-focus-ring-shadow-spread": "2px", + "border-panel-header-width": "1px", + "border-panel-top-width": "1px", + "border-radius-alert": "12px", + "border-radius-badge": "4px", + "border-radius-button": "20px", + "border-radius-calendar-day-focus-ring": "3px", + "border-radius-chat-bubble": "8px", + "border-radius-code-editor": "8px", + "border-radius-container": "16px", + "border-radius-control-circular-focus-ring": "4px", + "border-radius-control-default-focus-ring": "4px", + "border-radius-dropdown": "8px", + "border-radius-dropzone": "12px", + "border-radius-flashbar": "12px", + "border-radius-input": "8px", + "border-radius-item": "8px", + "border-radius-popover": "8px", + "border-radius-tabs-focus-ring": "20px", + "border-radius-tiles": "8px", + "border-radius-token": "8px", + "border-radius-tutorial-panel-item": "8px", + "border-table-sticky-width": "1px", + "border-width-alert": "2px", + "border-width-field": "2px", + "border-width-popover": "2px", + "color-background-avatar-default": "#424650", "color-background-avatar-gen-ai": "radial-gradient(circle farthest-corner at top left,rgba(0, 150, 250, 1) -25%,rgba(0, 150, 250, 0) 55%),radial-gradient(circle farthest-corner at top right, rgba(216, 178, 255, 1) -10%, rgba(115, 0, 229, 1) 50%)", - "color-background-badge-icon": "#d13212", - "color-background-button-link-active": "#eaeded", - "color-background-button-link-hover": "#fafafa", - "color-background-button-normal-active": "#eaeded", + "color-background-badge-icon": "#db0000", + "color-background-button-link-active": "#d1f1ff", + "co
RETRY 1: Sticky header is offset by the height of the sticky notifications: src/container/__integ__/awsui-applayout-sticky.test.ts#L49
expect(received).toEqual(expected) // deep equality Expected: 99 Received: 93.5 at src/container/__integ__/awsui-applayout-sticky.test.ts:49:31 at src/container/__integ__/awsui-applayout-sticky.test.ts:36:5 at Object.<anonymous> (node_modules/@cloudscape-design/browser-test-tools/use-browser.js:36:13)
RETRY 2: Sticky header is offset by the height of the sticky notifications: src/container/__integ__/awsui-applayout-sticky.test.ts#L49
expect(received).toEqual(expected) // deep equality Expected: 99 Received: 93.5 at src/container/__integ__/awsui-applayout-sticky.test.ts:49:31 at src/container/__integ__/awsui-applayout-sticky.test.ts:36:5 at Object.<anonymous> (node_modules/@cloudscape-design/browser-test-tools/use-browser.js:36:13)
RETRY 3: Sticky header is offset by the height of the sticky notifications: src/container/__integ__/awsui-applayout-sticky.test.ts#L49
expect(received).toEqual(expected) // deep equality Expected: 99 Received: 93.5 at src/container/__integ__/awsui-applayout-sticky.test.ts:49:31 at src/container/__integ__/awsui-applayout-sticky.test.ts:36:5 at Object.<anonymous> (node_modules/@cloudscape-design/browser-test-tools/use-browser.js:36:13)
RETRY 1: Sticky header is not offset by the height of the header: src/container/__integ__/awsui-applayout-sticky.test.ts#L72
expect(received).toEqual(expected) // deep equality Expected: 314.5 Received: 315.5 at src/container/__integ__/awsui-applayout-sticky.test.ts:72:38 at src/container/__integ__/awsui-applayout-sticky.test.ts:36:5 at Object.<anonymous> (node_modules/@cloudscape-design/browser-test-tools/use-browser.js:36:13)
RETRY 2: Sticky header is not offset by the height of the header: src/container/__integ__/awsui-applayout-sticky.test.ts#L72
expect(received).toEqual(expected) // deep equality Expected: 314.5 Received: 315.5 at src/container/__integ__/awsui-applayout-sticky.test.ts:72:38 at src/container/__integ__/awsui-applayout-sticky.test.ts:36:5 at Object.<anonymous> (node_modules/@cloudscape-design/browser-test-tools/use-browser.js:36:13)
RETRY 3: Sticky header is not offset by the height of the header: src/container/__integ__/awsui-applayout-sticky.test.ts#L72
expect(received).toEqual(expected) // deep equality Expected: 314.5 Received: 315.5 at src/container/__integ__/awsui-applayout-sticky.test.ts:72:38 at src/container/__integ__/awsui-applayout-sticky.test.ts:36:5 at Object.<anonymous> (node_modules/@cloudscape-design/browser-test-tools/use-browser.js:36:13)
RETRY 1: Icon › Should update icon height and size on visual mode change: src/icon/__integ__/icon.test.ts#L62
expect(received).resolves.toEqual(expected) // deep equality Expected: 22 Received: 24 at Object.toEqual (node_modules/expect/build/index.js:174:22) at src/icon/__integ__/icon.test.ts:62:65 at src/icon/__integ__/icon.test.ts:44:13 at Object.<anonymous> (node_modules/@cloudscape-design/browser-test-tools/use-browser.js:36:13)
RETRY 2: Icon › Should update icon height and size on visual mode change: src/icon/__integ__/icon.test.ts#L62
expect(received).resolves.toEqual(expected) // deep equality Expected: 22 Received: 24 at Object.toEqual (node_modules/expect/build/index.js:174:22) at src/icon/__integ__/icon.test.ts:62:65 at src/icon/__integ__/icon.test.ts:44:13 at Object.<anonymous> (node_modules/@cloudscape-design/browser-test-tools/use-browser.js:36:13)
RETRY 3: Icon › Should update icon height and size on visual mode change: src/icon/__integ__/icon.test.ts#L62
expect(received).resolves.toEqual(expected) // deep equality Expected: 22 Received: 24 at Object.toEqual (node_modules/expect/build/index.js:174:22) at src/icon/__integ__/icon.test.ts:62:65 at src/icon/__integ__/icon.test.ts:44:13 at Object.<anonymous> (node_modules/@cloudscape-design/browser-test-tools/use-browser.js:36:13)
RETRY 1: Icon › Hidden icon should have correct height and size after becoming visible: src/icon/__integ__/icon.test.ts#L79
expect(received).resolves.toEqual(expected) // deep equality Expected: 36 Received: 30 at Object.toEqual (node_modules/expect/build/index.js:174:22) at src/icon/__integ__/icon.test.ts:79:66 at src/icon/__integ__/icon.test.ts:44:7 at Object.<anonymous> (node_modules/@cloudscape-design/browser-test-tools/use-browser.js:36:13)
RETRY 1: Sticky scrollbar › visualRefresh=false › scrollbarWidth is equal to tableWidth: src/table/__integ__/sticky-scrollbar.test.ts#L44
expect(received).toEqual(expected) // deep equality Expected: 553 Received: 551 at src/table/__integ__/sticky-scrollbar.test.ts:44:34 at src/table/__integ__/sticky-scrollbar.test.ts:24:5 at Object.<anonymous> (node_modules/@cloudscape-design/browser-test-tools/use-browser.js:36:13)
RETRY 2: Sticky scrollbar › visualRefresh=false › scrollbarWidth is equal to tableWidth: src/table/__integ__/sticky-scrollbar.test.ts#L44
expect(received).toEqual(expected) // deep equality Expected: 553 Received: 551 at src/table/__integ__/sticky-scrollbar.test.ts:44:34 at src/table/__integ__/sticky-scrollbar.test.ts:24:5 at Object.<anonymous> (node_modules/@cloudscape-design/browser-test-tools/use-browser.js:36:13)
RETRY 3: Sticky scrollbar › visualRefresh=false › scrollbarWidth is equal to tableWidth: src/table/__integ__/sticky-scrollbar.test.ts#L44
expect(received).toEqual(expected) // deep equality Expected: 553 Received: 551 at src/table/__integ__/sticky-scrollbar.test.ts:44:34 at src/table/__integ__/sticky-scrollbar.test.ts:24:5 at Object.<anonymous> (node_modules/@cloudscape-design/browser-test-tools/use-browser.js:36:13)
RETRY 1: Header cover is not displayed in classic: src/container/__integ__/header-cover.test.ts#L75
expect(received).resolves.toBe(expected) // Object.is equality Expected: false Received: true at Object.toBe (node_modules/expect/build/index.js:174:22) at src/container/__integ__/header-cover.test.ts:75:44 at src/container/__integ__/header-cover.test.ts:34:5 at Object.<anonymous> (node_modules/@cloudscape-design/browser-test-tools/use-browser.js:36:13)
RETRY 2: Header cover is not displayed in classic: src/container/__integ__/header-cover.test.ts#L75
expect(received).resolves.toBe(expected) // Object.is equality Expected: false Received: true at Object.toBe (node_modules/expect/build/index.js:174:22) at src/container/__integ__/header-cover.test.ts:75:44 at src/container/__integ__/header-cover.test.ts:34:5 at Object.<anonymous> (node_modules/@cloudscape-design/browser-test-tools/use-browser.js:36:13)
RETRY 3: Header cover is not displayed in classic: src/container/__integ__/header-cover.test.ts#L75
expect(received).resolves.toBe(expected) // Object.is equality Expected: false Received: true at Object.toBe (node_modules/expect/build/index.js:174:22) at src/container/__integ__/header-cover.test.ts:75:44 at src/container/__integ__/header-cover.test.ts:34:5 at Object.<anonymous> (node_modules/@cloudscape-design/browser-test-tools/use-browser.js:36:13)
RETRY 1: classic › iframe=true › MultiAppLayout simple › tools panel the secondary layout works: src/app-layout/__integ__/multi-app-layout.test.ts#L45
Can't call click on element with selector "body [data-testid="secondary-layout"] [class*="awsui_root_1fj9k"] [class*="awsui_tools-toggle_1fj9k"]" because element wasn't found at implicitWait (node_modules/webdriverio/build/utils/implicitWait.js:34:19) at Element.elementErrorHandlerCallbackFn (node_modules/webdriverio/build/middlewares.js:20:29) at Element.wrapCommandFn (node_modules/@wdio/utils/build/shim.js:136:29) at BasePageObject.click (node_modules/@cloudscape-design/browser-test-tools/page-objects/base.js:57:9) at src/app-layout/__integ__/multi-app-layout.test.ts:45:15 at BasePageObject.runInsideIframe (node_modules/@cloudscape-design/browser-test-tools/page-objects/base.js:232:9) at src/app-layout/__integ__/multi-app-layout.test.ts:44:13 at src/app-layout/__integ__/multi-app-layout.test.ts:23:11 at Object.<anonymous> (node_modules/@cloudscape-design/browser-test-tools/use-browser.js:36:13)
RETRY 2: classic › iframe=true › MultiAppLayout simple › tools panel the secondary layout works: src/app-layout/__integ__/multi-app-layout.test.ts#L45
Can't call click on element with selector "body [data-testid="secondary-layout"] [class*="awsui_root_1fj9k"] [class*="awsui_tools-toggle_1fj9k"]" because element wasn't found at implicitWait (node_modules/webdriverio/build/utils/implicitWait.js:34:19) at Element.elementErrorHandlerCallbackFn (node_modules/webdriverio/build/middlewares.js:20:29) at Element.wrapCommandFn (node_modules/@wdio/utils/build/shim.js:136:29) at BasePageObject.click (node_modules/@cloudscape-design/browser-test-tools/page-objects/base.js:57:9) at src/app-layout/__integ__/multi-app-layout.test.ts:45:15 at BasePageObject.runInsideIframe (node_modules/@cloudscape-design/browser-test-tools/page-objects/base.js:232:9) at src/app-layout/__integ__/multi-app-layout.test.ts:44:13 at src/app-layout/__integ__/multi-app-layout.test.ts:23:11 at Object.<anonymous> (node_modules/@cloudscape-design/browser-test-tools/use-browser.js:36:13)
RETRY 3: classic › iframe=true › MultiAppLayout simple › tools panel the secondary layout works: src/app-layout/__integ__/multi-app-layout.test.ts#L45
Can't call click on element with selector "body [data-testid="secondary-layout"] [class*="awsui_root_1fj9k"] [class*="awsui_tools-toggle_1fj9k"]" because element wasn't found at implicitWait (node_modules/webdriverio/build/utils/implicitWait.js:34:19) at Element.elementErrorHandlerCallbackFn (node_modules/webdriverio/build/middlewares.js:20:29) at Element.wrapCommandFn (node_modules/@wdio/utils/build/shim.js:136:29) at BasePageObject.click (node_modules/@cloudscape-design/browser-test-tools/page-objects/base.js:57:9) at src/app-layout/__integ__/multi-app-layout.test.ts:45:15 at BasePageObject.runInsideIframe (node_modules/@cloudscape-design/browser-test-tools/page-objects/base.js:232:9) at src/app-layout/__integ__/multi-app-layout.test.ts:44:13 at src/app-layout/__integ__/multi-app-layout.test.ts:23:11 at Object.<anonymous> (node_modules/@cloudscape-design/browser-test-tools/use-browser.js:36:13)
RETRY 1: classic › iframe=false › MultiAppLayout simple › tools panel the secondary layout works: src/app-layout/__integ__/multi-app-layout.test.ts#L45
Can't call click on element with selector "body [data-testid="secondary-layout"] [class*="awsui_root_1fj9k"] [class*="awsui_tools-toggle_1fj9k"]" because element wasn't found at implicitWait (node_modules/webdriverio/build/utils/implicitWait.js:34:19) at Element.elementErrorHandlerCallbackFn (node_modules/webdriverio/build/middlewares.js:20:29) at Element.wrapCommandFn (node_modules/@wdio/utils/build/shim.js:136:29) at BasePageObject.click (node_modules/@cloudscape-design/browser-test-tools/page-objects/base.js:57:9) at src/app-layout/__integ__/multi-app-layout.test.ts:45:15 at src/app-layout/__integ__/multi-app-layout.test.ts:44:13 at src/app-layout/__integ__/multi-app-layout.test.ts:23:11 at Object.<anonymous> (node_modules/@cloudscape-design/browser-test-tools/use-browser.js:36:13)
RETRY 1: A11y checks for light default › #/light/app-layout/multi-layout-global-drawer-child-layout?visualRefresh=false: src/__a11y__/a11y-page-object.ts#L95
expect(received).toHaveLength(expected) Expected length: 0 Received length: 1 Received array: [{"description": "Ensures all ARIA attributes have valid values", "help": "ARIA attributes must conform to valid values", "helpUrl": "https://dequeuniversity.com/rules/axe/4.7/aria-valid-attr-value?application=axeAPI", "id": "aria-valid-attr-value", "impact": "critical", "nodes": [{"all": [{"data": ["aria-controls=\"circle-global\""], "id": "aria-valid-attr-value", "impact": "critical", "message": "Invalid ARIA attribute value: aria-controls=\"circle-global\"", "relatedNodes": []}], "any": [], "failureSummary": "Fix all of the following: Invalid ARIA attribute value: aria-controls=\"circle-global\"", "html": "<button aria-expanded=\"true\" aria-controls=\"circle-global\" aria-haspopup=\"true\" aria-label=\"Trigger button\" aria-disabled=\"false\" class=\"awsui_trigger_lpshu_1kyee_145 awsui_trigger-button-styles_lpshu_1kyee_145 awsui_selected_lpshu_1kyee_212 awsui_drawers-trigger_1kzri_1vl4l_250 awsui_drawers-trigger_1fj9k_z5zo8_18 awsui_drawers-trigger-global_1fj9k_z5zo8_19\" type=\"button\" data-testid=\"awsui-app-layout-trigger-circle-global\" data-shift-focus=\"awsui-layout-drawer-trigger\">", "impact": "critical", "none": [], "target": [".awsui_drawers-trigger_1fj9k_z5zo8_18"]}], "tags": ["cat.aria", "wcag2a", "wcag412"]}] at A11yPageObject.assertNoAxeViolations (src/__a11y__/a11y-page-object.ts:95:24) at src/__a11y__/run-a11y-tests.ts:17:5 at Object.<anonymous> (node_modules/@cloudscape-design/browser-test-tools/use-browser.js:36:13)
RETRY 2: A11y checks for light default › #/light/app-layout/multi-layout-global-drawer-child-layout?visualRefresh=false: src/__a11y__/a11y-page-object.ts#L95
expect(received).toHaveLength(expected) Expected length: 0 Received length: 1 Received array: [{"description": "Ensures all ARIA attributes have valid values", "help": "ARIA attributes must conform to valid values", "helpUrl": "https://dequeuniversity.com/rules/axe/4.7/aria-valid-attr-value?application=axeAPI", "id": "aria-valid-attr-value", "impact": "critical", "nodes": [{"all": [{"data": ["aria-controls=\"circle-global\""], "id": "aria-valid-attr-value", "impact": "critical", "message": "Invalid ARIA attribute value: aria-controls=\"circle-global\"", "relatedNodes": []}], "any": [], "failureSummary": "Fix all of the following: Invalid ARIA attribute value: aria-controls=\"circle-global\"", "html": "<button aria-expanded=\"true\" aria-controls=\"circle-global\" aria-haspopup=\"true\" aria-label=\"Trigger button\" aria-disabled=\"false\" class=\"awsui_trigger_lpshu_1kyee_145 awsui_trigger-button-styles_lpshu_1kyee_145 awsui_selected_lpshu_1kyee_212 awsui_drawers-trigger_1kzri_1vl4l_250 awsui_drawers-trigger_1fj9k_z5zo8_18 awsui_drawers-trigger-global_1fj9k_z5zo8_19\" type=\"button\" data-testid=\"awsui-app-layout-trigger-circle-global\" data-shift-focus=\"awsui-layout-drawer-trigger\">", "impact": "critical", "none": [], "target": [".awsui_drawers-trigger_1fj9k_z5zo8_18"]}], "tags": ["cat.aria", "wcag2a", "wcag412"]}] at A11yPageObject.assertNoAxeViolations (src/__a11y__/a11y-page-object.ts:95:24) at src/__a11y__/run-a11y-tests.ts:17:5 at Object.<anonymous> (node_modules/@cloudscape-design/browser-test-tools/use-browser.js:36:13)
RETRY 3: A11y checks for light default › #/light/app-layout/multi-layout-global-drawer-child-layout?visualRefresh=false: src/__a11y__/a11y-page-object.ts#L95
expect(received).toHaveLength(expected) Expected length: 0 Received length: 1 Received array: [{"description": "Ensures all ARIA attributes have valid values", "help": "ARIA attributes must conform to valid values", "helpUrl": "https://dequeuniversity.com/rules/axe/4.7/aria-valid-attr-value?application=axeAPI", "id": "aria-valid-attr-value", "impact": "critical", "nodes": [{"all": [{"data": ["aria-controls=\"circle-global\""], "id": "aria-valid-attr-value", "impact": "critical", "message": "Invalid ARIA attribute value: aria-controls=\"circle-global\"", "relatedNodes": []}], "any": [], "failureSummary": "Fix all of the following: Invalid ARIA attribute value: aria-controls=\"circle-global\"", "html": "<button aria-expanded=\"true\" aria-controls=\"circle-global\" aria-haspopup=\"true\" aria-label=\"Trigger button\" aria-disabled=\"false\" class=\"awsui_trigger_lpshu_1kyee_145 awsui_trigger-button-styles_lpshu_1kyee_145 awsui_selected_lpshu_1kyee_212 awsui_drawers-trigger_1kzri_1vl4l_250 awsui_drawers-trigger_1fj9k_z5zo8_18 awsui_drawers-trigger-global_1fj9k_z5zo8_19\" type=\"button\" data-testid=\"awsui-app-layout-trigger-circle-global\" data-shift-focus=\"awsui-layout-drawer-trigger\">", "impact": "critical", "none": [], "target": [".awsui_drawers-trigger_1fj9k_z5zo8_18"]}], "tags": ["cat.aria", "wcag2a", "wcag412"]}] at A11yPageObject.assertNoAxeViolations (src/__a11y__/a11y-page-object.ts:95:24) at src/__a11y__/run-a11y-tests.ts:17:5 at Object.<anonymous> (node_modules/@cloudscape-design/browser-test-tools/use-browser.js:36:13)
RETRY 1: A11y checks for dark visual-refresh › #/dark/app-layout/multi-layout-global-drawer-child-layout?visualRefresh=true: src/__a11y__/a11y-page-object.ts#L95
expect(received).toHaveLength(expected) Expected length: 0 Received length: 1 Received array: [{"description": "Ensures all ARIA attributes have valid values", "help": "ARIA attributes must conform to valid values", "helpUrl": "https://dequeuniversity.com/rules/axe/4.7/aria-valid-attr-value?application=axeAPI", "id": "aria-valid-attr-value", "impact": "critical", "nodes": [{"all": [{"data": ["aria-controls=\"circle-global\""], "id": "aria-valid-attr-value", "impact": "critical", "message": "Invalid ARIA attribute value: aria-controls=\"circle-global\"", "relatedNodes": []}], "any": [], "failureSummary": "Fix all of the following: Invalid ARIA attribute value: aria-controls=\"circle-global\"", "html": "<button aria-expanded=\"true\" aria-controls=\"circle-global\" aria-haspopup=\"true\" aria-label=\"Trigger button\" aria-disabled=\"false\" class=\"awsui_trigger_lpshu_1kyee_145 awsui_trigger-button-styles_lpshu_1kyee_145 awsui_selected_lpshu_1kyee_212 awsui_drawers-trigger_1kzri_1vl4l_250 awsui_drawers-trigger_1fj9k_z5zo8_18 awsui_drawers-trigger-global_1fj9k_z5zo8_19\" type=\"button\" data-testid=\"awsui-app-layout-trigger-circle-global\" data-shift-focus=\"awsui-layout-drawer-trigger\">", "impact": "critical", "none": [], "target": [".awsui_drawers-trigger_1fj9k_z5zo8_18"]}], "tags": ["cat.aria", "wcag2a", "wcag412"]}] at A11yPageObject.assertNoAxeViolations (src/__a11y__/a11y-page-object.ts:95:24) at src/__a11y__/run-a11y-tests.ts:17:5 at Object.<anonymous> (node_modules/@cloudscape-design/browser-test-tools/use-browser.js:36:13)
RETRY 2: A11y checks for dark visual-refresh › #/dark/app-layout/multi-layout-global-drawer-child-layout?visualRefresh=true: src/__a11y__/a11y-page-object.ts#L95
expect(received).toHaveLength(expected) Expected length: 0 Received length: 1 Received array: [{"description": "Ensures all ARIA attributes have valid values", "help": "ARIA attributes must conform to valid values", "helpUrl": "https://dequeuniversity.com/rules/axe/4.7/aria-valid-attr-value?application=axeAPI", "id": "aria-valid-attr-value", "impact": "critical", "nodes": [{"all": [{"data": ["aria-controls=\"circle-global\""], "id": "aria-valid-attr-value", "impact": "critical", "message": "Invalid ARIA attribute value: aria-controls=\"circle-global\"", "relatedNodes": []}], "any": [], "failureSummary": "Fix all of the following: Invalid ARIA attribute value: aria-controls=\"circle-global\"", "html": "<button aria-expanded=\"true\" aria-controls=\"circle-global\" aria-haspopup=\"true\" aria-label=\"Trigger button\" aria-disabled=\"false\" class=\"awsui_trigger_lpshu_1kyee_145 awsui_trigger-button-styles_lpshu_1kyee_145 awsui_selected_lpshu_1kyee_212 awsui_drawers-trigger_1kzri_1vl4l_250 awsui_drawers-trigger_1fj9k_z5zo8_18 awsui_drawers-trigger-global_1fj9k_z5zo8_19\" type=\"button\" data-testid=\"awsui-app-layout-trigger-circle-global\" data-shift-focus=\"awsui-layout-drawer-trigger\">", "impact": "critical", "none": [], "target": [".awsui_drawers-trigger_1fj9k_z5zo8_18"]}], "tags": ["cat.aria", "wcag2a", "wcag412"]}] at A11yPageObject.assertNoAxeViolations (src/__a11y__/a11y-page-object.ts:95:24) at src/__a11y__/run-a11y-tests.ts:17:5 at Object.<anonymous> (node_modules/@cloudscape-design/browser-test-tools/use-browser.js:36:13)
RETRY 3: A11y checks for dark visual-refresh › #/dark/app-layout/multi-layout-global-drawer-child-layout?visualRefresh=true: src/__a11y__/a11y-page-object.ts#L95
expect(received).toHaveLength(expected) Expected length: 0 Received length: 1 Received array: [{"description": "Ensures all ARIA attributes have valid values", "help": "ARIA attributes must conform to valid values", "helpUrl": "https://dequeuniversity.com/rules/axe/4.7/aria-valid-attr-value?application=axeAPI", "id": "aria-valid-attr-value", "impact": "critical", "nodes": [{"all": [{"data": ["aria-controls=\"circle-global\""], "id": "aria-valid-attr-value", "impact": "critical", "message": "Invalid ARIA attribute value: aria-controls=\"circle-global\"", "relatedNodes": []}], "any": [], "failureSummary": "Fix all of the following: Invalid ARIA attribute value: aria-controls=\"circle-global\"", "html": "<button aria-expanded=\"true\" aria-controls=\"circle-global\" aria-haspopup=\"true\" aria-label=\"Trigger button\" aria-disabled=\"false\" class=\"awsui_trigger_lpshu_1kyee_145 awsui_trigger-button-styles_lpshu_1kyee_145 awsui_selected_lpshu_1kyee_212 awsui_drawers-trigger_1kzri_1vl4l_250 awsui_drawers-trigger_1fj9k_z5zo8_18 awsui_drawers-trigger-global_1fj9k_z5zo8_19\" type=\"button\" data-testid=\"awsui-app-layout-trigger-circle-global\" data-shift-focus=\"awsui-layout-drawer-trigger\">", "impact": "critical", "none": [], "target": [".awsui_drawers-trigger_1fj9k_z5zo8_18"]}], "tags": ["cat.aria", "wcag2a", "wcag412"]}] at A11yPageObject.assertNoAxeViolations (src/__a11y__/a11y-page-object.ts:95:24) at src/__a11y__/run-a11y-tests.ts:17:5 at Object.<anonymous> (node_modules/@cloudscape-design/browser-test-tools/use-browser.js:36:13)
RETRY 1: A11y checks for dark visual-refresh › #/dark/app-layout/with-drawers-scrollable?visualRefresh=true: src/__a11y__/a11y-page-object.ts#L95
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 minimum contrast ratio thresholds", "help": "Elements must meet minimum color contrast ratio thresholds", "helpUrl": "https://dequeuniversity.com/rules/axe/4.7/color-contrast?application=axeAPI", "id": "color-contrast", "impact": "serious", "nodes": [{"all": [], "any": [{"data": {"bgColor": "#ffdab9", "contrastRatio": 1.1, "expectedContrastRatio": "4.5:1", "fgColor": "#ebebf0", "fontSize": "13.5pt (18px)", "fontWeight": "bold", "messageKey": null, "shadowColor": null}, "id": "color-contrast", "impact": "serious", "message": "Element has insufficient color contrast of 1.1 (foreground color: #ebebf0, background color: #ffdab9, font size: 13.5pt (18px), font weight: bold). Expected contrast ratio of 4.5:1", "relatedNodes": [{"html": "<div class=\"cfSAYKHdM4YKSK4sD7e6\" data-testid=\"drawer-sticky-header\">", "target": [".cfSAYKHdM4YKSK4sD7e6"]}]}], "failureSummary": "Fix any of the following: Element has insufficient color contrast of 1.1 (foreground color: #ebebf0, background color: #ffdab9, font size: 13.5pt (18px), font weight: bold). Expected contrast ratio of 4.5:1", "html": "<span id=\"custom-drawer-heading\">Sticky header</span>", "impact": "serious", "none": [], "target": ["#custom-drawer-heading"]}, {"all": [], "any": [{"data": {"bgColor": "#ffb6c1", "contrastRatio": 1.02, "expectedContrastRatio": "4.5:1", "fgColor": "#c6c6cd", "fontSize": "10.5pt (14px)", "fontWeight": "normal", "messageKey": null, "shadowColor": null}, "id": "color-contrast", "impact": "serious", "message": "Element has insufficient color contrast of 1.02 (foreground color: #c6c6cd, background color: #ffb6c1, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1", "relatedNodes": [{"html": "<div class=\"BciVBhhqdNR13cIqTLoB\" data-testid=\"drawer-sticky-footer\"><p>This is a sticky footer, it should always be visisble when the panel is open.</p></div>", "target": [".BciVBhhqdNR13cIqTLoB"]}]}], "failureSummary": "Fix any of the following: Element has insufficient color contrast of 1.02 (foreground color: #c6c6cd, background color: #ffb6c1, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1", "html": "<p>This is a sticky footer, it should always be visisble when the panel is open.</p>", "impact": "serious", "none": [], "target": [".BciVBhhqdNR13cIqTLoB > p"]}], "tags": ["cat.color", "wcag2aa", "wcag143", "ACT", "TTv5", "TT13.c"]}] at A11yPageObject.assertNoAxeViolations (src/__a11y__/a11y-page-object.ts:95:24) at src/__a11y__/run-a11y-tests.ts:17:5 at Object.<anonymous> (node_modules/@cloudscape-design/browser-test-tools/use-browser.js:36:13)
RETRY 2: A11y checks for dark visual-refresh › #/dark/app-layout/with-drawers-scrollable?visualRefresh=true: src/__a11y__/a11y-page-object.ts#L95
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 minimum contrast ratio thresholds", "help": "Elements must meet minimum color contrast ratio thresholds", "helpUrl": "https://dequeuniversity.com/rules/axe/4.7/color-contrast?application=axeAPI", "id": "color-contrast", "impact": "serious", "nodes": [{"all": [], "any": [{"data": {"bgColor": "#ffdab9", "contrastRatio": 1.1, "expectedContrastRatio": "4.5:1", "fgColor": "#ebebf0", "fontSize": "13.5pt (18px)", "fontWeight": "bold", "messageKey": null, "shadowColor": null}, "id": "color-contrast", "impact": "serious", "message": "Element has insufficient color contrast of 1.1 (foreground color: #ebebf0, background color: #ffdab9, font size: 13.5pt (18px), font weight: bold). Expected contrast ratio of 4.5:1", "relatedNodes": [{"html": "<div class=\"cfSAYKHdM4YKSK4sD7e6\" data-testid=\"drawer-sticky-header\">", "target": [".cfSAYKHdM4YKSK4sD7e6"]}]}], "failureSummary": "Fix any of the following: Element has insufficient color contrast of 1.1 (foreground color: #ebebf0, background color: #ffdab9, font size: 13.5pt (18px), font weight: bold). Expected contrast ratio of 4.5:1", "html": "<span id=\"custom-drawer-heading\">Sticky header</span>", "impact": "serious", "none": [], "target": ["#custom-drawer-heading"]}, {"all": [], "any": [{"data": {"bgColor": "#ffb6c1", "contrastRatio": 1.02, "expectedContrastRatio": "4.5:1", "fgColor": "#c6c6cd", "fontSize": "10.5pt (14px)", "fontWeight": "normal", "messageKey": null, "shadowColor": null}, "id": "color-contrast", "impact": "serious", "message": "Element has insufficient color contrast of 1.02 (foreground color: #c6c6cd, background color: #ffb6c1, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1", "relatedNodes": [{"html": "<div class=\"BciVBhhqdNR13cIqTLoB\" data-testid=\"drawer-sticky-footer\"><p>This is a sticky footer, it should always be visisble when the panel is open.</p></div>", "target": [".BciVBhhqdNR13cIqTLoB"]}]}], "failureSummary": "Fix any of the following: Element has insufficient color contrast of 1.02 (foreground color: #c6c6cd, background color: #ffb6c1, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1", "html": "<p>This is a sticky footer, it should always be visisble when the panel is open.</p>", "impact": "serious", "none": [], "target": [".BciVBhhqdNR13cIqTLoB > p"]}], "tags": ["cat.color", "wcag2aa", "wcag143", "ACT", "TTv5", "TT13.c"]}] at A11yPageObject.assertNoAxeViolations (src/__a11y__/a11y-page-object.ts:95:24) at src/__a11y__/run-a11y-tests.ts:17:5 at Object.<anonymous> (node_modules/@cloudscape-design/browser-test-tools/use-browser.js:36:13)
RETRY 3: A11y checks for dark visual-refresh › #/dark/app-layout/with-drawers-scrollable?visualRefresh=true: src/__a11y__/a11y-page-object.ts#L95
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 minimum contrast ratio thresholds", "help": "Elements must meet minimum color contrast ratio thresholds", "helpUrl": "https://dequeuniversity.com/rules/axe/4.7/color-contrast?application=axeAPI", "id": "color-contrast", "impact": "serious", "nodes": [{"all": [], "any": [{"data": {"bgColor": "#ffdab9", "contrastRatio": 1.1, "expectedContrastRatio": "4.5:1", "fgColor": "#ebebf0", "fontSize": "13.5pt (18px)", "fontWeight": "bold", "messageKey": null, "shadowColor": null}, "id": "color-contrast", "impact": "serious", "message": "Element has insufficient color contrast of 1.1 (foreground color: #ebebf0, background color: #ffdab9, font size: 13.5pt (18px), font weight: bold). Expected contrast ratio of 4.5:1", "relatedNodes": [{"html": "<div class=\"cfSAYKHdM4YKSK4sD7e6\" data-testid=\"drawer-sticky-header\">", "target": [".cfSAYKHdM4YKSK4sD7e6"]}]}], "failureSummary": "Fix any of the following: Element has insufficient color contrast of 1.1 (foreground color: #ebebf0, background color: #ffdab9, font size: 13.5pt (18px), font weight: bold). Expected contrast ratio of 4.5:1", "html": "<span id=\"custom-drawer-heading\">Sticky header</span>", "impact": "serious", "none": [], "target": ["#custom-drawer-heading"]}, {"all": [], "any": [{"data": {"bgColor": "#ffb6c1", "contrastRatio": 1.02, "expectedContrastRatio": "4.5:1", "fgColor": "#c6c6cd", "fontSize": "10.5pt (14px)", "fontWeight": "normal", "messageKey": null, "shadowColor": null}, "id": "color-contrast", "impact": "serious", "message": "Element has insufficient color contrast of 1.02 (foreground color: #c6c6cd, background color: #ffb6c1, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1", "relatedNodes": [{"html": "<div class=\"BciVBhhqdNR13cIqTLoB\" data-testid=\"drawer-sticky-footer\"><p>This is a sticky footer, it should always be visisble when the panel is open.</p></div>", "target": [".BciVBhhqdNR13cIqTLoB"]}]}], "failureSummary": "Fix any of the following: Element has insufficient color contrast of 1.02 (foreground color: #c6c6cd, background color: #ffb6c1, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1", "html": "<p>This is a sticky footer, it should always be visisble when the panel is open.</p>", "impact": "serious", "none": [], "target": [".BciVBhhqdNR13cIqTLoB > p"]}], "tags": ["cat.color", "wcag2aa", "wcag143", "ACT", "TTv5", "TT13.c"]}] at A11yPageObject.assertNoAxeViolations (src/__a11y__/a11y-page-object.ts:95:24) at src/__a11y__/run-a11y-tests.ts:17:5 at Object.<anonymous> (node_modules/@cloudscape-design/browser-test-tools/use-browser.js:36:13)
RETRY 1: A11y checks for dark default › #/dark/app-layout/multi-layout-global-drawer-child-layout?visualRefresh=false: src/__a11y__/a11y-page-object.ts#L95
expect(received).toHaveLength(expected) Expected length: 0 Received length: 1 Received array: [{"description": "Ensures all ARIA attributes have valid values", "help": "ARIA attributes must conform to valid values", "helpUrl": "https://dequeuniversity.com/rules/axe/4.7/aria-valid-attr-value?application=axeAPI", "id": "aria-valid-attr-value", "impact": "critical", "nodes": [{"all": [{"data": ["aria-controls=\"circle-global\""], "id": "aria-valid-attr-value", "impact": "critical", "message": "Invalid ARIA attribute value: aria-controls=\"circle-global\"", "relatedNodes": []}], "any": [], "failureSummary": "Fix all of the following: Invalid ARIA attribute value: aria-controls=\"circle-global\"", "html": "<button aria-expanded=\"true\" aria-controls=\"circle-global\" aria-haspopup=\"true\" aria-label=\"Trigger button\" aria-disabled=\"false\" class=\"awsui_trigger_lpshu_1kyee_145 awsui_trigger-button-styles_lpshu_1kyee_145 awsui_selected_lpshu_1kyee_212 awsui_drawers-trigger_1kzri_1vl4l_250 awsui_drawers-trigger_1fj9k_z5zo8_18 awsui_drawers-trigger-global_1fj9k_z5zo8_19\" type=\"button\" data-testid=\"awsui-app-layout-trigger-circle-global\" data-shift-focus=\"awsui-layout-drawer-trigger\">", "impact": "critical", "none": [], "target": [".awsui_drawers-trigger_1fj9k_z5zo8_18"]}], "tags": ["cat.aria", "wcag2a", "wcag412"]}] at A11yPageObject.assertNoAxeViolations (src/__a11y__/a11y-page-object.ts:95:24) at src/__a11y__/run-a11y-tests.ts:17:5 at Object.<anonymous> (node_modules/@cloudscape-design/browser-test-tools/use-browser.js:36:13)
RETRY 2: A11y checks for dark default › #/dark/app-layout/multi-layout-global-drawer-child-layout?visualRefresh=false: src/__a11y__/a11y-page-object.ts#L95
expect(received).toHaveLength(expected) Expected length: 0 Received length: 1 Received array: [{"description": "Ensures all ARIA attributes have valid values", "help": "ARIA attributes must conform to valid values", "helpUrl": "https://dequeuniversity.com/rules/axe/4.7/aria-valid-attr-value?application=axeAPI", "id": "aria-valid-attr-value", "impact": "critical", "nodes": [{"all": [{"data": ["aria-controls=\"circle-global\""], "id": "aria-valid-attr-value", "impact": "critical", "message": "Invalid ARIA attribute value: aria-controls=\"circle-global\"", "relatedNodes": []}], "any": [], "failureSummary": "Fix all of the following: Invalid ARIA attribute value: aria-controls=\"circle-global\"", "html": "<button aria-expanded=\"true\" aria-controls=\"circle-global\" aria-haspopup=\"true\" aria-label=\"Trigger button\" aria-disabled=\"false\" class=\"awsui_trigger_lpshu_1kyee_145 awsui_trigger-button-styles_lpshu_1kyee_145 awsui_selected_lpshu_1kyee_212 awsui_drawers-trigger_1kzri_1vl4l_250 awsui_drawers-trigger_1fj9k_z5zo8_18 awsui_drawers-trigger-global_1fj9k_z5zo8_19\" type=\"button\" data-testid=\"awsui-app-layout-trigger-circle-global\" data-shift-focus=\"awsui-layout-drawer-trigger\">", "impact": "critical", "none": [], "target": [".awsui_drawers-trigger_1fj9k_z5zo8_18"]}], "tags": ["cat.aria", "wcag2a", "wcag412"]}] at A11yPageObject.assertNoAxeViolations (src/__a11y__/a11y-page-object.ts:95:24) at src/__a11y__/run-a11y-tests.ts:17:5 at Object.<anonymous> (node_modules/@cloudscape-design/browser-test-tools/use-browser.js:36:13)
RETRY 3: A11y checks for dark default › #/dark/app-layout/multi-layout-global-drawer-child-layout?visualRefresh=false: src/__a11y__/a11y-page-object.ts#L95
expect(received).toHaveLength(expected) Expected length: 0 Received length: 1 Received array: [{"description": "Ensures all ARIA attributes have valid values", "help": "ARIA attributes must conform to valid values", "helpUrl": "https://dequeuniversity.com/rules/axe/4.7/aria-valid-attr-value?application=axeAPI", "id": "aria-valid-attr-value", "impact": "critical", "nodes": [{"all": [{"data": ["aria-controls=\"circle-global\""], "id": "aria-valid-attr-value", "impact": "critical", "message": "Invalid ARIA attribute value: aria-controls=\"circle-global\"", "relatedNodes": []}], "any": [], "failureSummary": "Fix all of the following: Invalid ARIA attribute value: aria-controls=\"circle-global\"", "html": "<button aria-expanded=\"true\" aria-controls=\"circle-global\" aria-haspopup=\"true\" aria-label=\"Trigger button\" aria-disabled=\"false\" class=\"awsui_trigger_lpshu_1kyee_145 awsui_trigger-button-styles_lpshu_1kyee_145 awsui_selected_lpshu_1kyee_212 awsui_drawers-trigger_1kzri_1vl4l_250 awsui_drawers-trigger_1fj9k_z5zo8_18 awsui_drawers-trigger-global_1fj9k_z5zo8_19\" type=\"button\" data-testid=\"awsui-app-layout-trigger-circle-global\" data-shift-focus=\"awsui-layout-drawer-trigger\">", "impact": "critical", "none": [], "target": [".awsui_drawers-trigger_1fj9k_z5zo8_18"]}], "tags": ["cat.aria", "wcag2a", "wcag412"]}] at A11yPageObject.assertNoAxeViolations (src/__a11y__/a11y-page-object.ts:95:24) at src/__a11y__/run-a11y-tests.ts:17:5 at Object.<anonymous> (node_modules/@cloudscape-design/browser-test-tools/use-browser.js:36:13)
RETRY 1: A11y checks for dark default › #/dark/app-layout/with-drawers-scrollable?visualRefresh=false: src/__a11y__/a11y-page-object.ts#L95
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 minimum contrast ratio thresholds", "help": "Elements must meet minimum color contrast ratio thresholds", "helpUrl": "https://dequeuniversity.com/rules/axe/4.7/color-contrast?application=axeAPI", "id": "color-contrast", "impact": "serious", "nodes": [{"all": [], "any": [{"data": {"bgColor": "#ffdab9", "contrastRatio": 1.1, "expectedContrastRatio": "4.5:1", "fgColor": "#ebebf0", "fontSize": "13.5pt (18px)", "fontWeight": "bold", "messageKey": null, "shadowColor": null}, "id": "color-contrast", "impact": "serious", "message": "Element has insufficient color contrast of 1.1 (foreground color: #ebebf0, background color: #ffdab9, font size: 13.5pt (18px), font weight: bold). Expected contrast ratio of 4.5:1", "relatedNodes": [{"html": "<div class=\"cfSAYKHdM4YKSK4sD7e6\" data-testid=\"drawer-sticky-header\">", "target": [".cfSAYKHdM4YKSK4sD7e6"]}]}], "failureSummary": "Fix any of the following: Element has insufficient color contrast of 1.1 (foreground color: #ebebf0, background color: #ffdab9, font size: 13.5pt (18px), font weight: bold). Expected contrast ratio of 4.5:1", "html": "<span id=\"custom-drawer-heading\">Sticky header</span>", "impact": "serious", "none": [], "target": ["#custom-drawer-heading"]}, {"all": [], "any": [{"data": {"bgColor": "#ffb6c1", "contrastRatio": 1.02, "expectedContrastRatio": "4.5:1", "fgColor": "#c6c6cd", "fontSize": "10.5pt (14px)", "fontWeight": "normal", "messageKey": null, "shadowColor": null}, "id": "color-contrast", "impact": "serious", "message": "Element has insufficient color contrast of 1.02 (foreground color: #c6c6cd, background color: #ffb6c1, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1", "relatedNodes": [{"html": "<div class=\"BciVBhhqdNR13cIqTLoB\" data-testid=\"drawer-sticky-footer\"><p>This is a sticky footer, it should always be visisble when the panel is open.</p></div>", "target": [".BciVBhhqdNR13cIqTLoB"]}]}], "failureSummary": "Fix any of the following: Element has insufficient color contrast of 1.02 (foreground color: #c6c6cd, background color: #ffb6c1, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1", "html": "<p>This is a sticky footer, it should always be visisble when the panel is open.</p>", "impact": "serious", "none": [], "target": [".BciVBhhqdNR13cIqTLoB > p"]}], "tags": ["cat.color", "wcag2aa", "wcag143", "ACT", "TTv5", "TT13.c"]}] at A11yPageObject.assertNoAxeViolations (src/__a11y__/a11y-page-object.ts:95:24) at src/__a11y__/run-a11y-tests.ts:17:5 at Object.<anonymous> (node_modules/@cloudscape-design/browser-test-tools/use-browser.js:36:13)
RETRY 2: A11y checks for dark default › #/dark/app-layout/with-drawers-scrollable?visualRefresh=false: src/__a11y__/a11y-page-object.ts#L95
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 minimum contrast ratio thresholds", "help": "Elements must meet minimum color contrast ratio thresholds", "helpUrl": "https://dequeuniversity.com/rules/axe/4.7/color-contrast?application=axeAPI", "id": "color-contrast", "impact": "serious", "nodes": [{"all": [], "any": [{"data": {"bgColor": "#ffdab9", "contrastRatio": 1.1, "expectedContrastRatio": "4.5:1", "fgColor": "#ebebf0", "fontSize": "13.5pt (18px)", "fontWeight": "bold", "messageKey": null, "shadowColor": null}, "id": "color-contrast", "impact": "serious", "message": "Element has insufficient color contrast of 1.1 (foreground color: #ebebf0, background color: #ffdab9, font size: 13.5pt (18px), font weight: bold). Expected contrast ratio of 4.5:1", "relatedNodes": [{"html": "<div class=\"cfSAYKHdM4YKSK4sD7e6\" data-testid=\"drawer-sticky-header\">", "target": [".cfSAYKHdM4YKSK4sD7e6"]}]}], "failureSummary": "Fix any of the following: Element has insufficient color contrast of 1.1 (foreground color: #ebebf0, background color: #ffdab9, font size: 13.5pt (18px), font weight: bold). Expected contrast ratio of 4.5:1", "html": "<span id=\"custom-drawer-heading\">Sticky header</span>", "impact": "serious", "none": [], "target": ["#custom-drawer-heading"]}, {"all": [], "any": [{"data": {"bgColor": "#ffb6c1", "contrastRatio": 1.02, "expectedContrastRatio": "4.5:1", "fgColor": "#c6c6cd", "fontSize": "10.5pt (14px)", "fontWeight": "normal", "messageKey": null, "shadowColor": null}, "id": "color-contrast", "impact": "serious", "message": "Element has insufficient color contrast of 1.02 (foreground color: #c6c6cd, background color: #ffb6c1, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1", "relatedNodes": [{"html": "<div class=\"BciVBhhqdNR13cIqTLoB\" data-testid=\"drawer-sticky-footer\"><p>This is a sticky footer, it should always be visisble when the panel is open.</p></div>", "target": [".BciVBhhqdNR13cIqTLoB"]}]}], "failureSummary": "Fix any of the following: Element has insufficient color contrast of 1.02 (foreground color: #c6c6cd, background color: #ffb6c1, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1", "html": "<p>This is a sticky footer, it should always be visisble when the panel is open.</p>", "impact": "serious", "none": [], "target": [".BciVBhhqdNR13cIqTLoB > p"]}], "tags": ["cat.color", "wcag2aa", "wcag143", "ACT", "TTv5", "TT13.c"]}] at A11yPageObject.assertNoAxeViolations (src/__a11y__/a11y-page-object.ts:95:24) at src/__a11y__/run-a11y-tests.ts:17:5 at Object.<anonymous> (node_modules/@cloudscape-design/browser-test-tools/use-browser.js:36:13)
RETRY 3: A11y checks for dark default › #/dark/app-layout/with-drawers-scrollable?visualRefresh=false: src/__a11y__/a11y-page-object.ts#L95
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 minimum contrast ratio thresholds", "help": "Elements must meet minimum color contrast ratio thresholds", "helpUrl": "https://dequeuniversity.com/rules/axe/4.7/color-contrast?application=axeAPI", "id": "color-contrast", "impact": "serious", "nodes": [{"all": [], "any": [{"data": {"bgColor": "#ffdab9", "contrastRatio": 1.1, "expectedContrastRatio": "4.5:1", "fgColor": "#ebebf0", "fontSize": "13.5pt (18px)", "fontWeight": "bold", "messageKey": null, "shadowColor": null}, "id": "color-contrast", "impact": "serious", "message": "Element has insufficient color contrast of 1.1 (foreground color: #ebebf0, background color: #ffdab9, font size: 13.5pt (18px), font weight: bold). Expected contrast ratio of 4.5:1", "relatedNodes": [{"html": "<div class=\"cfSAYKHdM4YKSK4sD7e6\" data-testid=\"drawer-sticky-header\">", "target": [".cfSAYKHdM4YKSK4sD7e6"]}]}], "failureSummary": "Fix any of the following: Element has insufficient color contrast of 1.1 (foreground color: #ebebf0, background color: #ffdab9, font size: 13.5pt (18px), font weight: bold). Expected contrast ratio of 4.5:1", "html": "<span id=\"custom-drawer-heading\">Sticky header</span>", "impact": "serious", "none": [], "target": ["#custom-drawer-heading"]}, {"all": [], "any": [{"data": {"bgColor": "#ffb6c1", "contrastRatio": 1.02, "expectedContrastRatio": "4.5:1", "fgColor": "#c6c6cd", "fontSize": "10.5pt (14px)", "fontWeight": "normal", "messageKey": null, "shadowColor": null}, "id": "color-contrast", "impact": "serious", "message": "Element has insufficient color contrast of 1.02 (foreground color: #c6c6cd, background color: #ffb6c1, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1", "relatedNodes": [{"html": "<div class=\"BciVBhhqdNR13cIqTLoB\" data-testid=\"drawer-sticky-footer\"><p>This is a sticky footer, it should always be visisble when the panel is open.</p></div>", "target": [".BciVBhhqdNR13cIqTLoB"]}]}], "failureSummary": "Fix any of the following: Element has insufficient color contrast of 1.02 (foreground color: #c6c6cd, background color: #ffb6c1, font size: 10.5pt (14px), font weight: normal). Expected contrast ratio of 4.5:1", "html": "<p>This is a sticky footer, it should always be visisble when the panel is open.</p>", "impact": "serious", "none": [], "target": [".BciVBhhqdNR13cIqTLoB > p"]}], "tags": ["cat.color", "wcag2aa", "wcag143", "ACT", "TTv5", "TT13.c"]}] at A11yPageObject.assertNoAxeViolations (src/__a11y__/a11y-page-object.ts:95:24) at src/__a11y__/run-a11y-tests.ts:17:5 at Object.<anonymous> (node_modules/@cloudscape-design/browser-test-tools/use-browser.js:36:13)
RETRY 1: A11y checks for light visual-refresh › #/light/app-layout/multi-layout-global-drawer-child-layout?visualRefresh=true: src/__a11y__/a11y-page-object.ts#L95
expect(received).toHaveLength(expected) Expected length: 0 Received length: 1 Received array: [{"description": "Ensures all ARIA attributes have valid values", "help": "ARIA attributes must conform to valid values", "helpUrl": "https://dequeuniversity.com/rules/axe/4.7/aria-valid-attr-value?application=axeAPI", "id": "aria-valid-attr-value", "impact": "critical", "nodes": [{"all": [{"data": ["aria-controls=\"circle-global\""], "id": "aria-valid-attr-value", "impact": "critical", "message": "Invalid ARIA attribute value: aria-controls=\"circle-global\"", "relatedNodes": []}], "any": [], "failureSummary": "Fix all of the following: Invalid ARIA attribute value: aria-controls=\"circle-global\"", "html": "<button aria-expanded=\"true\" aria-controls=\"circle-global\" aria-haspopup=\"true\" aria-label=\"Trigger button\" aria-disabled=\"false\" class=\"awsui_trigger_lpshu_1kyee_145 awsui_trigger-button-styles_lpshu_1kyee_145 awsui_selected_lpshu_1kyee_212 awsui_drawers-trigger_1kzri_1vl4l_250 awsui_drawers-trigger_1fj9k_z5zo8_18 awsui_drawers-trigger-global_1fj9k_z5zo8_19\" type=\"button\" data-testid=\"awsui-app-layout-trigger-circle-global\" data-shift-focus=\"awsui-layout-drawer-trigger\">", "impact": "critical", "none": [], "target": [".awsui_drawers-trigger_1fj9k_z5zo8_18"]}], "tags": ["cat.aria", "wcag2a", "wcag412"]}] at A11yPageObject.assertNoAxeViolations (src/__a11y__/a11y-page-object.ts:95:24) at src/__a11y__/run-a11y-tests.ts:17:5 at Object.<anonymous> (node_modules/@cloudscape-design/browser-test-tools/use-browser.js:36:13)
RETRY 2: A11y checks for light visual-refresh › #/light/app-layout/multi-layout-global-drawer-child-layout?visualRefresh=true: src/__a11y__/a11y-page-object.ts#L95
expect(received).toHaveLength(expected) Expected length: 0 Received length: 1 Received array: [{"description": "Ensures all ARIA attributes have valid values", "help": "ARIA attributes must conform to valid values", "helpUrl": "https://dequeuniversity.com/rules/axe/4.7/aria-valid-attr-value?application=axeAPI", "id": "aria-valid-attr-value", "impact": "critical", "nodes": [{"all": [{"data": ["aria-controls=\"circle-global\""], "id": "aria-valid-attr-value", "impact": "critical", "message": "Invalid ARIA attribute value: aria-controls=\"circle-global\"", "relatedNodes": []}], "any": [], "failureSummary": "Fix all of the following: Invalid ARIA attribute value: aria-controls=\"circle-global\"", "html": "<button aria-expanded=\"true\" aria-controls=\"circle-global\" aria-haspopup=\"true\" aria-label=\"Trigger button\" aria-disabled=\"false\" class=\"awsui_trigger_lpshu_1kyee_145 awsui_trigger-button-styles_lpshu_1kyee_145 awsui_selected_lpshu_1kyee_212 awsui_drawers-trigger_1kzri_1vl4l_250 awsui_drawers-trigger_1fj9k_z5zo8_18 awsui_drawers-trigger-global_1fj9k_z5zo8_19\" type=\"button\" data-testid=\"awsui-app-layout-trigger-circle-global\" data-shift-focus=\"awsui-layout-drawer-trigger\">", "impact": "critical", "none": [], "target": [".awsui_drawers-trigger_1fj9k_z5zo8_18"]}], "tags": ["cat.aria", "wcag2a", "wcag412"]}] at A11yPageObject.assertNoAxeViolations (src/__a11y__/a11y-page-object.ts:95:24) at src/__a11y__/run-a11y-tests.ts:17:5 at Object.<anonymous> (node_modules/@cloudscape-design/browser-test-tools/use-browser.js:36:13)
RETRY 3: A11y checks for light visual-refresh › #/light/app-layout/multi-layout-global-drawer-child-layout?visualRefresh=true: src/__a11y__/a11y-page-object.ts#L95
expect(received).toHaveLength(expected) Expected length: 0 Received length: 1 Received array: [{"description": "Ensures all ARIA attributes have valid values", "help": "ARIA attributes must conform to valid values", "helpUrl": "https://dequeuniversity.com/rules/axe/4.7/aria-valid-attr-value?application=axeAPI", "id": "aria-valid-attr-value", "impact": "critical", "nodes": [{"all": [{"data": ["aria-controls=\"circle-global\""], "id": "aria-valid-attr-value", "impact": "critical", "message": "Invalid ARIA attribute value: aria-controls=\"circle-global\"", "relatedNodes": []}], "any": [], "failureSummary": "Fix all of the following: Invalid ARIA attribute value: aria-controls=\"circle-global\"", "html": "<button aria-expanded=\"true\" aria-controls=\"circle-global\" aria-haspopup=\"true\" aria-label=\"Trigger button\" aria-disabled=\"false\" class=\"awsui_trigger_lpshu_1kyee_145 awsui_trigger-button-styles_lpshu_1kyee_145 awsui_selected_lpshu_1kyee_212 awsui_drawers-trigger_1kzri_1vl4l_250 awsui_drawers-trigger_1fj9k_z5zo8_18 awsui_drawers-trigger-global_1fj9k_z5zo8_19\" type=\"button\" data-testid=\"awsui-app-layout-trigger-circle-global\" data-shift-focus=\"awsui-layout-drawer-trigger\">", "impact": "critical", "none": [], "target": [".awsui_drawers-trigger_1fj9k_z5zo8_18"]}], "tags": ["cat.aria", "wcag2a", "wcag412"]}] at A11yPageObject.assertNoAxeViolations (src/__a11y__/a11y-page-object.ts:95:24) at src/__a11y__/run-a11y-tests.ts:17:5 at Object.<anonymous> (node_modules/@cloudscape-design/browser-test-tools/use-browser.js:36:13)
dry-run / Demos tests
Unexpected any. Specify a different type
dry-run / Demos tests
A file with name '/home/runner/work/components/components/src/common/columnDefinitionsHelper.ts' does not match kebab-case. Should rename to 'column-definitions-helper.ts'
dry-run / Demos tests
A file with name '/home/runner/work/components/components/src/common/localStorage.ts' does not match kebab-case. Should rename to 'local-storage.ts'
dry-run / Demos tests
Use JSX file extension as needed
dry-run / Demos tests
Use JSX file extension as needed
dry-run / Demos tests
Use JSX file extension as needed
dry-run / Demos tests
Use JSX file extension as needed

Artifacts

Produced during runtime
Name Size
cloudscape-design-board-components
280 KB
cloudscape-design-chat-components
82.7 KB
cloudscape-design-code-view
37 KB
cloudscape-design-components
7.81 MB