chore: Experiment: vr only #11943
dry-run.yml
on: pull_request
dry-run
/
Create build tree
2s
dry-run
/
Build board components
2m 3s
dry-run
/
Build code view components
1m 0s
dry-run
/
Build chat components
1m 14s
Matrix: dry-run / Components accessibility tests shards
Matrix: dry-run / Components integration tests shards
dry-run
/
Components unit tests
4m 6s
dry-run
/
Components motion tests
1m 10s
dry-run
/
Demos tests
9m 9s
dry-run
/
Components accessibility tests
0s
dry-run
/
Components integration tests
0s
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 |
|