Created
February 4, 2019 21:28
-
-
Save interactivellama/e5a80c5376ca6be563e4a945d7842000 to your computer and use it in GitHub Desktop.
DSR a11y output
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| sjames-ltm:design-system-react sjames$ npm run test:a11y | |
| > [email protected] test:a11y /Users/sjames/www/design-system-react | |
| > cross-env NODE_ENV=test npx jest --config=tests/a11y-config.json | |
| => Loading custom .babelrc | |
| console.warn utilities/warning/low-priority-warning.js:17 | |
| Warning: [Design System React] SLDSInlineEdit is a deprecated component. Bugfixes can be contributed, but new features and additional alignment with SLDS may be declined. For a multiple input form, please use the pattern located at https://www.lightningdesignsystem.com/components/form-element/#Record-Detail that swaps out a read-only `Input` with a base `Input`. For a single input, please use a `Popover` paired with `<Button category="utility" iconName="edit" variant="icon" />` as the trigger. | |
| console.warn utilities/warning/low-priority-warning.js:17 | |
| Warning: [Design System React] SLDSColorPicker is a prototype. (a) Props may change within a minor release. (b) Web Content Accessibility Guidelines may not be met. (c) CSS imports may be required, since it is being added to SLDS. | |
| console.warn utilities/warning/low-priority-warning.js:17 | |
| Warning: [Design System React] SLDSFilter is a prototype. (a) Props may change within a minor release. (b) Web Content Accessibility Guidelines may not be met. (c) CSS imports may be required, since it is being added to SLDS. Please check the current documentation at: https://react.lightningdesignsystem.com/components/filters | |
| console.error node_modules/warning/warning.js:51 | |
| Warning: [Design System React] `offset` will be removed in the next major version of SLDSPopover. The manual setting of positional offset of dialog components has been deemed unreliable. Position logic has been re-written to deliver better and more reliable positioning. Please create an issue if you have an edge case not covered by the built-in logic. Please check the current documentation at: https://react.lightningdesignsystem.com/components/popovers | |
| console.warn utilities/warning/low-priority-warning.js:17 | |
| Warning: [Design System React] SLDSLookup is a deprecated component. Bugfixes can be contributed, but new features and additional alignment with SLDS may be declined. Please use an auto-complete Combobox instead. It is more accessible and closer aligned to SLDS. | |
| console.error node_modules/jsdom/lib/jsdom/virtual-console.js:29 | |
| Error: Uncaught [TypeError: Cannot add property height, object is not extensible] | |
| at reportException (/Users/sjames/www/design-system-react/node_modules/jsdom/lib/jsdom/living/helpers/runtime-script-errors.js:66:24) | |
| at invokeEventListeners (/Users/sjames/www/design-system-react/node_modules/jsdom/lib/jsdom/living/events/EventTarget-impl.js:209:9) | |
| at HTMLUnknownElementImpl._dispatch (/Users/sjames/www/design-system-react/node_modules/jsdom/lib/jsdom/living/events/EventTarget-impl.js:119:9) | |
| at HTMLUnknownElementImpl.dispatchEvent (/Users/sjames/www/design-system-react/node_modules/jsdom/lib/jsdom/living/events/EventTarget-impl.js:82:17) | |
| at HTMLUnknownElementImpl.dispatchEvent (/Users/sjames/www/design-system-react/node_modules/jsdom/lib/jsdom/living/nodes/HTMLElement-impl.js:30:27) | |
| at HTMLUnknownElement.dispatchEvent (/Users/sjames/www/design-system-react/node_modules/jsdom/lib/jsdom/living/generated/EventTarget.js:157:21) | |
| at Object.invokeGuardedCallbackDev (/Users/sjames/www/design-system-react/node_modules/react-dom/cjs/react-dom.development.js:138:16) | |
| at invokeGuardedCallback (/Users/sjames/www/design-system-react/node_modules/react-dom/cjs/react-dom.development.js:187:29) | |
| at replayUnitOfWork (/Users/sjames/www/design-system-react/node_modules/react-dom/cjs/react-dom.development.js:15311:5) | |
| at renderRoot (/Users/sjames/www/design-system-react/node_modules/react-dom/cjs/react-dom.development.js:15963:11) TypeError: Cannot add property height, object is not extensible | |
| at Illustration (/Users/sjames/www/design-system-react/components/illustration/index.jsx:81:3) | |
| at mountIndeterminateComponent (/Users/sjames/www/design-system-react/node_modules/react-dom/cjs/react-dom.development.js:13381:13) | |
| at beginWork (/Users/sjames/www/design-system-react/node_modules/react-dom/cjs/react-dom.development.js:13821:14) | |
| at performUnitOfWork (/Users/sjames/www/design-system-react/node_modules/react-dom/cjs/react-dom.development.js:15864:12) | |
| at workLoop (/Users/sjames/www/design-system-react/node_modules/react-dom/cjs/react-dom.development.js:15903:24) | |
| at HTMLUnknownElement.callCallback (/Users/sjames/www/design-system-react/node_modules/react-dom/cjs/react-dom.development.js:100:14) | |
| at invokeEventListeners (/Users/sjames/www/design-system-react/node_modules/jsdom/lib/jsdom/living/events/EventTarget-impl.js:193:27) | |
| at HTMLUnknownElementImpl._dispatch (/Users/sjames/www/design-system-react/node_modules/jsdom/lib/jsdom/living/events/EventTarget-impl.js:119:9) | |
| at HTMLUnknownElementImpl.dispatchEvent (/Users/sjames/www/design-system-react/node_modules/jsdom/lib/jsdom/living/events/EventTarget-impl.js:82:17) | |
| at HTMLUnknownElementImpl.dispatchEvent (/Users/sjames/www/design-system-react/node_modules/jsdom/lib/jsdom/living/nodes/HTMLElement-impl.js:30:27) | |
| at HTMLUnknownElement.dispatchEvent (/Users/sjames/www/design-system-react/node_modules/jsdom/lib/jsdom/living/generated/EventTarget.js:157:21) | |
| at Object.invokeGuardedCallbackDev (/Users/sjames/www/design-system-react/node_modules/react-dom/cjs/react-dom.development.js:138:16) | |
| at invokeGuardedCallback (/Users/sjames/www/design-system-react/node_modules/react-dom/cjs/react-dom.development.js:187:29) | |
| at replayUnitOfWork (/Users/sjames/www/design-system-react/node_modules/react-dom/cjs/react-dom.development.js:15311:5) | |
| at renderRoot (/Users/sjames/www/design-system-react/node_modules/react-dom/cjs/react-dom.development.js:15963:11) | |
| at performWorkOnRoot (/Users/sjames/www/design-system-react/node_modules/react-dom/cjs/react-dom.development.js:16561:22) | |
| at performWork (/Users/sjames/www/design-system-react/node_modules/react-dom/cjs/react-dom.development.js:16483:7) | |
| at performSyncWork (/Users/sjames/www/design-system-react/node_modules/react-dom/cjs/react-dom.development.js:16455:3) | |
| at requestWork (/Users/sjames/www/design-system-react/node_modules/react-dom/cjs/react-dom.development.js:16355:5) | |
| at scheduleWork$1 (/Users/sjames/www/design-system-react/node_modules/react-dom/cjs/react-dom.development.js:16219:11) | |
| at scheduleRootUpdate (/Users/sjames/www/design-system-react/node_modules/react-dom/cjs/react-dom.development.js:16786:3) | |
| at updateContainerAtExpirationTime (/Users/sjames/www/design-system-react/node_modules/react-dom/cjs/react-dom.development.js:16813:10) | |
| at updateContainer (/Users/sjames/www/design-system-react/node_modules/react-dom/cjs/react-dom.development.js:16840:10) | |
| at ReactRoot.Object.<anonymous>.ReactRoot.render (/Users/sjames/www/design-system-react/node_modules/react-dom/cjs/react-dom.development.js:17123:3) | |
| at /Users/sjames/www/design-system-react/node_modules/react-dom/cjs/react-dom.development.js:17263:14 | |
| at unbatchedUpdates (/Users/sjames/www/design-system-react/node_modules/react-dom/cjs/react-dom.development.js:16680:10) | |
| at legacyRenderSubtreeIntoContainer (/Users/sjames/www/design-system-react/node_modules/react-dom/cjs/react-dom.development.js:17259:5) | |
| at Object.render (/Users/sjames/www/design-system-react/node_modules/react-dom/cjs/react-dom.development.js:17318:12) | |
| at Object.render (/Users/sjames/www/design-system-react/node_modules/enzyme-adapter-react-16/build/ReactSixteenAdapter.js:253:114) | |
| at new ReactWrapper (/Users/sjames/www/design-system-react/node_modules/enzyme/build/ReactWrapper.js:116:16) | |
| at mount (/Users/sjames/www/design-system-react/node_modules/enzyme/build/mount.js:21:10) | |
| at _callee$ (/Users/sjames/www/design-system-react/tests/story-based-accessibility-tests.js:46:20) | |
| at tryCatch (/Users/sjames/www/design-system-react/node_modules/regenerator-runtime/runtime.js:62:40) | |
| at Generator.invoke [as _invoke] (/Users/sjames/www/design-system-react/node_modules/regenerator-runtime/runtime.js:296:22) | |
| at Generator.prototype.(anonymous function) [as next] (/Users/sjames/www/design-system-react/node_modules/regenerator-runtime/runtime.js:114:21) | |
| at step (/Users/sjames/www/design-system-react/tests/story-based-accessibility-tests.js:391:221) | |
| at _next (/Users/sjames/www/design-system-react/tests/story-based-accessibility-tests.js:391:409) | |
| at /Users/sjames/www/design-system-react/tests/story-based-accessibility-tests.js:391:477 | |
| at Promise (<anonymous>) | |
| at /Users/sjames/www/design-system-react/tests/story-based-accessibility-tests.js:391:97 | |
| at test (/Users/sjames/www/design-system-react/tests/story-based-accessibility-tests.js:44:3) | |
| at Object.<anonymous> (/Users/sjames/www/design-system-react/node_modules/@storybook/addon-storyshots/dist/index.js:125:20) | |
| at Object.asyncFn (/Users/sjames/www/design-system-react/node_modules/jest-jasmine2/build/jasmine_async.js:108:37) | |
| at resolve (/Users/sjames/www/design-system-react/node_modules/jest-jasmine2/build/queue_runner.js:56:12) | |
| at Promise (<anonymous>) | |
| at mapper (/Users/sjames/www/design-system-react/node_modules/jest-jasmine2/build/queue_runner.js:43:19) | |
| at promise.then (/Users/sjames/www/design-system-react/node_modules/jest-jasmine2/build/queue_runner.js:87:41) | |
| at <anonymous> | |
| console.error node_modules/react-dom/cjs/react-dom.development.js:14227 | |
| The above error occurred in the <SLDSIllustration> component: | |
| in SLDSIllustration (created by IllustrationExample) | |
| in IllustrationExample | |
| in div (created by WrapperComponent) | |
| in WrapperComponent | |
| Consider adding an error boundary to your tree to customize error handling behavior. | |
| Visit https://fb.me/react-error-boundaries to learn more about error boundaries. | |
| console.error node_modules/warning/warning.js:51 | |
| Warning: [Design System React] App element is not defined. Please use Settings.setAppElement(el). By default, `Modal` will add `aria-hidden=true` to the `body` tag, but this disables some assistive technologies. To prevent this you can add Settings.setAppElement(el) to your application with `el` being the root node of your application that you would like to hide from assistive technologies when the `Modal` is open. | |
| console.error node_modules/warning/warning.js:51 | |
| Warning: react-modal: App element is not defined. Please use `Modal.setAppElement(el)` or set `appElement={el}`. This is needed so screen readers don't see main content when modal is opened. It is not recommended, but you can opt-out by setting `ariaHideApp={false}`. | |
| FAIL tests/story-based-accessibility-tests.js (743.455s) | |
| aXe Testing | |
| aXe storyshots | |
| Inital Blank Story | |
| ✓ Placeholder (115ms) | |
| SLDSAccordion | |
| ✕ Base (1228ms) | |
| ✓ Base Open (440ms) | |
| SLDSAlert | |
| ✓ Info (151ms) | |
| ✓ Warning (140ms) | |
| ✓ Error (141ms) | |
| ✓ Offline (158ms) | |
| ✓ Dismissable (226ms) | |
| ✓ Close alert (68ms) | |
| ✓ Custom Class Names (139ms) | |
| ✓ Custom Styles (137ms) | |
| SLDSAvatar | |
| ✓ Base (79ms) | |
| ✓ Entity Icon (94ms) | |
| ✓ Entity Initials (71ms) | |
| ✓ User Icon (91ms) | |
| ✓ User Initials (78ms) | |
| SLDSBrandBand | |
| ✓ Default (medium) (45ms) | |
| ✓ Small (42ms) | |
| ✓ Large (56ms) | |
| ✓ No Image (48ms) | |
| ✓ Lightning Blue Theme (88ms) | |
| SLDSBreadcrumb | |
| ✕ 2 Items (180ms) | |
| ✕ 1 Item (102ms) | |
| SLDSButton | |
| ✓ Base (47ms) | |
| ✓ Neutral (47ms) | |
| ✓ Neutral with id (57ms) | |
| ✓ Neutral Icon (54ms) | |
| ✓ Disabled (36ms) | |
| ✓ Icon large (65ms) | |
| ✓ Icon with external path (87ms) | |
| ✓ Icon Container Small (88ms) | |
| ✓ Dropdown Icon inverse (93ms) | |
| ✕ Small Icon Hint inverse (76ms) | |
| ✓ Doc site Base Neutral (207ms) | |
| ✓ Doc site Brand Disabled (209ms) | |
| ✓ Doc site Button Icons (588ms) | |
| SLDSButtonGroup | |
| ✓ More Icon (208ms) | |
| ✓ Icon Group (240ms) | |
| ✓ Checkbox (686ms) | |
| ✓ Checkbox Error (664ms) | |
| SLDSButtonStateful | |
| ✓ Base (118ms) | |
| ✓ Disabled (100ms) | |
| ✓ Icon (71ms) | |
| ✓ Doc site Icon Text Button (269ms) | |
| ✓ Doc site Icon Button (67ms) | |
| SLDSCard | |
| ✓ w/ Items (810ms) | |
| ✓ Empty (311ms) | |
| ✓ Custom Header (897ms) | |
| ✓ Custom Heading (793ms) | |
| ✓ Set height card (333ms) | |
| ✓ Doc site Related List With Table (841ms) | |
| SLDSCheckbox | |
| ✓ Checkbox (default, indeterminate, required, disabled (781ms) | |
| ✓ Checkbox (assistive text) (273ms) | |
| ✓ Checkbox (checked) (147ms) | |
| ✓ Checkbox (indeterminate) (482ms) | |
| ✓ Checkbox Toggle (190ms) | |
| ✓ Checkbox Toggle (with error) (217ms) | |
| ✓ Checkbox Toggle (required) (206ms) | |
| ✓ Checkbox Toggle (disabled) (175ms) | |
| ✓ Checkbox Toggle (assistive text) (319ms) | |
| ✓ Checkbox Toggle (checked) (196ms) | |
| ✓ Doc site Error (804ms) | |
| ✓ Doc site Snapshot Base (1514ms) | |
| ✓ Doc site Snapshot Toggle (1843ms) | |
| ✓ Doc site Toggle (1832ms) | |
| SLDSColorPicker | |
| ✕ Default (420ms) | |
| ✕ Custom Only (271ms) | |
| ✕ Swatch Only (263ms) | |
| ✕ Predefined Colors (266ms) | |
| ✕ Predefined Colors Only (264ms) | |
| ✓ Hidden Input (185ms) | |
| ✕ Custom Tab Selected (265ms) | |
| ✓ Outer Input in Error State (286ms) | |
| ✕ Working Color Input in Error State (265ms) | |
| ✕ Custom Validator (263ms) | |
| ✕ Color Picker Disabled (247ms) | |
| ✕ ColorPicker Menu Open (8532ms) | |
| ✕ Doc site Default (430ms) | |
| SLDSCombobox | |
| ✕ Base (924ms) | |
| ✕ Base Pre-defined Options Only (909ms) | |
| ✕ Base Inline Help (1125ms) | |
| ✕ Inline Single Selection (211ms) | |
| ✕ Inline Multiple Selection (982ms) | |
| ✕ Base Custom Menu Item (208ms) | |
| ✕ Base Menu Sub Headers (207ms) | |
| ✕ Base Menu Separator (215ms) | |
| ✕ Base Inherit Menu Width (211ms) | |
| ✕ Readonly Single Selection (223ms) | |
| ✕ Readonly Multiple Selection (228ms) | |
| ✕ Readonly Single Selection Custom Menu Item (237ms) | |
| ✕ Required Input in Error State (266ms) | |
| ✕ Snapshot Base Open (836ms) | |
| ✕ Snapshot Base Custom Menu Item Open (1890ms) | |
| ✕ Snapshot Base Selected (592ms) | |
| ✕ Snapshot Base Label Required (268ms) | |
| ✕ Snapshot Base Open Menu Sub Header Separator (554ms) | |
| ✕ Snapshot Base Open Menu inheritWidthOf prop (557ms) | |
| ✕ Snapshot Inline Single Selection (212ms) | |
| ✕ Snapshot Inline Single Selection Selected (335ms) | |
| ✕ Snapshot Inline Multiple Selection (221ms) | |
| ✕ Snapshot Inline Multiple Selection Selected (1029ms) | |
| ✕ Snapshot Readonly Single Selection (242ms) | |
| ✕ Snapshot Readonly Single Selection Selected (237ms) | |
| ✕ Snapshot Readonly Single Selection Selected Open (2148ms) | |
| ✕ Snapshot Readonly Multiple Selection (435ms) | |
| ✕ Snapshot Readonly Multiple Selection Single Item Selected (247ms) | |
| ✕ Snapshot Readonly Multiple Selection Multiple Items Selected (828ms) | |
| ✕ Snapshot Readonly Single Selection Custom Menu Item (3373ms) | |
| SLDSFilter | |
| ✓ Filter (330ms) | |
| ✓ New Filter (328ms) | |
| ✓ Locked Filter (136ms) | |
| ✓ Permanant Filter (253ms) | |
| ✓ Filter Align Right (320ms) | |
| ✓ AssistiveTextFilter (323ms) | |
| ✕ ErrorFilter (329ms) | |
| SLDSDataTable | |
| ✓ Basic (Fluid Layout) (6710ms) | |
| ✓ Basic (Fixed Layout) (1930ms) | |
| ✕ Advanced (Fixed Layout) (4490ms) | |
| ✕ Advanced Single Select (Fixed Layout) (4026ms) | |
| ✕ Advanced Single Select (Fixed Header) (4228ms) | |
| ✕ Fixed Header (18978ms) | |
| SLDSGlobalHeader | |
| ✕ Search + Navigation (1174ms) | |
| ✕ Open on Hybrid (1147ms) | |
| ✕ Fewer Elements (403ms) | |
| ✕ With custom <Avatar/> (1195ms) | |
| ✕ Doc site Default (996ms) | |
| SLDSInput | |
| ✓ Base (444ms) | |
| ✓ Custom style (251ms) | |
| ✓ Base with Icons (2452ms) | |
| ✓ Fixed Text (163ms) | |
| ✓ Read Only (152ms) | |
| ✓ Static Input (101ms) | |
| ✓ Disabled Input (141ms) | |
| ✓ Required Input in Error State (254ms) | |
| ✓ Inline Help (174ms) | |
| ✕ Field Level Help (261ms) | |
| ✓ Field Level Help, Tooltip Open (310ms) | |
| ✓ Counter Input (1814ms) | |
| ✓ Counter Static Input (101ms) | |
| ✓ Docs site Default (504ms) | |
| ✓ Docs site Error (492ms) | |
| ✓ Docs site Icons (1128ms) | |
| ✓ Docs site InactiveInputs (329ms) | |
| SLDSIcon | |
| ✓ Category: Standard (49ms) | |
| ✓ Category: Utility (49ms) | |
| ✓ Category: Action (37ms) | |
| ✓ Category: Doctype (50ms) | |
| ✓ Category: Custom (49ms) | |
| ✓ Category: External Path (50ms) | |
| ✓ Size: X-Small (50ms) | |
| ✓ Size: Small (48ms) | |
| ✓ Size: Medium (default) (52ms) | |
| ✓ Size: Large (49ms) | |
| ✓ Color: Base (64ms) | |
| ✓ Color: Default (50ms) | |
| ✓ Color: Error (51ms) | |
| ✓ Color: Warning (49ms) | |
| ✓ Color: Light (50ms) | |
| ✓ Base: Standard (custom styles) (49ms) | |
| ✓ Base: Imported (54ms) | |
| ✓ Docs site Categories (256ms) | |
| ✓ Docs site Colors (242ms) | |
| ✓ Docs site Sizes (218ms) | |
| SLDSIllustration | |
| ✓ Small Image and Text (97ms) | |
| ✕ Large Image and Text (30ms) | |
| ✓ Heading Only (332ms) | |
| ✓ Message Only (78ms) | |
| ✓ Heading and Message (94ms) | |
| SLDSMediaObject | |
| ✓ Base (72ms) | |
| ✓ Figure Vertical Center (85ms) | |
| ✓ Docs site Default (73ms) | |
| ✓ Docs site VerticallyCentered (85ms) | |
| SLDSPageHeader | |
| ✓ Base (253ms) | |
| ✓ Base with content right (469ms) | |
| ✕ Record Home (truncates) (1389ms) | |
| ✓ Object Home (1823ms) | |
| ✕ Related List (1601ms) | |
| ✓ Record Home (field updates) (698ms) | |
| ✓ Docs site RecordHome (1362ms) | |
| ✕ Docs site RelatedList (1671ms) | |
| SLDSPillContainer | |
| ✓ Base Pill Container (821ms) | |
| ✓ Pill Container With Icons (3622ms) | |
| ✓ Pill Container With Avatars (1084ms) | |
| ✓ Bare Pill Container (834ms) | |
| SLDSProgressIndicator | |
| ✕ Base (1154ms) | |
| ✕ Base With Many Steps (1920ms) | |
| ✕ Base With Disabled Steps (1182ms) | |
| ✕ Step Error (1117ms) | |
| ✓ In A Modal (With Step Error) - Needs DOM (104ms) | |
| ✕ Completed Progress (1259ms) | |
| SLDSTree | |
| ✕ Base (1512ms) | |
| ✕ Base with stencil (1500ms) | |
| ✕ Initial Expanded/Selected (3622ms) | |
| ✕ No Branch Select (1583ms) | |
| ✕ Multiple Selection (1571ms) | |
| ✕ Assistive Heading (1584ms) | |
| ✓ Overflow Hidden (250471ms) | |
| ✓ Large dataset (300+) NoTest (338804ms) | |
| ✕ Highlighted Search (3108ms) | |
| ● aXe Testing › aXe storyshots › SLDSAccordion › Base | |
| expect(received).toHaveNoViolations(expected) | |
| Expected the HTML found at $('li:nth-child(1) > section > .slds-accordion__summary > .slds-dropdown-trigger.slds-dropdown-trigger_click') to have no violations: | |
| <div class="slds-dropdown-trigger slds-dropdown-trigger_click" id="ButtonGroupExampleDropdown"> | |
| Received: | |
| "id attribute value must be unique (duplicate-id)" | |
| Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/duplicate-id?application=axeAPI | |
| 45 | const component = story.render(context); | |
| 46 | const wrapper = mount(component); | |
| > 47 | expect(await axe(wrapper.html())).toHaveNoViolations(); | |
| | ^ | |
| 48 | }, | |
| 49 | }); | |
| 50 | }); | |
| at _callee$ (story-based-accessibility-tests.js:47:38) | |
| at tryCatch (../node_modules/regenerator-runtime/runtime.js:62:40) | |
| at Generator.invoke [as _invoke] (../node_modules/regenerator-runtime/runtime.js:296:22) | |
| at Generator.prototype.(anonymous function) [as next] (../node_modules/regenerator-runtime/runtime.js:114:21) | |
| at step (story-based-accessibility-tests.js:391:221) | |
| at _next (story-based-accessibility-tests.js:391:409) | |
| ● aXe Testing › aXe storyshots › SLDSBreadcrumb › 2 Items | |
| expect(received).toHaveNoViolations(expected) | |
| Expected the HTML found at $('nav') to have no violations: | |
| <nav role="navigation" aria-label="Two item breadcrumb"> | |
| Received: | |
| "ARIA role must be appropriate for the element (aria-allowed-role)" | |
| Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/aria-allowed-role?application=axeAPI | |
| 45 | const component = story.render(context); | |
| 46 | const wrapper = mount(component); | |
| > 47 | expect(await axe(wrapper.html())).toHaveNoViolations(); | |
| | ^ | |
| 48 | }, | |
| 49 | }); | |
| 50 | }); | |
| at _callee$ (story-based-accessibility-tests.js:47:38) | |
| at tryCatch (../node_modules/regenerator-runtime/runtime.js:62:40) | |
| at Generator.invoke [as _invoke] (../node_modules/regenerator-runtime/runtime.js:296:22) | |
| at Generator.prototype.(anonymous function) [as next] (../node_modules/regenerator-runtime/runtime.js:114:21) | |
| at step (story-based-accessibility-tests.js:391:221) | |
| at _next (story-based-accessibility-tests.js:391:409) | |
| ● aXe Testing › aXe storyshots › SLDSBreadcrumb › 1 Item | |
| expect(received).toHaveNoViolations(expected) | |
| Expected the HTML found at $('nav') to have no violations: | |
| <nav role="navigation" aria-label="Breadcrumbs"><ol class="slds-breadcrumb slds-list_horizontal"><li class="slds-breadcrumb__item slds-text-title_caps"><a href="javascript:void(0);">Parent Entity</a></li></ol></nav> | |
| Received: | |
| "ARIA role must be appropriate for the element (aria-allowed-role)" | |
| Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/aria-allowed-role?application=axeAPI | |
| 45 | const component = story.render(context); | |
| 46 | const wrapper = mount(component); | |
| > 47 | expect(await axe(wrapper.html())).toHaveNoViolations(); | |
| | ^ | |
| 48 | }, | |
| 49 | }); | |
| 50 | }); | |
| at _callee$ (story-based-accessibility-tests.js:47:38) | |
| at tryCatch (../node_modules/regenerator-runtime/runtime.js:62:40) | |
| at Generator.invoke [as _invoke] (../node_modules/regenerator-runtime/runtime.js:296:22) | |
| at Generator.prototype.(anonymous function) [as next] (../node_modules/regenerator-runtime/runtime.js:114:21) | |
| at step (story-based-accessibility-tests.js:391:221) | |
| at _next (story-based-accessibility-tests.js:391:409) | |
| ● aXe Testing › aXe storyshots › SLDSButton › Small Icon Hint inverse | |
| expect(received).toHaveNoViolations(expected) | |
| Expected the HTML found at $('button') to have no violations: | |
| <button class="slds-button slds-button_icon-border-inverse slds-button_icon-small" type="button"><svg aria-hidden="true" class="slds-button__icon slds-button__icon_inverse-hint"><use xlink:href="/assets/icons/utility-sprite/svg/symbols.svg#down"></use></svg></button> | |
| Received: | |
| "Buttons must have discernible text (button-name)" | |
| Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/button-name?application=axeAPI | |
| 45 | const component = story.render(context); | |
| 46 | const wrapper = mount(component); | |
| > 47 | expect(await axe(wrapper.html())).toHaveNoViolations(); | |
| | ^ | |
| 48 | }, | |
| 49 | }); | |
| 50 | }); | |
| at _callee$ (story-based-accessibility-tests.js:47:38) | |
| at tryCatch (../node_modules/regenerator-runtime/runtime.js:62:40) | |
| at Generator.invoke [as _invoke] (../node_modules/regenerator-runtime/runtime.js:296:22) | |
| at Generator.prototype.(anonymous function) [as next] (../node_modules/regenerator-runtime/runtime.js:114:21) | |
| at step (story-based-accessibility-tests.js:391:221) | |
| at _next (story-based-accessibility-tests.js:391:409) | |
| ● aXe Testing › aXe storyshots › SLDSColorPicker › Default | |
| expect(received).toHaveNoViolations(expected) | |
| Expected the HTML found at $('#color-picker-summary-input-default-color-picker') to have no violations: | |
| <input aria-describedby="color-picker-summary-error-default-color-picker" class="slds-input" id="color-picker-summary-input-default-color-picker" type="text" value=""> | |
| Received: | |
| "ARIA attributes must conform to valid values (aria-valid-attr-value)" | |
| Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/aria-valid-attr-value?application=axeAPI | |
| 45 | const component = story.render(context); | |
| 46 | const wrapper = mount(component); | |
| > 47 | expect(await axe(wrapper.html())).toHaveNoViolations(); | |
| | ^ | |
| 48 | }, | |
| 49 | }); | |
| 50 | }); | |
| at _callee$ (story-based-accessibility-tests.js:47:38) | |
| at tryCatch (../node_modules/regenerator-runtime/runtime.js:62:40) | |
| at Generator.invoke [as _invoke] (../node_modules/regenerator-runtime/runtime.js:296:22) | |
| at Generator.prototype.(anonymous function) [as next] (../node_modules/regenerator-runtime/runtime.js:114:21) | |
| at step (story-based-accessibility-tests.js:391:221) | |
| at _next (story-based-accessibility-tests.js:391:409) | |
| ● aXe Testing › aXe storyshots › SLDSColorPicker › Custom Only | |
| expect(received).toHaveNoViolations(expected) | |
| Expected the HTML found at $('#color-picker-summary-input-custom-only-color-picker') to have no violations: | |
| <input aria-describedby="color-picker-summary-error-custom-only-color-picker" class="slds-input" id="color-picker-summary-input-custom-only-color-picker" type="text" value=""> | |
| Received: | |
| "ARIA attributes must conform to valid values (aria-valid-attr-value)" | |
| Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/aria-valid-attr-value?application=axeAPI | |
| 45 | const component = story.render(context); | |
| 46 | const wrapper = mount(component); | |
| > 47 | expect(await axe(wrapper.html())).toHaveNoViolations(); | |
| | ^ | |
| 48 | }, | |
| 49 | }); | |
| 50 | }); | |
| at _callee$ (story-based-accessibility-tests.js:47:38) | |
| at tryCatch (../node_modules/regenerator-runtime/runtime.js:62:40) | |
| at Generator.invoke [as _invoke] (../node_modules/regenerator-runtime/runtime.js:296:22) | |
| at Generator.prototype.(anonymous function) [as next] (../node_modules/regenerator-runtime/runtime.js:114:21) | |
| at step (story-based-accessibility-tests.js:391:221) | |
| at _next (story-based-accessibility-tests.js:391:409) | |
| ● aXe Testing › aXe storyshots › SLDSColorPicker › Swatch Only | |
| expect(received).toHaveNoViolations(expected) | |
| Expected the HTML found at $('#color-picker-summary-input-swatch-only-color-picker') to have no violations: | |
| <input aria-describedby="color-picker-summary-error-swatch-only-color-picker" class="slds-input" id="color-picker-summary-input-swatch-only-color-picker" type="text" value=""> | |
| Received: | |
| "ARIA attributes must conform to valid values (aria-valid-attr-value)" | |
| Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/aria-valid-attr-value?application=axeAPI | |
| 45 | const component = story.render(context); | |
| 46 | const wrapper = mount(component); | |
| > 47 | expect(await axe(wrapper.html())).toHaveNoViolations(); | |
| | ^ | |
| 48 | }, | |
| 49 | }); | |
| 50 | }); | |
| at _callee$ (story-based-accessibility-tests.js:47:38) | |
| at tryCatch (../node_modules/regenerator-runtime/runtime.js:62:40) | |
| at Generator.invoke [as _invoke] (../node_modules/regenerator-runtime/runtime.js:296:22) | |
| at Generator.prototype.(anonymous function) [as next] (../node_modules/regenerator-runtime/runtime.js:114:21) | |
| at step (story-based-accessibility-tests.js:391:221) | |
| at _next (story-based-accessibility-tests.js:391:409) | |
| ● aXe Testing › aXe storyshots › SLDSColorPicker › Predefined Colors | |
| expect(received).toHaveNoViolations(expected) | |
| Expected the HTML found at $('#color-picker-summary-input-predefined-color-picker') to have no violations: | |
| <input aria-describedby="color-picker-summary-error-predefined-color-picker" class="slds-input" id="color-picker-summary-input-predefined-color-picker" type="text" value="#000000"> | |
| Received: | |
| "ARIA attributes must conform to valid values (aria-valid-attr-value)" | |
| Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/aria-valid-attr-value?application=axeAPI | |
| 45 | const component = story.render(context); | |
| 46 | const wrapper = mount(component); | |
| > 47 | expect(await axe(wrapper.html())).toHaveNoViolations(); | |
| | ^ | |
| 48 | }, | |
| 49 | }); | |
| 50 | }); | |
| at _callee$ (story-based-accessibility-tests.js:47:38) | |
| at tryCatch (../node_modules/regenerator-runtime/runtime.js:62:40) | |
| at Generator.invoke [as _invoke] (../node_modules/regenerator-runtime/runtime.js:296:22) | |
| at Generator.prototype.(anonymous function) [as next] (../node_modules/regenerator-runtime/runtime.js:114:21) | |
| at step (story-based-accessibility-tests.js:391:221) | |
| at _next (story-based-accessibility-tests.js:391:409) | |
| ● aXe Testing › aXe storyshots › SLDSColorPicker › Predefined Colors Only | |
| expect(received).toHaveNoViolations(expected) | |
| Expected the HTML found at $('#color-picker-summary-input-predefined-only-color-picker') to have no violations: | |
| <input aria-describedby="color-picker-summary-error-predefined-only-color-picker" class="slds-input" id="color-picker-summary-input-predefined-only-color-picker" type="text" value="#000000"> | |
| Received: | |
| "ARIA attributes must conform to valid values (aria-valid-attr-value)" | |
| Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/aria-valid-attr-value?application=axeAPI | |
| 45 | const component = story.render(context); | |
| 46 | const wrapper = mount(component); | |
| > 47 | expect(await axe(wrapper.html())).toHaveNoViolations(); | |
| | ^ | |
| 48 | }, | |
| 49 | }); | |
| 50 | }); | |
| at _callee$ (story-based-accessibility-tests.js:47:38) | |
| at tryCatch (../node_modules/regenerator-runtime/runtime.js:62:40) | |
| at Generator.invoke [as _invoke] (../node_modules/regenerator-runtime/runtime.js:296:22) | |
| at Generator.prototype.(anonymous function) [as next] (../node_modules/regenerator-runtime/runtime.js:114:21) | |
| at step (story-based-accessibility-tests.js:391:221) | |
| at _next (story-based-accessibility-tests.js:391:409) | |
| ● aXe Testing › aXe storyshots › SLDSColorPicker › Custom Tab Selected | |
| expect(received).toHaveNoViolations(expected) | |
| Expected the HTML found at $('#color-picker-summary-input-Custom-tab-default-color-picker') to have no violations: | |
| <input aria-describedby="color-picker-summary-error-Custom-tab-default-color-picker" class="slds-input" id="color-picker-summary-input-Custom-tab-default-color-picker" type="text" value=""> | |
| Received: | |
| "ARIA attributes must conform to valid values (aria-valid-attr-value)" | |
| Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/aria-valid-attr-value?application=axeAPI | |
| 45 | const component = story.render(context); | |
| 46 | const wrapper = mount(component); | |
| > 47 | expect(await axe(wrapper.html())).toHaveNoViolations(); | |
| | ^ | |
| 48 | }, | |
| 49 | }); | |
| 50 | }); | |
| at _callee$ (story-based-accessibility-tests.js:47:38) | |
| at tryCatch (../node_modules/regenerator-runtime/runtime.js:62:40) | |
| at Generator.invoke [as _invoke] (../node_modules/regenerator-runtime/runtime.js:296:22) | |
| at Generator.prototype.(anonymous function) [as next] (../node_modules/regenerator-runtime/runtime.js:114:21) | |
| at step (story-based-accessibility-tests.js:391:221) | |
| at _next (story-based-accessibility-tests.js:391:409) | |
| ● aXe Testing › aXe storyshots › SLDSColorPicker › Working Color Input in Error State | |
| expect(received).toHaveNoViolations(expected) | |
| Expected the HTML found at $('#color-picker-summary-input-working-color-error-state-color-picker') to have no violations: | |
| <input aria-describedby="color-picker-summary-error-working-color-error-state-color-picker" class="slds-input" id="color-picker-summary-input-working-color-error-state-color-picker" type="text" value=""> | |
| Received: | |
| "ARIA attributes must conform to valid values (aria-valid-attr-value)" | |
| Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/aria-valid-attr-value?application=axeAPI | |
| 45 | const component = story.render(context); | |
| 46 | const wrapper = mount(component); | |
| > 47 | expect(await axe(wrapper.html())).toHaveNoViolations(); | |
| | ^ | |
| 48 | }, | |
| 49 | }); | |
| 50 | }); | |
| at _callee$ (story-based-accessibility-tests.js:47:38) | |
| at tryCatch (../node_modules/regenerator-runtime/runtime.js:62:40) | |
| at Generator.invoke [as _invoke] (../node_modules/regenerator-runtime/runtime.js:296:22) | |
| at Generator.prototype.(anonymous function) [as next] (../node_modules/regenerator-runtime/runtime.js:114:21) | |
| at step (story-based-accessibility-tests.js:391:221) | |
| at _next (story-based-accessibility-tests.js:391:409) | |
| ● aXe Testing › aXe storyshots › SLDSColorPicker › Custom Validator | |
| expect(received).toHaveNoViolations(expected) | |
| Expected the HTML found at $('#color-picker-summary-input-custom-validator-color-picker') to have no violations: | |
| <input aria-describedby="color-picker-summary-error-custom-validator-color-picker" class="slds-input" id="color-picker-summary-input-custom-validator-color-picker" type="text" value=""> | |
| Received: | |
| "ARIA attributes must conform to valid values (aria-valid-attr-value)" | |
| Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/aria-valid-attr-value?application=axeAPI | |
| 45 | const component = story.render(context); | |
| 46 | const wrapper = mount(component); | |
| > 47 | expect(await axe(wrapper.html())).toHaveNoViolations(); | |
| | ^ | |
| 48 | }, | |
| 49 | }); | |
| 50 | }); | |
| at _callee$ (story-based-accessibility-tests.js:47:38) | |
| at tryCatch (../node_modules/regenerator-runtime/runtime.js:62:40) | |
| at Generator.invoke [as _invoke] (../node_modules/regenerator-runtime/runtime.js:296:22) | |
| at Generator.prototype.(anonymous function) [as next] (../node_modules/regenerator-runtime/runtime.js:114:21) | |
| at step (story-based-accessibility-tests.js:391:221) | |
| at _next (story-based-accessibility-tests.js:391:409) | |
| ● aXe Testing › aXe storyshots › SLDSColorPicker › Color Picker Disabled | |
| expect(received).toHaveNoViolations(expected) | |
| Expected the HTML found at $('#color-picker-summary-input-color-picker') to have no violations: | |
| <input aria-describedby="color-picker-summary-error-color-picker" class="slds-input" disabled="" id="color-picker-summary-input-color-picker" type="text" value=""> | |
| Received: | |
| "ARIA attributes must conform to valid values (aria-valid-attr-value)" | |
| Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/aria-valid-attr-value?application=axeAPI | |
| 45 | const component = story.render(context); | |
| 46 | const wrapper = mount(component); | |
| > 47 | expect(await axe(wrapper.html())).toHaveNoViolations(); | |
| | ^ | |
| 48 | }, | |
| 49 | }); | |
| 50 | }); | |
| at _callee$ (story-based-accessibility-tests.js:47:38) | |
| at tryCatch (../node_modules/regenerator-runtime/runtime.js:62:40) | |
| at Generator.invoke [as _invoke] (../node_modules/regenerator-runtime/runtime.js:296:22) | |
| at Generator.prototype.(anonymous function) [as next] (../node_modules/regenerator-runtime/runtime.js:114:21) | |
| at step (story-based-accessibility-tests.js:391:221) | |
| at _next (story-based-accessibility-tests.js:391:409) | |
| ● aXe Testing › aXe storyshots › SLDSColorPicker › ColorPicker Menu Open | |
| expect(received).toHaveNoViolations(expected) | |
| Expected the HTML found at $('.slds-active.slds-tabs_default__link[href="javascript:void(0);"]') to have no violations: | |
| <a class="slds-active slds-tabs_default__link" href="javascript:void(0);" role="presentation" tabindex="-1">Default</a> | |
| Expected the HTML found at $('#color-picker-tabs-color-picker-slds-tabs_tab-1 > .slds-tabs_default__link[href="javascript:void(0);"]') to have no violations: | |
| <a class="slds-tabs_default__link" href="javascript:void(0);" role="presentation" tabindex="-1">Custom</a> | |
| Received: | |
| "ARIA role must be appropriate for the element (aria-allowed-role)" | |
| Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/aria-allowed-role?application=axeAPI | |
| ──────── | |
| Expected the HTML found at $('#slds-color-picker__selector-color-picker-popover') to have no violations: | |
| <div class="absolute-positioned slds-nubbin_top-left ignore-react-onclickoutside slds-popover slds-color-picker__selector test_class_name_menu" style="outline: 0; position: absolute; pointer-events: none;" role="popover" tabindex="-1" id="slds-color-picker__selector-color-picker-popover" aria-labelledby="color-picker-label-color-picker" aria-describedby="slds-color-picker__selector-color-picker-dialog-body"> | |
| Received: | |
| "ARIA roles used must conform to valid values (aria-roles)" | |
| Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/aria-roles?application=axeAPI | |
| ──────── | |
| Expected the HTML found at $('#color-picker-input-hex-color-picker') to have no violations: | |
| <input aria-describedby="color-picker-custom-error-color-picker" class="slds-input" id="color-picker-input-hex-color-picker" maxlength="7" type="text" value=""> | |
| Expected the HTML found at $('#color-picker-input-r-color-picker') to have no violations: | |
| <input aria-describedby="color-picker-custom-error-color-picker" class="slds-input" id="color-picker-input-r-color-picker" maxlength="3" type="text" value=""> | |
| Expected the HTML found at $('#color-picker-input-g-color-picker') to have no violations: | |
| <input aria-describedby="color-picker-custom-error-color-picker" class="slds-input" id="color-picker-input-g-color-picker" maxlength="3" type="text" value=""> | |
| Expected the HTML found at $('#color-picker-input-b-color-picker') to have no violations: | |
| <input aria-describedby="color-picker-custom-error-color-picker" class="slds-input" id="color-picker-input-b-color-picker" maxlength="3" type="text" value=""> | |
| Expected the HTML found at $('#color-picker-summary-input-color-picker') to have no violations: | |
| <input aria-describedby="color-picker-summary-error-color-picker" class="slds-input" id="color-picker-summary-input-color-picker" type="text" value=""> | |
| Received: | |
| "ARIA attributes must conform to valid values (aria-valid-attr-value)" | |
| Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/aria-valid-attr-value?application=axeAPI | |
| ──────── | |
| Expected the HTML found at $('#color-picker-transparent-swatch-color-picker') to have no violations: | |
| <input type="radio" id="color-picker-transparent-swatch-color-picker" name="color-picker-color-picker-swatch-toggle-button-group" value=""> | |
| Received: | |
| "Form elements must have labels (label)" | |
| Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/label?application=axeAPI | |
| 45 | const component = story.render(context); | |
| 46 | const wrapper = mount(component); | |
| > 47 | expect(await axe(wrapper.html())).toHaveNoViolations(); | |
| | ^ | |
| 48 | }, | |
| 49 | }); | |
| 50 | }); | |
| at _callee$ (story-based-accessibility-tests.js:47:38) | |
| at tryCatch (../node_modules/regenerator-runtime/runtime.js:62:40) | |
| at Generator.invoke [as _invoke] (../node_modules/regenerator-runtime/runtime.js:296:22) | |
| at Generator.prototype.(anonymous function) [as next] (../node_modules/regenerator-runtime/runtime.js:114:21) | |
| at step (story-based-accessibility-tests.js:391:221) | |
| at _next (story-based-accessibility-tests.js:391:409) | |
| ● aXe Testing › aXe storyshots › SLDSColorPicker › Doc site Default | |
| expect(received).toHaveNoViolations(expected) | |
| Expected the HTML found at $('#color-picker-summary-input-default-color-picker') to have no violations: | |
| <input aria-describedby="color-picker-summary-error-default-color-picker" class="slds-input" id="color-picker-summary-input-default-color-picker" type="text" value=""> | |
| Received: | |
| "ARIA attributes must conform to valid values (aria-valid-attr-value)" | |
| Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/aria-valid-attr-value?application=axeAPI | |
| 45 | const component = story.render(context); | |
| 46 | const wrapper = mount(component); | |
| > 47 | expect(await axe(wrapper.html())).toHaveNoViolations(); | |
| | ^ | |
| 48 | }, | |
| 49 | }); | |
| 50 | }); | |
| at _callee$ (story-based-accessibility-tests.js:47:38) | |
| at tryCatch (../node_modules/regenerator-runtime/runtime.js:62:40) | |
| at Generator.invoke [as _invoke] (../node_modules/regenerator-runtime/runtime.js:296:22) | |
| at Generator.prototype.(anonymous function) [as next] (../node_modules/regenerator-runtime/runtime.js:114:21) | |
| at step (story-based-accessibility-tests.js:391:221) | |
| at _next (story-based-accessibility-tests.js:391:409) | |
| ● aXe Testing › aXe storyshots › SLDSCombobox › Base | |
| expect(received).toHaveNoViolations(expected) | |
| Expected the HTML found at $('#combobox-base') to have no violations: | |
| <input aria-autocomplete="list" aria-controls="combobox-base-listbox" autocomplete="off" class="slds-input slds-combobox__input" id="combobox-base" placeholder="Search Salesforce" role="textbox" type="text" value=""> | |
| Received: | |
| "ARIA role must be appropriate for the element (aria-allowed-role)" | |
| Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/aria-allowed-role?application=axeAPI | |
| ──────── | |
| Expected the HTML found at $('.slds-combobox') to have no violations: | |
| <div class="slds-combobox slds-dropdown-trigger slds-dropdown-trigger_click ignore-react-onclickoutside" aria-expanded="false" aria-haspopup="listbox" aria-owns="combobox-base-listbox" role="combobox"> | |
| Expected the HTML found at $('#combobox-base') to have no violations: | |
| <input aria-autocomplete="list" aria-controls="combobox-base-listbox" autocomplete="off" class="slds-input slds-combobox__input" id="combobox-base" placeholder="Search Salesforce" role="textbox" type="text" value=""> | |
| Received: | |
| "ARIA attributes must conform to valid values (aria-valid-attr-value)" | |
| Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/aria-valid-attr-value?application=axeAPI | |
| 45 | const component = story.render(context); | |
| 46 | const wrapper = mount(component); | |
| > 47 | expect(await axe(wrapper.html())).toHaveNoViolations(); | |
| | ^ | |
| 48 | }, | |
| 49 | }); | |
| 50 | }); | |
| at _callee$ (story-based-accessibility-tests.js:47:38) | |
| at tryCatch (../node_modules/regenerator-runtime/runtime.js:62:40) | |
| at Generator.invoke [as _invoke] (../node_modules/regenerator-runtime/runtime.js:296:22) | |
| at Generator.prototype.(anonymous function) [as next] (../node_modules/regenerator-runtime/runtime.js:114:21) | |
| at step (story-based-accessibility-tests.js:391:221) | |
| at _next (story-based-accessibility-tests.js:391:409) | |
| ● aXe Testing › aXe storyshots › SLDSCombobox › Base Pre-defined Options Only | |
| expect(received).toHaveNoViolations(expected) | |
| Expected the HTML found at $('#combobox-base-predefined-options') to have no violations: | |
| <input aria-autocomplete="list" aria-controls="combobox-base-predefined-options-listbox" autocomplete="off" class="slds-input slds-combobox__input" id="combobox-base-predefined-options" placeholder="Search Salesforce" role="textbox" type="text" value=""> | |
| Received: | |
| "ARIA role must be appropriate for the element (aria-allowed-role)" | |
| Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/aria-allowed-role?application=axeAPI | |
| ──────── | |
| Expected the HTML found at $('.slds-combobox') to have no violations: | |
| <div class="slds-combobox slds-dropdown-trigger slds-dropdown-trigger_click ignore-react-onclickoutside" aria-expanded="false" aria-haspopup="listbox" aria-owns="combobox-base-predefined-options-listbox" role="combobox"> | |
| Expected the HTML found at $('#combobox-base-predefined-options') to have no violations: | |
| <input aria-autocomplete="list" aria-controls="combobox-base-predefined-options-listbox" autocomplete="off" class="slds-input slds-combobox__input" id="combobox-base-predefined-options" placeholder="Search Salesforce" role="textbox" type="text" value=""> | |
| Received: | |
| "ARIA attributes must conform to valid values (aria-valid-attr-value)" | |
| Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/aria-valid-attr-value?application=axeAPI | |
| 45 | const component = story.render(context); | |
| 46 | const wrapper = mount(component); | |
| > 47 | expect(await axe(wrapper.html())).toHaveNoViolations(); | |
| | ^ | |
| 48 | }, | |
| 49 | }); | |
| 50 | }); | |
| at _callee$ (story-based-accessibility-tests.js:47:38) | |
| at tryCatch (../node_modules/regenerator-runtime/runtime.js:62:40) | |
| at Generator.invoke [as _invoke] (../node_modules/regenerator-runtime/runtime.js:296:22) | |
| at Generator.prototype.(anonymous function) [as next] (../node_modules/regenerator-runtime/runtime.js:114:21) | |
| at step (story-based-accessibility-tests.js:391:221) | |
| at _next (story-based-accessibility-tests.js:391:409) | |
| ● aXe Testing › aXe storyshots › SLDSCombobox › Base Inline Help | |
| expect(received).toHaveNoViolations(expected) | |
| Expected the HTML found at $('#combobox-base-inline-help') to have no violations: | |
| <input aria-autocomplete="list" aria-controls="combobox-base-inline-help-listbox" autocomplete="off" class="slds-input slds-combobox__input" id="combobox-base-inline-help" placeholder="Search Salesforce" role="textbox" type="text" value=""> | |
| Received: | |
| "ARIA role must be appropriate for the element (aria-allowed-role)" | |
| Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/aria-allowed-role?application=axeAPI | |
| ──────── | |
| Expected the HTML found at $('button') to have no violations: | |
| <button class="slds-button slds-button_icon" type="button" aria-disabled="true" aria-describedby="field-level-help-tooltip"> | |
| Expected the HTML found at $('.slds-combobox') to have no violations: | |
| <div class="slds-combobox slds-dropdown-trigger slds-dropdown-trigger_click ignore-react-onclickoutside" aria-expanded="false" aria-haspopup="listbox" aria-owns="combobox-base-inline-help-listbox" role="combobox"> | |
| Expected the HTML found at $('#combobox-base-inline-help') to have no violations: | |
| <input aria-autocomplete="list" aria-controls="combobox-base-inline-help-listbox" autocomplete="off" class="slds-input slds-combobox__input" id="combobox-base-inline-help" placeholder="Search Salesforce" role="textbox" type="text" value=""> | |
| Received: | |
| "ARIA attributes must conform to valid values (aria-valid-attr-value)" | |
| Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/aria-valid-attr-value?application=axeAPI | |
| 45 | const component = story.render(context); | |
| 46 | const wrapper = mount(component); | |
| > 47 | expect(await axe(wrapper.html())).toHaveNoViolations(); | |
| | ^ | |
| 48 | }, | |
| 49 | }); | |
| 50 | }); | |
| at _callee$ (story-based-accessibility-tests.js:47:38) | |
| at tryCatch (../node_modules/regenerator-runtime/runtime.js:62:40) | |
| at Generator.invoke [as _invoke] (../node_modules/regenerator-runtime/runtime.js:296:22) | |
| at Generator.prototype.(anonymous function) [as next] (../node_modules/regenerator-runtime/runtime.js:114:21) | |
| at step (story-based-accessibility-tests.js:391:221) | |
| at _next (story-based-accessibility-tests.js:391:409) | |
| ● aXe Testing › aXe storyshots › SLDSCombobox › Inline Single Selection | |
| expect(received).toHaveNoViolations(expected) | |
| Expected the HTML found at $('#combobox-inline-single') to have no violations: | |
| <input aria-autocomplete="list" aria-controls="combobox-inline-single-listbox" autocomplete="off" class="slds-input slds-combobox__input" id="combobox-inline-single" placeholder="Search Salesforce" role="textbox" type="text" value=""> | |
| Received: | |
| "ARIA role must be appropriate for the element (aria-allowed-role)" | |
| Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/aria-allowed-role?application=axeAPI | |
| ──────── | |
| Expected the HTML found at $('#combobox-inline-single') to have no violations: | |
| <input aria-autocomplete="list" aria-controls="combobox-inline-single-listbox" autocomplete="off" class="slds-input slds-combobox__input" id="combobox-inline-single" placeholder="Search Salesforce" role="textbox" type="text" value=""> | |
| Received: | |
| "ARIA attributes must conform to valid values (aria-valid-attr-value)" | |
| Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/aria-valid-attr-value?application=axeAPI | |
| 45 | const component = story.render(context); | |
| 46 | const wrapper = mount(component); | |
| > 47 | expect(await axe(wrapper.html())).toHaveNoViolations(); | |
| | ^ | |
| 48 | }, | |
| 49 | }); | |
| 50 | }); | |
| at _callee$ (story-based-accessibility-tests.js:47:38) | |
| at tryCatch (../node_modules/regenerator-runtime/runtime.js:62:40) | |
| at Generator.invoke [as _invoke] (../node_modules/regenerator-runtime/runtime.js:296:22) | |
| at Generator.prototype.(anonymous function) [as next] (../node_modules/regenerator-runtime/runtime.js:114:21) | |
| at step (story-based-accessibility-tests.js:391:221) | |
| at _next (story-based-accessibility-tests.js:391:409) | |
| ● aXe Testing › aXe storyshots › SLDSCombobox › Inline Multiple Selection | |
| expect(received).toHaveNoViolations(expected) | |
| Expected the HTML found at $('.slds-combobox__form-element') to have no violations: | |
| <div class="slds-combobox__form-element slds-input-has-icon slds-input-has-icon_right" aria-expanded="false" aria-haspopup="listbox" role="none"> | |
| Received: | |
| "Elements must only use allowed ARIA attributes (aria-allowed-attr)" | |
| Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/aria-allowed-attr?application=axeAPI | |
| ──────── | |
| Expected the HTML found at $('#combobox-inline-multiple') to have no violations: | |
| <input aria-autocomplete="list" aria-controls="combobox-inline-multiple-listbox" autocomplete="off" class="slds-input slds-combobox__input" id="combobox-inline-multiple" placeholder="Search Salesforce" role="textbox" type="text" value=""> | |
| Received: | |
| "ARIA role must be appropriate for the element (aria-allowed-role)" | |
| Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/aria-allowed-role?application=axeAPI | |
| ──────── | |
| Expected the HTML found at $('#combobox-inline-multiple') to have no violations: | |
| <input aria-autocomplete="list" aria-controls="combobox-inline-multiple-listbox" autocomplete="off" class="slds-input slds-combobox__input" id="combobox-inline-multiple" placeholder="Search Salesforce" role="textbox" type="text" value=""> | |
| Received: | |
| "ARIA attributes must conform to valid values (aria-valid-attr-value)" | |
| Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/aria-valid-attr-value?application=axeAPI | |
| 45 | const component = story.render(context); | |
| 46 | const wrapper = mount(component); | |
| > 47 | expect(await axe(wrapper.html())).toHaveNoViolations(); | |
| | ^ | |
| 48 | }, | |
| 49 | }); | |
| 50 | }); | |
| at _callee$ (story-based-accessibility-tests.js:47:38) | |
| at tryCatch (../node_modules/regenerator-runtime/runtime.js:62:40) | |
| at Generator.invoke [as _invoke] (../node_modules/regenerator-runtime/runtime.js:296:22) | |
| at Generator.prototype.(anonymous function) [as next] (../node_modules/regenerator-runtime/runtime.js:114:21) | |
| at step (story-based-accessibility-tests.js:391:221) | |
| at _next (story-based-accessibility-tests.js:391:409) | |
| ● aXe Testing › aXe storyshots › SLDSCombobox › Base Custom Menu Item | |
| expect(received).toHaveNoViolations(expected) | |
| Expected the HTML found at $('#combobox-base-custom-menu-item') to have no violations: | |
| <input aria-autocomplete="list" aria-controls="combobox-base-custom-menu-item-listbox" autocomplete="off" class="slds-input slds-combobox__input" id="combobox-base-custom-menu-item" placeholder="Search Salesforce" role="textbox" type="text" value=""> | |
| Received: | |
| "ARIA role must be appropriate for the element (aria-allowed-role)" | |
| Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/aria-allowed-role?application=axeAPI | |
| ──────── | |
| Expected the HTML found at $('.slds-combobox') to have no violations: | |
| <div class="slds-combobox slds-dropdown-trigger slds-dropdown-trigger_click ignore-react-onclickoutside" aria-expanded="false" aria-haspopup="listbox" aria-owns="combobox-base-custom-menu-item-listbox" role="combobox"> | |
| Expected the HTML found at $('#combobox-base-custom-menu-item') to have no violations: | |
| <input aria-autocomplete="list" aria-controls="combobox-base-custom-menu-item-listbox" autocomplete="off" class="slds-input slds-combobox__input" id="combobox-base-custom-menu-item" placeholder="Search Salesforce" role="textbox" type="text" value=""> | |
| Received: | |
| "ARIA attributes must conform to valid values (aria-valid-attr-value)" | |
| Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/aria-valid-attr-value?application=axeAPI | |
| 45 | const component = story.render(context); | |
| 46 | const wrapper = mount(component); | |
| > 47 | expect(await axe(wrapper.html())).toHaveNoViolations(); | |
| | ^ | |
| 48 | }, | |
| 49 | }); | |
| 50 | }); | |
| at _callee$ (story-based-accessibility-tests.js:47:38) | |
| at tryCatch (../node_modules/regenerator-runtime/runtime.js:62:40) | |
| at Generator.invoke [as _invoke] (../node_modules/regenerator-runtime/runtime.js:296:22) | |
| at Generator.prototype.(anonymous function) [as next] (../node_modules/regenerator-runtime/runtime.js:114:21) | |
| at step (story-based-accessibility-tests.js:391:221) | |
| at _next (story-based-accessibility-tests.js:391:409) | |
| ● aXe Testing › aXe storyshots › SLDSCombobox › Base Menu Sub Headers | |
| expect(received).toHaveNoViolations(expected) | |
| Expected the HTML found at $('#combobox-base-menu-subheader') to have no violations: | |
| <input aria-autocomplete="list" aria-controls="combobox-base-menu-subheader-listbox" autocomplete="off" class="slds-input slds-combobox__input" id="combobox-base-menu-subheader" placeholder="Search Salesforce" role="textbox" type="text" value=""> | |
| Received: | |
| "ARIA role must be appropriate for the element (aria-allowed-role)" | |
| Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/aria-allowed-role?application=axeAPI | |
| ──────── | |
| Expected the HTML found at $('.slds-combobox') to have no violations: | |
| <div class="slds-combobox slds-dropdown-trigger slds-dropdown-trigger_click ignore-react-onclickoutside" aria-expanded="false" aria-haspopup="listbox" aria-owns="combobox-base-menu-subheader-listbox" role="combobox"> | |
| Expected the HTML found at $('#combobox-base-menu-subheader') to have no violations: | |
| <input aria-autocomplete="list" aria-controls="combobox-base-menu-subheader-listbox" autocomplete="off" class="slds-input slds-combobox__input" id="combobox-base-menu-subheader" placeholder="Search Salesforce" role="textbox" type="text" value=""> | |
| Received: | |
| "ARIA attributes must conform to valid values (aria-valid-attr-value)" | |
| Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/aria-valid-attr-value?application=axeAPI | |
| 45 | const component = story.render(context); | |
| 46 | const wrapper = mount(component); | |
| > 47 | expect(await axe(wrapper.html())).toHaveNoViolations(); | |
| | ^ | |
| 48 | }, | |
| 49 | }); | |
| 50 | }); | |
| at _callee$ (story-based-accessibility-tests.js:47:38) | |
| at tryCatch (../node_modules/regenerator-runtime/runtime.js:62:40) | |
| at Generator.invoke [as _invoke] (../node_modules/regenerator-runtime/runtime.js:296:22) | |
| at Generator.prototype.(anonymous function) [as next] (../node_modules/regenerator-runtime/runtime.js:114:21) | |
| at step (story-based-accessibility-tests.js:391:221) | |
| at _next (story-based-accessibility-tests.js:391:409) | |
| ● aXe Testing › aXe storyshots › SLDSCombobox › Base Menu Separator | |
| expect(received).toHaveNoViolations(expected) | |
| Expected the HTML found at $('#combobox-base-menu-separator') to have no violations: | |
| <input aria-autocomplete="list" aria-controls="combobox-base-menu-separator-listbox" autocomplete="off" class="slds-input slds-combobox__input" id="combobox-base-menu-separator" placeholder="Search Salesforce" role="textbox" type="text" value=""> | |
| Received: | |
| "ARIA role must be appropriate for the element (aria-allowed-role)" | |
| Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/aria-allowed-role?application=axeAPI | |
| ──────── | |
| Expected the HTML found at $('.slds-combobox') to have no violations: | |
| <div class="slds-combobox slds-dropdown-trigger slds-dropdown-trigger_click ignore-react-onclickoutside" aria-expanded="false" aria-haspopup="listbox" aria-owns="combobox-base-menu-separator-listbox" role="combobox"> | |
| Expected the HTML found at $('#combobox-base-menu-separator') to have no violations: | |
| <input aria-autocomplete="list" aria-controls="combobox-base-menu-separator-listbox" autocomplete="off" class="slds-input slds-combobox__input" id="combobox-base-menu-separator" placeholder="Search Salesforce" role="textbox" type="text" value=""> | |
| Received: | |
| "ARIA attributes must conform to valid values (aria-valid-attr-value)" | |
| Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/aria-valid-attr-value?application=axeAPI | |
| 45 | const component = story.render(context); | |
| 46 | const wrapper = mount(component); | |
| > 47 | expect(await axe(wrapper.html())).toHaveNoViolations(); | |
| | ^ | |
| 48 | }, | |
| 49 | }); | |
| 50 | }); | |
| at _callee$ (story-based-accessibility-tests.js:47:38) | |
| at tryCatch (../node_modules/regenerator-runtime/runtime.js:62:40) | |
| at Generator.invoke [as _invoke] (../node_modules/regenerator-runtime/runtime.js:296:22) | |
| at Generator.prototype.(anonymous function) [as next] (../node_modules/regenerator-runtime/runtime.js:114:21) | |
| at step (story-based-accessibility-tests.js:391:221) | |
| at _next (story-based-accessibility-tests.js:391:409) | |
| ● aXe Testing › aXe storyshots › SLDSCombobox › Base Inherit Menu Width | |
| expect(received).toHaveNoViolations(expected) | |
| Expected the HTML found at $('#combobox-base-inherit-menu-width') to have no violations: | |
| <input aria-autocomplete="list" aria-controls="combobox-base-inherit-menu-width-listbox" autocomplete="off" class="slds-input slds-combobox__input" id="combobox-base-inherit-menu-width" placeholder="Search Salesforce" role="textbox" type="text" value=""> | |
| Received: | |
| "ARIA role must be appropriate for the element (aria-allowed-role)" | |
| Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/aria-allowed-role?application=axeAPI | |
| ──────── | |
| Expected the HTML found at $('.slds-combobox') to have no violations: | |
| <div class="slds-combobox slds-dropdown-trigger slds-dropdown-trigger_click ignore-react-onclickoutside" aria-expanded="false" aria-haspopup="listbox" aria-owns="combobox-base-inherit-menu-width-listbox" role="combobox"> | |
| Expected the HTML found at $('#combobox-base-inherit-menu-width') to have no violations: | |
| <input aria-autocomplete="list" aria-controls="combobox-base-inherit-menu-width-listbox" autocomplete="off" class="slds-input slds-combobox__input" id="combobox-base-inherit-menu-width" placeholder="Search Salesforce" role="textbox" type="text" value=""> | |
| Received: | |
| "ARIA attributes must conform to valid values (aria-valid-attr-value)" | |
| Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/aria-valid-attr-value?application=axeAPI | |
| 45 | const component = story.render(context); | |
| 46 | const wrapper = mount(component); | |
| > 47 | expect(await axe(wrapper.html())).toHaveNoViolations(); | |
| | ^ | |
| 48 | }, | |
| 49 | }); | |
| 50 | }); | |
| at _callee$ (story-based-accessibility-tests.js:47:38) | |
| at tryCatch (../node_modules/regenerator-runtime/runtime.js:62:40) | |
| at Generator.invoke [as _invoke] (../node_modules/regenerator-runtime/runtime.js:296:22) | |
| at Generator.prototype.(anonymous function) [as next] (../node_modules/regenerator-runtime/runtime.js:114:21) | |
| at step (story-based-accessibility-tests.js:391:221) | |
| at _next (story-based-accessibility-tests.js:391:409) | |
| ● aXe Testing › aXe storyshots › SLDSCombobox › Readonly Single Selection | |
| expect(received).toHaveNoViolations(expected) | |
| Expected the HTML found at $('.slds-combobox__form-element') to have no violations: | |
| <div class="slds-combobox__form-element slds-input-has-icon slds-input-has-icon_right" aria-expanded="false" aria-haspopup="listbox" role="none"> | |
| Received: | |
| "Elements must only use allowed ARIA attributes (aria-allowed-attr)" | |
| Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/aria-allowed-attr?application=axeAPI | |
| ──────── | |
| Expected the HTML found at $('#combobox-readonly-single') to have no violations: | |
| <input aria-autocomplete="list" aria-controls="combobox-readonly-single-listbox" autocomplete="off" class="slds-input slds-combobox__input" id="combobox-readonly-single" placeholder="Select an Option" readonly="" role="textbox" type="text" value=""> | |
| Received: | |
| "ARIA role must be appropriate for the element (aria-allowed-role)" | |
| Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/aria-allowed-role?application=axeAPI | |
| ──────── | |
| Expected the HTML found at $('#combobox-readonly-single') to have no violations: | |
| <input aria-autocomplete="list" aria-controls="combobox-readonly-single-listbox" autocomplete="off" class="slds-input slds-combobox__input" id="combobox-readonly-single" placeholder="Select an Option" readonly="" role="textbox" type="text" value=""> | |
| Received: | |
| "ARIA attributes must conform to valid values (aria-valid-attr-value)" | |
| Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/aria-valid-attr-value?application=axeAPI | |
| 45 | const component = story.render(context); | |
| 46 | const wrapper = mount(component); | |
| > 47 | expect(await axe(wrapper.html())).toHaveNoViolations(); | |
| | ^ | |
| 48 | }, | |
| 49 | }); | |
| 50 | }); | |
| at _callee$ (story-based-accessibility-tests.js:47:38) | |
| at tryCatch (../node_modules/regenerator-runtime/runtime.js:62:40) | |
| at Generator.invoke [as _invoke] (../node_modules/regenerator-runtime/runtime.js:296:22) | |
| at Generator.prototype.(anonymous function) [as next] (../node_modules/regenerator-runtime/runtime.js:114:21) | |
| at step (story-based-accessibility-tests.js:391:221) | |
| at _next (story-based-accessibility-tests.js:391:409) | |
| ● aXe Testing › aXe storyshots › SLDSCombobox › Readonly Multiple Selection | |
| expect(received).toHaveNoViolations(expected) | |
| Expected the HTML found at $('.slds-combobox__form-element') to have no violations: | |
| <div class="slds-combobox__form-element slds-input-has-icon slds-input-has-icon_right" aria-expanded="false" aria-haspopup="listbox" role="none"> | |
| Received: | |
| "Elements must only use allowed ARIA attributes (aria-allowed-attr)" | |
| Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/aria-allowed-attr?application=axeAPI | |
| ──────── | |
| Expected the HTML found at $('#combobox-readonly-multiple') to have no violations: | |
| <input aria-autocomplete="list" aria-controls="combobox-readonly-multiple-listbox" autocomplete="off" class="slds-input slds-combobox__input" id="combobox-readonly-multiple" placeholder="Select an Option" readonly="" role="textbox" type="text" value=""> | |
| Received: | |
| "ARIA role must be appropriate for the element (aria-allowed-role)" | |
| Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/aria-allowed-role?application=axeAPI | |
| ──────── | |
| Expected the HTML found at $('#combobox-readonly-multiple') to have no violations: | |
| <input aria-autocomplete="list" aria-controls="combobox-readonly-multiple-listbox" autocomplete="off" class="slds-input slds-combobox__input" id="combobox-readonly-multiple" placeholder="Select an Option" readonly="" role="textbox" type="text" value=""> | |
| Received: | |
| "ARIA attributes must conform to valid values (aria-valid-attr-value)" | |
| Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/aria-valid-attr-value?application=axeAPI | |
| 45 | const component = story.render(context); | |
| 46 | const wrapper = mount(component); | |
| > 47 | expect(await axe(wrapper.html())).toHaveNoViolations(); | |
| | ^ | |
| 48 | }, | |
| 49 | }); | |
| 50 | }); | |
| at _callee$ (story-based-accessibility-tests.js:47:38) | |
| at tryCatch (../node_modules/regenerator-runtime/runtime.js:62:40) | |
| at Generator.invoke [as _invoke] (../node_modules/regenerator-runtime/runtime.js:296:22) | |
| at Generator.prototype.(anonymous function) [as next] (../node_modules/regenerator-runtime/runtime.js:114:21) | |
| at step (story-based-accessibility-tests.js:391:221) | |
| at _next (story-based-accessibility-tests.js:391:409) | |
| ● aXe Testing › aXe storyshots › SLDSCombobox › Readonly Single Selection Custom Menu Item | |
| expect(received).toHaveNoViolations(expected) | |
| Expected the HTML found at $('.slds-combobox__form-element') to have no violations: | |
| <div class="slds-combobox__form-element slds-input-has-icon slds-input-has-icon_right" aria-expanded="false" aria-haspopup="listbox" role="none"> | |
| Received: | |
| "Elements must only use allowed ARIA attributes (aria-allowed-attr)" | |
| Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/aria-allowed-attr?application=axeAPI | |
| ──────── | |
| Expected the HTML found at $('#combobox-readonly-single-custom-item') to have no violations: | |
| <input aria-autocomplete="list" aria-controls="combobox-readonly-single-custom-item-listbox" autocomplete="off" class="slds-input slds-combobox__input" id="combobox-readonly-single-custom-item" placeholder="Select company" readonly="" role="textbox" type="text" value=""> | |
| Received: | |
| "ARIA role must be appropriate for the element (aria-allowed-role)" | |
| Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/aria-allowed-role?application=axeAPI | |
| ──────── | |
| Expected the HTML found at $('#combobox-readonly-single-custom-item') to have no violations: | |
| <input aria-autocomplete="list" aria-controls="combobox-readonly-single-custom-item-listbox" autocomplete="off" class="slds-input slds-combobox__input" id="combobox-readonly-single-custom-item" placeholder="Select company" readonly="" role="textbox" type="text" value=""> | |
| Received: | |
| "ARIA attributes must conform to valid values (aria-valid-attr-value)" | |
| Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/aria-valid-attr-value?application=axeAPI | |
| 45 | const component = story.render(context); | |
| 46 | const wrapper = mount(component); | |
| > 47 | expect(await axe(wrapper.html())).toHaveNoViolations(); | |
| | ^ | |
| 48 | }, | |
| 49 | }); | |
| 50 | }); | |
| at _callee$ (story-based-accessibility-tests.js:47:38) | |
| at tryCatch (../node_modules/regenerator-runtime/runtime.js:62:40) | |
| at Generator.invoke [as _invoke] (../node_modules/regenerator-runtime/runtime.js:296:22) | |
| at Generator.prototype.(anonymous function) [as next] (../node_modules/regenerator-runtime/runtime.js:114:21) | |
| at step (story-based-accessibility-tests.js:391:221) | |
| at _next (story-based-accessibility-tests.js:391:409) | |
| ● aXe Testing › aXe storyshots › SLDSCombobox › Required Input in Error State | |
| expect(received).toHaveNoViolations(expected) | |
| Expected the HTML found at $('#combobox-required-error-state') to have no violations: | |
| <input aria-autocomplete="list" aria-controls="combobox-required-error-state-listbox" aria-describedby="description-unique-id" autocomplete="off" class="slds-input slds-combobox__input" id="combobox-required-error-state" placeholder="Search Salesforce" required="" role="textbox" type="text" value=""> | |
| Received: | |
| "ARIA role must be appropriate for the element (aria-allowed-role)" | |
| Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/aria-allowed-role?application=axeAPI | |
| ──────── | |
| Expected the HTML found at $('.slds-combobox') to have no violations: | |
| <div class="slds-combobox slds-dropdown-trigger slds-dropdown-trigger_click ignore-react-onclickoutside slds-has-error" aria-expanded="false" aria-haspopup="listbox" aria-owns="combobox-required-error-state-listbox" role="combobox"> | |
| Expected the HTML found at $('#combobox-required-error-state') to have no violations: | |
| <input aria-autocomplete="list" aria-controls="combobox-required-error-state-listbox" aria-describedby="description-unique-id" autocomplete="off" class="slds-input slds-combobox__input" id="combobox-required-error-state" placeholder="Search Salesforce" required="" role="textbox" type="text" value=""> | |
| Received: | |
| "ARIA attributes must conform to valid values (aria-valid-attr-value)" | |
| Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/aria-valid-attr-value?application=axeAPI | |
| 45 | const component = story.render(context); | |
| 46 | const wrapper = mount(component); | |
| > 47 | expect(await axe(wrapper.html())).toHaveNoViolations(); | |
| | ^ | |
| 48 | }, | |
| 49 | }); | |
| 50 | }); | |
| at _callee$ (story-based-accessibility-tests.js:47:38) | |
| at tryCatch (../node_modules/regenerator-runtime/runtime.js:62:40) | |
| at Generator.invoke [as _invoke] (../node_modules/regenerator-runtime/runtime.js:296:22) | |
| at Generator.prototype.(anonymous function) [as next] (../node_modules/regenerator-runtime/runtime.js:114:21) | |
| at step (story-based-accessibility-tests.js:391:221) | |
| at _next (story-based-accessibility-tests.js:391:409) | |
| ● aXe Testing › aXe storyshots › SLDSCombobox › Snapshot Base Open | |
| expect(received).toHaveNoViolations(expected) | |
| Expected the HTML found at $('#combobox-unique-id') to have no violations: | |
| <input aria-autocomplete="list" aria-controls="combobox-unique-id-listbox" autocomplete="off" class="slds-input slds-combobox__input" id="combobox-unique-id" placeholder="Search Salesforce" role="textbox" type="text" value=""> | |
| Received: | |
| "ARIA role must be appropriate for the element (aria-allowed-role)" | |
| Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/aria-allowed-role?application=axeAPI | |
| ──────── | |
| Expected the HTML found at $('#combobox-unique-id') to have no violations: | |
| <input aria-autocomplete="list" aria-controls="combobox-unique-id-listbox" autocomplete="off" class="slds-input slds-combobox__input" id="combobox-unique-id" placeholder="Search Salesforce" role="textbox" type="text" value=""> | |
| Received: | |
| "Form elements must have labels (label)" | |
| Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/label?application=axeAPI | |
| 45 | const component = story.render(context); | |
| 46 | const wrapper = mount(component); | |
| > 47 | expect(await axe(wrapper.html())).toHaveNoViolations(); | |
| | ^ | |
| 48 | }, | |
| 49 | }); | |
| 50 | }); | |
| at _callee$ (story-based-accessibility-tests.js:47:38) | |
| at tryCatch (../node_modules/regenerator-runtime/runtime.js:62:40) | |
| at Generator.invoke [as _invoke] (../node_modules/regenerator-runtime/runtime.js:296:22) | |
| at Generator.prototype.(anonymous function) [as next] (../node_modules/regenerator-runtime/runtime.js:114:21) | |
| at step (story-based-accessibility-tests.js:391:221) | |
| at _next (story-based-accessibility-tests.js:391:409) | |
| ● aXe Testing › aXe storyshots › SLDSCombobox › Snapshot Base Custom Menu Item Open | |
| expect(received).toHaveNoViolations(expected) | |
| Expected the HTML found at $('#combobox-base-custom-menu-item') to have no violations: | |
| <input aria-autocomplete="list" aria-controls="combobox-base-custom-menu-item-listbox" autocomplete="off" class="slds-input slds-combobox__input" id="combobox-base-custom-menu-item" placeholder="Search Salesforce" role="textbox" type="text" value=""> | |
| Received: | |
| "ARIA role must be appropriate for the element (aria-allowed-role)" | |
| Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/aria-allowed-role?application=axeAPI | |
| 45 | const component = story.render(context); | |
| 46 | const wrapper = mount(component); | |
| > 47 | expect(await axe(wrapper.html())).toHaveNoViolations(); | |
| | ^ | |
| 48 | }, | |
| 49 | }); | |
| 50 | }); | |
| at _callee$ (story-based-accessibility-tests.js:47:38) | |
| at tryCatch (../node_modules/regenerator-runtime/runtime.js:62:40) | |
| at Generator.invoke [as _invoke] (../node_modules/regenerator-runtime/runtime.js:296:22) | |
| at Generator.prototype.(anonymous function) [as next] (../node_modules/regenerator-runtime/runtime.js:114:21) | |
| at step (story-based-accessibility-tests.js:391:221) | |
| at _next (story-based-accessibility-tests.js:391:409) | |
| ● aXe Testing › aXe storyshots › SLDSCombobox › Snapshot Base Selected | |
| expect(received).toHaveNoViolations(expected) | |
| Expected the HTML found at $('#combobox-unique-id') to have no violations: | |
| <input aria-autocomplete="list" aria-controls="combobox-unique-id-listbox" autocomplete="off" class="slds-input slds-combobox__input" id="combobox-unique-id" placeholder="Search Salesforce" role="textbox" type="text" value=""> | |
| Received: | |
| "ARIA role must be appropriate for the element (aria-allowed-role)" | |
| Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/aria-allowed-role?application=axeAPI | |
| ──────── | |
| Expected the HTML found at $('.slds-combobox') to have no violations: | |
| <div class="slds-combobox slds-dropdown-trigger slds-dropdown-trigger_click ignore-react-onclickoutside" aria-expanded="false" aria-haspopup="listbox" aria-owns="combobox-unique-id-listbox" role="combobox"> | |
| Expected the HTML found at $('#combobox-unique-id') to have no violations: | |
| <input aria-autocomplete="list" aria-controls="combobox-unique-id-listbox" autocomplete="off" class="slds-input slds-combobox__input" id="combobox-unique-id" placeholder="Search Salesforce" role="textbox" type="text" value=""> | |
| Received: | |
| "ARIA attributes must conform to valid values (aria-valid-attr-value)" | |
| Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/aria-valid-attr-value?application=axeAPI | |
| ──────── | |
| Expected the HTML found at $('#combobox-unique-id') to have no violations: | |
| <input aria-autocomplete="list" aria-controls="combobox-unique-id-listbox" autocomplete="off" class="slds-input slds-combobox__input" id="combobox-unique-id" placeholder="Search Salesforce" role="textbox" type="text" value=""> | |
| Received: | |
| "Form elements must have labels (label)" | |
| Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/label?application=axeAPI | |
| 45 | const component = story.render(context); | |
| 46 | const wrapper = mount(component); | |
| > 47 | expect(await axe(wrapper.html())).toHaveNoViolations(); | |
| | ^ | |
| 48 | }, | |
| 49 | }); | |
| 50 | }); | |
| at _callee$ (story-based-accessibility-tests.js:47:38) | |
| at tryCatch (../node_modules/regenerator-runtime/runtime.js:62:40) | |
| at Generator.invoke [as _invoke] (../node_modules/regenerator-runtime/runtime.js:296:22) | |
| at Generator.prototype.(anonymous function) [as next] (../node_modules/regenerator-runtime/runtime.js:114:21) | |
| at step (story-based-accessibility-tests.js:391:221) | |
| at _next (story-based-accessibility-tests.js:391:409) | |
| ● aXe Testing › aXe storyshots › SLDSCombobox › Snapshot Base Label Required | |
| expect(received).toHaveNoViolations(expected) | |
| Expected the HTML found at $('#combobox-required-error-state') to have no violations: | |
| <input aria-autocomplete="list" aria-controls="combobox-required-error-state-listbox" aria-describedby="description-unique-id" autocomplete="off" class="slds-input slds-combobox__input" id="combobox-required-error-state" placeholder="Search Salesforce" required="" role="textbox" type="text" value=""> | |
| Received: | |
| "ARIA role must be appropriate for the element (aria-allowed-role)" | |
| Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/aria-allowed-role?application=axeAPI | |
| ──────── | |
| Expected the HTML found at $('.slds-combobox') to have no violations: | |
| <div class="slds-combobox slds-dropdown-trigger slds-dropdown-trigger_click ignore-react-onclickoutside slds-has-error" aria-expanded="false" aria-haspopup="listbox" aria-owns="combobox-required-error-state-listbox" role="combobox"> | |
| Expected the HTML found at $('#combobox-required-error-state') to have no violations: | |
| <input aria-autocomplete="list" aria-controls="combobox-required-error-state-listbox" aria-describedby="description-unique-id" autocomplete="off" class="slds-input slds-combobox__input" id="combobox-required-error-state" placeholder="Search Salesforce" required="" role="textbox" type="text" value=""> | |
| Received: | |
| "ARIA attributes must conform to valid values (aria-valid-attr-value)" | |
| Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/aria-valid-attr-value?application=axeAPI | |
| 45 | const component = story.render(context); | |
| 46 | const wrapper = mount(component); | |
| > 47 | expect(await axe(wrapper.html())).toHaveNoViolations(); | |
| | ^ | |
| 48 | }, | |
| 49 | }); | |
| 50 | }); | |
| at _callee$ (story-based-accessibility-tests.js:47:38) | |
| at tryCatch (../node_modules/regenerator-runtime/runtime.js:62:40) | |
| at Generator.invoke [as _invoke] (../node_modules/regenerator-runtime/runtime.js:296:22) | |
| at Generator.prototype.(anonymous function) [as next] (../node_modules/regenerator-runtime/runtime.js:114:21) | |
| at step (story-based-accessibility-tests.js:391:221) | |
| at _next (story-based-accessibility-tests.js:391:409) | |
| ● aXe Testing › aXe storyshots › SLDSCombobox › Snapshot Base Open Menu Sub Header Separator | |
| expect(received).toHaveNoViolations(expected) | |
| Expected the HTML found at $('#combobox-unique-id') to have no violations: | |
| <input aria-autocomplete="list" aria-controls="combobox-unique-id-listbox" autocomplete="off" class="slds-input slds-combobox__input" id="combobox-unique-id" placeholder="Search Salesforce" role="textbox" type="text" value=""> | |
| Received: | |
| "ARIA role must be appropriate for the element (aria-allowed-role)" | |
| Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/aria-allowed-role?application=axeAPI | |
| ──────── | |
| Expected the HTML found at $('#combobox-unique-id') to have no violations: | |
| <input aria-autocomplete="list" aria-controls="combobox-unique-id-listbox" autocomplete="off" class="slds-input slds-combobox__input" id="combobox-unique-id" placeholder="Search Salesforce" role="textbox" type="text" value=""> | |
| Received: | |
| "Form elements must have labels (label)" | |
| Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/label?application=axeAPI | |
| 45 | const component = story.render(context); | |
| 46 | const wrapper = mount(component); | |
| > 47 | expect(await axe(wrapper.html())).toHaveNoViolations(); | |
| | ^ | |
| 48 | }, | |
| 49 | }); | |
| 50 | }); | |
| at _callee$ (story-based-accessibility-tests.js:47:38) | |
| at tryCatch (../node_modules/regenerator-runtime/runtime.js:62:40) | |
| at Generator.invoke [as _invoke] (../node_modules/regenerator-runtime/runtime.js:296:22) | |
| at Generator.prototype.(anonymous function) [as next] (../node_modules/regenerator-runtime/runtime.js:114:21) | |
| at step (story-based-accessibility-tests.js:391:221) | |
| at _next (story-based-accessibility-tests.js:391:409) | |
| ● aXe Testing › aXe storyshots › SLDSCombobox › Snapshot Base Open Menu inheritWidthOf prop | |
| expect(received).toHaveNoViolations(expected) | |
| Expected the HTML found at $('#combobox-unique-id') to have no violations: | |
| <input aria-autocomplete="list" aria-controls="combobox-unique-id-listbox" autocomplete="off" class="slds-input slds-combobox__input" id="combobox-unique-id" placeholder="Search Salesforce" role="textbox" type="text" value=""> | |
| Received: | |
| "ARIA role must be appropriate for the element (aria-allowed-role)" | |
| Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/aria-allowed-role?application=axeAPI | |
| ──────── | |
| Expected the HTML found at $('#combobox-unique-id') to have no violations: | |
| <input aria-autocomplete="list" aria-controls="combobox-unique-id-listbox" autocomplete="off" class="slds-input slds-combobox__input" id="combobox-unique-id" placeholder="Search Salesforce" role="textbox" type="text" value=""> | |
| Received: | |
| "Form elements must have labels (label)" | |
| Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/label?application=axeAPI | |
| 45 | const component = story.render(context); | |
| 46 | const wrapper = mount(component); | |
| > 47 | expect(await axe(wrapper.html())).toHaveNoViolations(); | |
| | ^ | |
| 48 | }, | |
| 49 | }); | |
| 50 | }); | |
| at _callee$ (story-based-accessibility-tests.js:47:38) | |
| at tryCatch (../node_modules/regenerator-runtime/runtime.js:62:40) | |
| at Generator.invoke [as _invoke] (../node_modules/regenerator-runtime/runtime.js:296:22) | |
| at Generator.prototype.(anonymous function) [as next] (../node_modules/regenerator-runtime/runtime.js:114:21) | |
| at step (story-based-accessibility-tests.js:391:221) | |
| at _next (story-based-accessibility-tests.js:391:409) | |
| ● aXe Testing › aXe storyshots › SLDSCombobox › Snapshot Inline Single Selection | |
| expect(received).toHaveNoViolations(expected) | |
| Expected the HTML found at $('#combobox-unique-id') to have no violations: | |
| <input aria-autocomplete="list" aria-controls="combobox-unique-id-listbox" autocomplete="off" class="slds-input slds-combobox__input" id="combobox-unique-id" placeholder="Search Salesforce" role="textbox" type="text" value=""> | |
| Received: | |
| "ARIA role must be appropriate for the element (aria-allowed-role)" | |
| Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/aria-allowed-role?application=axeAPI | |
| ──────── | |
| Expected the HTML found at $('#combobox-unique-id') to have no violations: | |
| <input aria-autocomplete="list" aria-controls="combobox-unique-id-listbox" autocomplete="off" class="slds-input slds-combobox__input" id="combobox-unique-id" placeholder="Search Salesforce" role="textbox" type="text" value=""> | |
| Received: | |
| "ARIA attributes must conform to valid values (aria-valid-attr-value)" | |
| Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/aria-valid-attr-value?application=axeAPI | |
| 45 | const component = story.render(context); | |
| 46 | const wrapper = mount(component); | |
| > 47 | expect(await axe(wrapper.html())).toHaveNoViolations(); | |
| | ^ | |
| 48 | }, | |
| 49 | }); | |
| 50 | }); | |
| at _callee$ (story-based-accessibility-tests.js:47:38) | |
| at tryCatch (../node_modules/regenerator-runtime/runtime.js:62:40) | |
| at Generator.invoke [as _invoke] (../node_modules/regenerator-runtime/runtime.js:296:22) | |
| at Generator.prototype.(anonymous function) [as next] (../node_modules/regenerator-runtime/runtime.js:114:21) | |
| at step (story-based-accessibility-tests.js:391:221) | |
| at _next (story-based-accessibility-tests.js:391:409) | |
| ● aXe Testing › aXe storyshots › SLDSCombobox › Snapshot Inline Single Selection Selected | |
| expect(received).toHaveNoViolations(expected) | |
| Expected the HTML found at $('#combobox-unique-id') to have no violations: | |
| <input aria-autocomplete="list" aria-controls="combobox-unique-id-listbox" autocomplete="off" class="slds-input slds-combobox__input" id="combobox-unique-id" placeholder="Search Salesforce" readonly="" role="textbox" type="text" value="Acme"> | |
| Received: | |
| "ARIA role must be appropriate for the element (aria-allowed-role)" | |
| Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/aria-allowed-role?application=axeAPI | |
| ──────── | |
| Expected the HTML found at $('#combobox-unique-id') to have no violations: | |
| <input aria-autocomplete="list" aria-controls="combobox-unique-id-listbox" autocomplete="off" class="slds-input slds-combobox__input" id="combobox-unique-id" placeholder="Search Salesforce" readonly="" role="textbox" type="text" value="Acme"> | |
| Received: | |
| "ARIA attributes must conform to valid values (aria-valid-attr-value)" | |
| Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/aria-valid-attr-value?application=axeAPI | |
| 45 | const component = story.render(context); | |
| 46 | const wrapper = mount(component); | |
| > 47 | expect(await axe(wrapper.html())).toHaveNoViolations(); | |
| | ^ | |
| 48 | }, | |
| 49 | }); | |
| 50 | }); | |
| at _callee$ (story-based-accessibility-tests.js:47:38) | |
| at tryCatch (../node_modules/regenerator-runtime/runtime.js:62:40) | |
| at Generator.invoke [as _invoke] (../node_modules/regenerator-runtime/runtime.js:296:22) | |
| at Generator.prototype.(anonymous function) [as next] (../node_modules/regenerator-runtime/runtime.js:114:21) | |
| at step (story-based-accessibility-tests.js:391:221) | |
| at _next (story-based-accessibility-tests.js:391:409) | |
| ● aXe Testing › aXe storyshots › SLDSCombobox › Snapshot Inline Multiple Selection | |
| expect(received).toHaveNoViolations(expected) | |
| Expected the HTML found at $('.slds-combobox__form-element') to have no violations: | |
| <div class="slds-combobox__form-element slds-input-has-icon slds-input-has-icon_right" aria-expanded="false" aria-haspopup="listbox" role="none"> | |
| Received: | |
| "Elements must only use allowed ARIA attributes (aria-allowed-attr)" | |
| Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/aria-allowed-attr?application=axeAPI | |
| ──────── | |
| Expected the HTML found at $('#combobox-unique-id') to have no violations: | |
| <input aria-autocomplete="list" aria-controls="combobox-unique-id-listbox" autocomplete="off" class="slds-input slds-combobox__input" id="combobox-unique-id" placeholder="Search Salesforce" role="textbox" type="text" value=""> | |
| Received: | |
| "ARIA role must be appropriate for the element (aria-allowed-role)" | |
| Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/aria-allowed-role?application=axeAPI | |
| ──────── | |
| Expected the HTML found at $('#combobox-unique-id') to have no violations: | |
| <input aria-autocomplete="list" aria-controls="combobox-unique-id-listbox" autocomplete="off" class="slds-input slds-combobox__input" id="combobox-unique-id" placeholder="Search Salesforce" role="textbox" type="text" value=""> | |
| Received: | |
| "ARIA attributes must conform to valid values (aria-valid-attr-value)" | |
| Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/aria-valid-attr-value?application=axeAPI | |
| 45 | const component = story.render(context); | |
| 46 | const wrapper = mount(component); | |
| > 47 | expect(await axe(wrapper.html())).toHaveNoViolations(); | |
| | ^ | |
| 48 | }, | |
| 49 | }); | |
| 50 | }); | |
| at _callee$ (story-based-accessibility-tests.js:47:38) | |
| at tryCatch (../node_modules/regenerator-runtime/runtime.js:62:40) | |
| at Generator.invoke [as _invoke] (../node_modules/regenerator-runtime/runtime.js:296:22) | |
| at Generator.prototype.(anonymous function) [as next] (../node_modules/regenerator-runtime/runtime.js:114:21) | |
| at step (story-based-accessibility-tests.js:391:221) | |
| at _next (story-based-accessibility-tests.js:391:409) | |
| ● aXe Testing › aXe storyshots › SLDSCombobox › Snapshot Inline Multiple Selection Selected | |
| expect(received).toHaveNoViolations(expected) | |
| Expected the HTML found at $('.slds-combobox__form-element') to have no violations: | |
| <div class="slds-combobox__form-element slds-input-has-icon slds-input-has-icon_right" aria-expanded="false" aria-haspopup="listbox" role="none"> | |
| Received: | |
| "Elements must only use allowed ARIA attributes (aria-allowed-attr)" | |
| Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/aria-allowed-attr?application=axeAPI | |
| ──────── | |
| Expected the HTML found at $('#combobox-unique-id') to have no violations: | |
| <input aria-autocomplete="list" aria-controls="combobox-unique-id-listbox" autocomplete="off" class="slds-input slds-combobox__input" id="combobox-unique-id" placeholder="Search Salesforce" role="textbox" type="text" value=""> | |
| Received: | |
| "ARIA role must be appropriate for the element (aria-allowed-role)" | |
| Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/aria-allowed-role?application=axeAPI | |
| ──────── | |
| Expected the HTML found at $('#combobox-unique-id') to have no violations: | |
| <input aria-autocomplete="list" aria-controls="combobox-unique-id-listbox" autocomplete="off" class="slds-input slds-combobox__input" id="combobox-unique-id" placeholder="Search Salesforce" role="textbox" type="text" value=""> | |
| Received: | |
| "ARIA attributes must conform to valid values (aria-valid-attr-value)" | |
| Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/aria-valid-attr-value?application=axeAPI | |
| 45 | const component = story.render(context); | |
| 46 | const wrapper = mount(component); | |
| > 47 | expect(await axe(wrapper.html())).toHaveNoViolations(); | |
| | ^ | |
| 48 | }, | |
| 49 | }); | |
| 50 | }); | |
| at _callee$ (story-based-accessibility-tests.js:47:38) | |
| at tryCatch (../node_modules/regenerator-runtime/runtime.js:62:40) | |
| at Generator.invoke [as _invoke] (../node_modules/regenerator-runtime/runtime.js:296:22) | |
| at Generator.prototype.(anonymous function) [as next] (../node_modules/regenerator-runtime/runtime.js:114:21) | |
| at step (story-based-accessibility-tests.js:391:221) | |
| at _next (story-based-accessibility-tests.js:391:409) | |
| ● aXe Testing › aXe storyshots › SLDSCombobox › Snapshot Readonly Single Selection | |
| expect(received).toHaveNoViolations(expected) | |
| Expected the HTML found at $('.slds-combobox__form-element') to have no violations: | |
| <div class="slds-combobox__form-element slds-input-has-icon slds-input-has-icon_right" aria-expanded="false" aria-haspopup="listbox" role="none"> | |
| Received: | |
| "Elements must only use allowed ARIA attributes (aria-allowed-attr)" | |
| Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/aria-allowed-attr?application=axeAPI | |
| ──────── | |
| Expected the HTML found at $('#combobox-unique-id') to have no violations: | |
| <input aria-autocomplete="list" aria-controls="combobox-unique-id-listbox" autocomplete="off" class="slds-input slds-combobox__input" id="combobox-unique-id" placeholder="Select an Option" readonly="" role="textbox" type="text" value=""> | |
| Received: | |
| "ARIA role must be appropriate for the element (aria-allowed-role)" | |
| Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/aria-allowed-role?application=axeAPI | |
| ──────── | |
| Expected the HTML found at $('#combobox-unique-id') to have no violations: | |
| <input aria-autocomplete="list" aria-controls="combobox-unique-id-listbox" autocomplete="off" class="slds-input slds-combobox__input" id="combobox-unique-id" placeholder="Select an Option" readonly="" role="textbox" type="text" value=""> | |
| Received: | |
| "ARIA attributes must conform to valid values (aria-valid-attr-value)" | |
| Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/aria-valid-attr-value?application=axeAPI | |
| 45 | const component = story.render(context); | |
| 46 | const wrapper = mount(component); | |
| > 47 | expect(await axe(wrapper.html())).toHaveNoViolations(); | |
| | ^ | |
| 48 | }, | |
| 49 | }); | |
| 50 | }); | |
| at _callee$ (story-based-accessibility-tests.js:47:38) | |
| at tryCatch (../node_modules/regenerator-runtime/runtime.js:62:40) | |
| at Generator.invoke [as _invoke] (../node_modules/regenerator-runtime/runtime.js:296:22) | |
| at Generator.prototype.(anonymous function) [as next] (../node_modules/regenerator-runtime/runtime.js:114:21) | |
| at step (story-based-accessibility-tests.js:391:221) | |
| at _next (story-based-accessibility-tests.js:391:409) | |
| ● aXe Testing › aXe storyshots › SLDSCombobox › Snapshot Readonly Single Selection Selected | |
| expect(received).toHaveNoViolations(expected) | |
| Expected the HTML found at $('.slds-combobox__form-element') to have no violations: | |
| <div class="slds-combobox__form-element slds-input-has-icon slds-input-has-icon_right" aria-expanded="false" aria-haspopup="listbox" role="none"> | |
| Received: | |
| "Elements must only use allowed ARIA attributes (aria-allowed-attr)" | |
| Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/aria-allowed-attr?application=axeAPI | |
| ──────── | |
| Expected the HTML found at $('#combobox-unique-id') to have no violations: | |
| <input aria-autocomplete="list" aria-controls="combobox-unique-id-listbox" autocomplete="off" class="slds-input slds-combobox__input" id="combobox-unique-id" placeholder="Select an Option" readonly="" role="textbox" type="text" value="Acme"> | |
| Received: | |
| "ARIA role must be appropriate for the element (aria-allowed-role)" | |
| Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/aria-allowed-role?application=axeAPI | |
| ──────── | |
| Expected the HTML found at $('#combobox-unique-id') to have no violations: | |
| <input aria-autocomplete="list" aria-controls="combobox-unique-id-listbox" autocomplete="off" class="slds-input slds-combobox__input" id="combobox-unique-id" placeholder="Select an Option" readonly="" role="textbox" type="text" value="Acme"> | |
| Received: | |
| "ARIA attributes must conform to valid values (aria-valid-attr-value)" | |
| Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/aria-valid-attr-value?application=axeAPI | |
| 45 | const component = story.render(context); | |
| 46 | const wrapper = mount(component); | |
| > 47 | expect(await axe(wrapper.html())).toHaveNoViolations(); | |
| | ^ | |
| 48 | }, | |
| 49 | }); | |
| 50 | }); | |
| at _callee$ (story-based-accessibility-tests.js:47:38) | |
| at tryCatch (../node_modules/regenerator-runtime/runtime.js:62:40) | |
| at Generator.invoke [as _invoke] (../node_modules/regenerator-runtime/runtime.js:296:22) | |
| at Generator.prototype.(anonymous function) [as next] (../node_modules/regenerator-runtime/runtime.js:114:21) | |
| at step (story-based-accessibility-tests.js:391:221) | |
| at _next (story-based-accessibility-tests.js:391:409) | |
| ● aXe Testing › aXe storyshots › SLDSCombobox › Snapshot Readonly Single Selection Selected Open | |
| expect(received).toHaveNoViolations(expected) | |
| Expected the HTML found at $('.slds-combobox__form-element') to have no violations: | |
| <div class="slds-combobox__form-element slds-input-has-icon slds-input-has-icon_right" aria-expanded="true" aria-haspopup="listbox" role="none"> | |
| Received: | |
| "Elements must only use allowed ARIA attributes (aria-allowed-attr)" | |
| Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/aria-allowed-attr?application=axeAPI | |
| ──────── | |
| Expected the HTML found at $('#combobox-unique-id') to have no violations: | |
| <input aria-autocomplete="list" aria-controls="combobox-unique-id-listbox" autocomplete="off" class="slds-input slds-combobox__input" id="combobox-unique-id" placeholder="Select an Option" readonly="" role="textbox" type="text" value="Acme"> | |
| Received: | |
| "ARIA role must be appropriate for the element (aria-allowed-role)" | |
| Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/aria-allowed-role?application=axeAPI | |
| 45 | const component = story.render(context); | |
| 46 | const wrapper = mount(component); | |
| > 47 | expect(await axe(wrapper.html())).toHaveNoViolations(); | |
| | ^ | |
| 48 | }, | |
| 49 | }); | |
| 50 | }); | |
| at _callee$ (story-based-accessibility-tests.js:47:38) | |
| at tryCatch (../node_modules/regenerator-runtime/runtime.js:62:40) | |
| at Generator.invoke [as _invoke] (../node_modules/regenerator-runtime/runtime.js:296:22) | |
| at Generator.prototype.(anonymous function) [as next] (../node_modules/regenerator-runtime/runtime.js:114:21) | |
| at step (story-based-accessibility-tests.js:391:221) | |
| at _next (story-based-accessibility-tests.js:391:409) | |
| ● aXe Testing › aXe storyshots › SLDSCombobox › Snapshot Readonly Multiple Selection | |
| expect(received).toHaveNoViolations(expected) | |
| Expected the HTML found at $('.slds-combobox__form-element') to have no violations: | |
| <div class="slds-combobox__form-element slds-input-has-icon slds-input-has-icon_right" aria-expanded="false" aria-haspopup="listbox" role="none"> | |
| Received: | |
| "Elements must only use allowed ARIA attributes (aria-allowed-attr)" | |
| Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/aria-allowed-attr?application=axeAPI | |
| ──────── | |
| Expected the HTML found at $('#combobox-unique-id') to have no violations: | |
| <input aria-autocomplete="list" aria-controls="combobox-unique-id-listbox" autocomplete="off" class="slds-input slds-combobox__input" id="combobox-unique-id" placeholder="Select an Option" readonly="" role="textbox" type="text" value=""> | |
| Received: | |
| "ARIA role must be appropriate for the element (aria-allowed-role)" | |
| Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/aria-allowed-role?application=axeAPI | |
| ──────── | |
| Expected the HTML found at $('#combobox-unique-id') to have no violations: | |
| <input aria-autocomplete="list" aria-controls="combobox-unique-id-listbox" autocomplete="off" class="slds-input slds-combobox__input" id="combobox-unique-id" placeholder="Select an Option" readonly="" role="textbox" type="text" value=""> | |
| Received: | |
| "ARIA attributes must conform to valid values (aria-valid-attr-value)" | |
| Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/aria-valid-attr-value?application=axeAPI | |
| 45 | const component = story.render(context); | |
| 46 | const wrapper = mount(component); | |
| > 47 | expect(await axe(wrapper.html())).toHaveNoViolations(); | |
| | ^ | |
| 48 | }, | |
| 49 | }); | |
| 50 | }); | |
| at _callee$ (story-based-accessibility-tests.js:47:38) | |
| at tryCatch (../node_modules/regenerator-runtime/runtime.js:62:40) | |
| at Generator.invoke [as _invoke] (../node_modules/regenerator-runtime/runtime.js:296:22) | |
| at Generator.prototype.(anonymous function) [as next] (../node_modules/regenerator-runtime/runtime.js:114:21) | |
| at step (story-based-accessibility-tests.js:391:221) | |
| at _next (story-based-accessibility-tests.js:391:409) | |
| ● aXe Testing › aXe storyshots › SLDSCombobox › Snapshot Readonly Multiple Selection Single Item Selected | |
| expect(received).toHaveNoViolations(expected) | |
| Expected the HTML found at $('.slds-combobox__form-element') to have no violations: | |
| <div class="slds-combobox__form-element slds-input-has-icon slds-input-has-icon_right" aria-expanded="false" aria-haspopup="listbox" role="none"> | |
| Received: | |
| "Elements must only use allowed ARIA attributes (aria-allowed-attr)" | |
| Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/aria-allowed-attr?application=axeAPI | |
| ──────── | |
| Expected the HTML found at $('#combobox-unique-id') to have no violations: | |
| <input aria-autocomplete="list" aria-controls="combobox-unique-id-listbox" autocomplete="off" class="slds-input slds-combobox__input" id="combobox-unique-id" placeholder="Select an Option" readonly="" role="textbox" type="text" value="Acme"> | |
| Received: | |
| "ARIA role must be appropriate for the element (aria-allowed-role)" | |
| Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/aria-allowed-role?application=axeAPI | |
| ──────── | |
| Expected the HTML found at $('#combobox-unique-id') to have no violations: | |
| <input aria-autocomplete="list" aria-controls="combobox-unique-id-listbox" autocomplete="off" class="slds-input slds-combobox__input" id="combobox-unique-id" placeholder="Select an Option" readonly="" role="textbox" type="text" value="Acme"> | |
| Received: | |
| "ARIA attributes must conform to valid values (aria-valid-attr-value)" | |
| Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/aria-valid-attr-value?application=axeAPI | |
| 45 | const component = story.render(context); | |
| 46 | const wrapper = mount(component); | |
| > 47 | expect(await axe(wrapper.html())).toHaveNoViolations(); | |
| | ^ | |
| 48 | }, | |
| 49 | }); | |
| 50 | }); | |
| at _callee$ (story-based-accessibility-tests.js:47:38) | |
| at tryCatch (../node_modules/regenerator-runtime/runtime.js:62:40) | |
| at Generator.invoke [as _invoke] (../node_modules/regenerator-runtime/runtime.js:296:22) | |
| at Generator.prototype.(anonymous function) [as next] (../node_modules/regenerator-runtime/runtime.js:114:21) | |
| at step (story-based-accessibility-tests.js:391:221) | |
| at _next (story-based-accessibility-tests.js:391:409) | |
| ● aXe Testing › aXe storyshots › SLDSCombobox › Snapshot Readonly Multiple Selection Multiple Items Selected | |
| expect(received).toHaveNoViolations(expected) | |
| Expected the HTML found at $('.slds-combobox__form-element') to have no violations: | |
| <div class="slds-combobox__form-element slds-input-has-icon slds-input-has-icon_right" aria-expanded="false" aria-haspopup="listbox" role="none"> | |
| Received: | |
| "Elements must only use allowed ARIA attributes (aria-allowed-attr)" | |
| Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/aria-allowed-attr?application=axeAPI | |
| ──────── | |
| Expected the HTML found at $('#combobox-unique-id') to have no violations: | |
| <input aria-autocomplete="list" aria-controls="combobox-unique-id-listbox" autocomplete="off" class="slds-input slds-combobox__input" id="combobox-unique-id" placeholder="Select an Option" readonly="" role="textbox" type="text" value="2 options selected"> | |
| Received: | |
| "ARIA role must be appropriate for the element (aria-allowed-role)" | |
| Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/aria-allowed-role?application=axeAPI | |
| ──────── | |
| Expected the HTML found at $('#combobox-unique-id') to have no violations: | |
| <input aria-autocomplete="list" aria-controls="combobox-unique-id-listbox" autocomplete="off" class="slds-input slds-combobox__input" id="combobox-unique-id" placeholder="Select an Option" readonly="" role="textbox" type="text" value="2 options selected"> | |
| Received: | |
| "ARIA attributes must conform to valid values (aria-valid-attr-value)" | |
| Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/aria-valid-attr-value?application=axeAPI | |
| 45 | const component = story.render(context); | |
| 46 | const wrapper = mount(component); | |
| > 47 | expect(await axe(wrapper.html())).toHaveNoViolations(); | |
| | ^ | |
| 48 | }, | |
| 49 | }); | |
| 50 | }); | |
| at _callee$ (story-based-accessibility-tests.js:47:38) | |
| at tryCatch (../node_modules/regenerator-runtime/runtime.js:62:40) | |
| at Generator.invoke [as _invoke] (../node_modules/regenerator-runtime/runtime.js:296:22) | |
| at Generator.prototype.(anonymous function) [as next] (../node_modules/regenerator-runtime/runtime.js:114:21) | |
| at step (story-based-accessibility-tests.js:391:221) | |
| at _next (story-based-accessibility-tests.js:391:409) | |
| ● aXe Testing › aXe storyshots › SLDSCombobox › Snapshot Readonly Single Selection Custom Menu Item | |
| expect(received).toHaveNoViolations(expected) | |
| Expected the HTML found at $('.slds-combobox__form-element') to have no violations: | |
| <div class="slds-combobox__form-element slds-input-has-icon slds-input-has-icon_right" aria-expanded="true" aria-haspopup="listbox" role="none"> | |
| Received: | |
| "Elements must only use allowed ARIA attributes (aria-allowed-attr)" | |
| Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/aria-allowed-attr?application=axeAPI | |
| ──────── | |
| Expected the HTML found at $('#combobox-readonly-single-custom-item') to have no violations: | |
| <input aria-autocomplete="list" aria-controls="combobox-readonly-single-custom-item-listbox" autocomplete="off" class="slds-input slds-combobox__input" id="combobox-readonly-single-custom-item" placeholder="Select company" readonly="" role="textbox" type="text" value=""> | |
| Received: | |
| "ARIA role must be appropriate for the element (aria-allowed-role)" | |
| Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/aria-allowed-role?application=axeAPI | |
| 45 | const component = story.render(context); | |
| 46 | const wrapper = mount(component); | |
| > 47 | expect(await axe(wrapper.html())).toHaveNoViolations(); | |
| | ^ | |
| 48 | }, | |
| 49 | }); | |
| 50 | }); | |
| at _callee$ (story-based-accessibility-tests.js:47:38) | |
| at tryCatch (../node_modules/regenerator-runtime/runtime.js:62:40) | |
| at Generator.invoke [as _invoke] (../node_modules/regenerator-runtime/runtime.js:296:22) | |
| at Generator.prototype.(anonymous function) [as next] (../node_modules/regenerator-runtime/runtime.js:114:21) | |
| at step (story-based-accessibility-tests.js:391:221) | |
| at _next (story-based-accessibility-tests.js:391:409) | |
| ● aXe Testing › aXe storyshots › SLDSFilter › ErrorFilter | |
| expect(received).toHaveNoViolations(expected) | |
| Expected the HTML found at $('#sample-panel-filtering-show-me') to have no violations: | |
| <button class="slds-button_reset slds-grow slds-has-blur-focus" aria-describedby="sample-panel-filtering-show-me-error" id="sample-panel-filtering-show-me" tabindex="0"><span class="slds-assistive-text">Edit filter:</span><p class="slds-text-body_small">Show Me</p><p>All Products</p></button> | |
| Received: | |
| "ARIA attributes must conform to valid values (aria-valid-attr-value)" | |
| Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/aria-valid-attr-value?application=axeAPI | |
| 45 | const component = story.render(context); | |
| 46 | const wrapper = mount(component); | |
| > 47 | expect(await axe(wrapper.html())).toHaveNoViolations(); | |
| | ^ | |
| 48 | }, | |
| 49 | }); | |
| 50 | }); | |
| at _callee$ (story-based-accessibility-tests.js:47:38) | |
| at tryCatch (../node_modules/regenerator-runtime/runtime.js:62:40) | |
| at Generator.invoke [as _invoke] (../node_modules/regenerator-runtime/runtime.js:296:22) | |
| at Generator.prototype.(anonymous function) [as next] (../node_modules/regenerator-runtime/runtime.js:114:21) | |
| at step (story-based-accessibility-tests.js:391:221) | |
| at _next (story-based-accessibility-tests.js:391:409) | |
| ● aXe Testing › aXe storyshots › SLDSDataTable › Advanced (Fixed Layout) | |
| expect(received).toHaveNoViolations(expected) | |
| Expected the HTML found at $('#DataTableExample-2-SLDSDataTableRow-8IKZHZZV80-SelectRow') to have no violations: | |
| <input id="DataTableExample-2-SLDSDataTableRow-8IKZHZZV80-SelectRow" name="SelectRow" type="checkbox"> | |
| Received: | |
| "Checkbox inputs with the same name attribute value must be part of a group (checkboxgroup)" | |
| Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/checkboxgroup?application=axeAPI | |
| 45 | const component = story.render(context); | |
| 46 | const wrapper = mount(component); | |
| > 47 | expect(await axe(wrapper.html())).toHaveNoViolations(); | |
| | ^ | |
| 48 | }, | |
| 49 | }); | |
| 50 | }); | |
| at _callee$ (story-based-accessibility-tests.js:47:38) | |
| at tryCatch (../node_modules/regenerator-runtime/runtime.js:62:40) | |
| at Generator.invoke [as _invoke] (../node_modules/regenerator-runtime/runtime.js:296:22) | |
| at Generator.prototype.(anonymous function) [as next] (../node_modules/regenerator-runtime/runtime.js:114:21) | |
| at step (story-based-accessibility-tests.js:391:221) | |
| at _next (story-based-accessibility-tests.js:391:409) | |
| ● aXe Testing › aXe storyshots › SLDSDataTable › Advanced Single Select (Fixed Layout) | |
| expect(received).toHaveNoViolations(expected) | |
| Expected the HTML found at $('#DataTableExample-SingleRequiredSelect-SLDSDataTableRow-8IKZHZZV80-SelectRow') to have no violations: | |
| <input type="radio" id="DataTableExample-SingleRequiredSelect-SLDSDataTableRow-8IKZHZZV80-SelectRow" name="DataTableExample-SingleRequiredSelect-SelectRow" value=""> | |
| Expected the HTML found at $('#DataTableExample-SingleRequiredSelect-SLDSDataTableRow-5GJOOOPWU7-SelectRow') to have no violations: | |
| <input type="radio" id="DataTableExample-SingleRequiredSelect-SLDSDataTableRow-5GJOOOPWU7-SelectRow" name="DataTableExample-SingleRequiredSelect-SelectRow" value=""> | |
| Expected the HTML found at $('#DataTableExample-SingleRequiredSelect-SLDSDataTableRow-8IKZHZZV81-SelectRow') to have no violations: | |
| <input type="radio" id="DataTableExample-SingleRequiredSelect-SLDSDataTableRow-8IKZHZZV81-SelectRow" name="DataTableExample-SingleRequiredSelect-SelectRow" value=""> | |
| Received: | |
| "Form elements must have labels (label)" | |
| Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/label?application=axeAPI | |
| ──────── | |
| Expected the HTML found at $('#DataTableExample-SingleRequiredSelect-SLDSDataTableRow-8IKZHZZV80-SelectRow') to have no violations: | |
| <input type="radio" id="DataTableExample-SingleRequiredSelect-SLDSDataTableRow-8IKZHZZV80-SelectRow" name="DataTableExample-SingleRequiredSelect-SelectRow" value=""> | |
| Received: | |
| "Radio inputs with the same name attribute value must be part of a group (radiogroup)" | |
| Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/radiogroup?application=axeAPI | |
| 45 | const component = story.render(context); | |
| 46 | const wrapper = mount(component); | |
| > 47 | expect(await axe(wrapper.html())).toHaveNoViolations(); | |
| | ^ | |
| 48 | }, | |
| 49 | }); | |
| 50 | }); | |
| at _callee$ (story-based-accessibility-tests.js:47:38) | |
| at tryCatch (../node_modules/regenerator-runtime/runtime.js:62:40) | |
| at Generator.invoke [as _invoke] (../node_modules/regenerator-runtime/runtime.js:296:22) | |
| at Generator.prototype.(anonymous function) [as next] (../node_modules/regenerator-runtime/runtime.js:114:21) | |
| at step (story-based-accessibility-tests.js:391:221) | |
| at _next (story-based-accessibility-tests.js:391:409) | |
| ● aXe Testing › aXe storyshots › SLDSDataTable › Advanced Single Select (Fixed Header) | |
| expect(received).toHaveNoViolations(expected) | |
| Expected the HTML found at $('#DataTableExample-SingleRequiredSelect-SLDSDataTableRow-8IKZHZZV80-SelectRow') to have no violations: | |
| <input type="radio" id="DataTableExample-SingleRequiredSelect-SLDSDataTableRow-8IKZHZZV80-SelectRow" name="DataTableExample-SingleRequiredSelect-SelectRow" value=""> | |
| Expected the HTML found at $('#DataTableExample-SingleRequiredSelect-SLDSDataTableRow-5GJOOOPWU7-SelectRow') to have no violations: | |
| <input type="radio" id="DataTableExample-SingleRequiredSelect-SLDSDataTableRow-5GJOOOPWU7-SelectRow" name="DataTableExample-SingleRequiredSelect-SelectRow" value=""> | |
| Expected the HTML found at $('#DataTableExample-SingleRequiredSelect-SLDSDataTableRow-8IKZHZZV81-SelectRow') to have no violations: | |
| <input type="radio" id="DataTableExample-SingleRequiredSelect-SLDSDataTableRow-8IKZHZZV81-SelectRow" name="DataTableExample-SingleRequiredSelect-SelectRow" value=""> | |
| Received: | |
| "Form elements must have labels (label)" | |
| Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/label?application=axeAPI | |
| ──────── | |
| Expected the HTML found at $('#DataTableExample-SingleRequiredSelect-SLDSDataTableRow-8IKZHZZV80-SelectRow') to have no violations: | |
| <input type="radio" id="DataTableExample-SingleRequiredSelect-SLDSDataTableRow-8IKZHZZV80-SelectRow" name="DataTableExample-SingleRequiredSelect-SelectRow" value=""> | |
| Received: | |
| "Radio inputs with the same name attribute value must be part of a group (radiogroup)" | |
| Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/radiogroup?application=axeAPI | |
| 45 | const component = story.render(context); | |
| 46 | const wrapper = mount(component); | |
| > 47 | expect(await axe(wrapper.html())).toHaveNoViolations(); | |
| | ^ | |
| 48 | }, | |
| 49 | }); | |
| 50 | }); | |
| at _callee$ (story-based-accessibility-tests.js:47:38) | |
| at tryCatch (../node_modules/regenerator-runtime/runtime.js:62:40) | |
| at Generator.invoke [as _invoke] (../node_modules/regenerator-runtime/runtime.js:296:22) | |
| at Generator.prototype.(anonymous function) [as next] (../node_modules/regenerator-runtime/runtime.js:114:21) | |
| at step (story-based-accessibility-tests.js:391:221) | |
| at _next (story-based-accessibility-tests.js:391:409) | |
| ● aXe Testing › aXe storyshots › SLDSDataTable › Fixed Header | |
| expect(received).toHaveNoViolations(expected) | |
| Expected the HTML found at $('#DataTableExample-FixedHeaders-SLDSDataTableHead-SelectAll') to have no violations: | |
| <input id="DataTableExample-FixedHeaders-SLDSDataTableHead-SelectAll" name="SelectAll" type="checkbox"> | |
| Expected the HTML found at $('#DataTableExample-FixedHeaders-SLDSDataTableRow-896a6a60-SelectRow') to have no violations: | |
| <input id="DataTableExample-FixedHeaders-SLDSDataTableRow-896a6a60-SelectRow" name="SelectRow" type="checkbox"> | |
| Received: | |
| "Checkbox inputs with the same name attribute value must be part of a group (checkboxgroup)" | |
| Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/checkboxgroup?application=axeAPI | |
| 45 | const component = story.render(context); | |
| 46 | const wrapper = mount(component); | |
| > 47 | expect(await axe(wrapper.html())).toHaveNoViolations(); | |
| | ^ | |
| 48 | }, | |
| 49 | }); | |
| 50 | }); | |
| at _callee$ (story-based-accessibility-tests.js:47:38) | |
| at tryCatch (../node_modules/regenerator-runtime/runtime.js:62:40) | |
| at Generator.invoke [as _invoke] (../node_modules/regenerator-runtime/runtime.js:296:22) | |
| at Generator.prototype.(anonymous function) [as next] (../node_modules/regenerator-runtime/runtime.js:114:21) | |
| at step (story-based-accessibility-tests.js:391:221) | |
| at _next (story-based-accessibility-tests.js:391:409) | |
| ● aXe Testing › aXe storyshots › SLDSGlobalHeader › Search + Navigation | |
| expect(received).toHaveNoViolations(expected) | |
| Expected the HTML found at $('#undefinedLookup') to have no violations: | |
| <input aria-activedescendant="" aria-autocomplete="list" aria-expanded="false" class="slds-input" id="undefinedLookup" placeholder="Search Salesforce" role="combobox" type="text" value=""> | |
| Received: | |
| "ARIA role must be appropriate for the element (aria-allowed-role)" | |
| Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/aria-allowed-role?application=axeAPI | |
| ──────── | |
| Expected the HTML found at $('#global-header-dropdown-profile-example > .slds-button_icon-container') to have no violations: | |
| <button class="slds-button slds-button_icon-container" tabindex="0" type="button" aria-haspopup="true"> | |
| Received: | |
| "Buttons must have discernible text (button-name)" | |
| Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/button-name?application=axeAPI | |
| ──────── | |
| Expected the HTML found at $('.slds-p-around_xx-small') to have no violations: | |
| <li aria-haspopup="true" class="slds-dropdown-trigger slds-dropdown-trigger_click slds-p-around_xx-small ignore-click-global-header-dropdown-example" id="global-header-dropdown-example"> | |
| Received: | |
| "id attribute value must be unique (duplicate-id)" | |
| Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/duplicate-id?application=axeAPI | |
| ──────── | |
| Expected the HTML found at $('#undefinedLookup') to have no violations: | |
| <input aria-activedescendant="" aria-autocomplete="list" aria-expanded="false" class="slds-input" id="undefinedLookup" placeholder="Search Salesforce" role="combobox" type="text" value=""> | |
| Received: | |
| "Form elements must have labels (label)" | |
| Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/label?application=axeAPI | |
| 45 | const component = story.render(context); | |
| 46 | const wrapper = mount(component); | |
| > 47 | expect(await axe(wrapper.html())).toHaveNoViolations(); | |
| | ^ | |
| 48 | }, | |
| 49 | }); | |
| 50 | }); | |
| at _callee$ (story-based-accessibility-tests.js:47:38) | |
| at tryCatch (../node_modules/regenerator-runtime/runtime.js:62:40) | |
| at Generator.invoke [as _invoke] (../node_modules/regenerator-runtime/runtime.js:296:22) | |
| at Generator.prototype.(anonymous function) [as next] (../node_modules/regenerator-runtime/runtime.js:114:21) | |
| at step (story-based-accessibility-tests.js:391:221) | |
| at _next (story-based-accessibility-tests.js:391:409) | |
| ● aXe Testing › aXe storyshots › SLDSGlobalHeader › Open on Hybrid | |
| expect(received).toHaveNoViolations(expected) | |
| Expected the HTML found at $('#undefinedLookup') to have no violations: | |
| <input aria-activedescendant="" aria-autocomplete="list" aria-expanded="false" class="slds-input" id="undefinedLookup" placeholder="Search Salesforce" role="combobox" type="text" value=""> | |
| Received: | |
| "ARIA role must be appropriate for the element (aria-allowed-role)" | |
| Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/aria-allowed-role?application=axeAPI | |
| ──────── | |
| Expected the HTML found at $('#global-header-dropdown-profile-example > .slds-button_icon-container') to have no violations: | |
| <button class="slds-button slds-button_icon-container" tabindex="0" type="button" aria-haspopup="true"> | |
| Received: | |
| "Buttons must have discernible text (button-name)" | |
| Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/button-name?application=axeAPI | |
| ──────── | |
| Expected the HTML found at $('.slds-p-around_xx-small') to have no violations: | |
| <li aria-haspopup="true" class="slds-dropdown-trigger slds-dropdown-trigger_click slds-p-around_xx-small ignore-click-global-header-dropdown-example" id="global-header-dropdown-example"> | |
| Received: | |
| "id attribute value must be unique (duplicate-id)" | |
| Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/duplicate-id?application=axeAPI | |
| ──────── | |
| Expected the HTML found at $('#undefinedLookup') to have no violations: | |
| <input aria-activedescendant="" aria-autocomplete="list" aria-expanded="false" class="slds-input" id="undefinedLookup" placeholder="Search Salesforce" role="combobox" type="text" value=""> | |
| Received: | |
| "Form elements must have labels (label)" | |
| Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/label?application=axeAPI | |
| 45 | const component = story.render(context); | |
| 46 | const wrapper = mount(component); | |
| > 47 | expect(await axe(wrapper.html())).toHaveNoViolations(); | |
| | ^ | |
| 48 | }, | |
| 49 | }); | |
| 50 | }); | |
| at _callee$ (story-based-accessibility-tests.js:47:38) | |
| at tryCatch (../node_modules/regenerator-runtime/runtime.js:62:40) | |
| at Generator.invoke [as _invoke] (../node_modules/regenerator-runtime/runtime.js:296:22) | |
| at Generator.prototype.(anonymous function) [as next] (../node_modules/regenerator-runtime/runtime.js:114:21) | |
| at step (story-based-accessibility-tests.js:391:221) | |
| at _next (story-based-accessibility-tests.js:391:409) | |
| ● aXe Testing › aXe storyshots › SLDSGlobalHeader › Fewer Elements | |
| expect(received).toHaveNoViolations(expected) | |
| Expected the HTML found at $('#global-header-dropdown-profile-example > button') to have no violations: | |
| <button class="slds-button slds-button_icon-container" tabindex="0" type="button" aria-haspopup="true"> | |
| Received: | |
| "Buttons must have discernible text (button-name)" | |
| Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/button-name?application=axeAPI | |
| 45 | const component = story.render(context); | |
| 46 | const wrapper = mount(component); | |
| > 47 | expect(await axe(wrapper.html())).toHaveNoViolations(); | |
| | ^ | |
| 48 | }, | |
| 49 | }); | |
| 50 | }); | |
| at _callee$ (story-based-accessibility-tests.js:47:38) | |
| at tryCatch (../node_modules/regenerator-runtime/runtime.js:62:40) | |
| at Generator.invoke [as _invoke] (../node_modules/regenerator-runtime/runtime.js:296:22) | |
| at Generator.prototype.(anonymous function) [as next] (../node_modules/regenerator-runtime/runtime.js:114:21) | |
| at step (story-based-accessibility-tests.js:391:221) | |
| at _next (story-based-accessibility-tests.js:391:409) | |
| ● aXe Testing › aXe storyshots › SLDSGlobalHeader › With custom <Avatar/> | |
| expect(received).toHaveNoViolations(expected) | |
| Expected the HTML found at $('#undefinedLookup') to have no violations: | |
| <input aria-activedescendant="" aria-autocomplete="list" aria-expanded="false" class="slds-input" id="undefinedLookup" placeholder="Search Salesforce" role="combobox" type="text" value=""> | |
| Received: | |
| "ARIA role must be appropriate for the element (aria-allowed-role)" | |
| Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/aria-allowed-role?application=axeAPI | |
| ──────── | |
| Expected the HTML found at $('.slds-p-around_xx-small') to have no violations: | |
| <li aria-haspopup="true" class="slds-dropdown-trigger slds-dropdown-trigger_click slds-p-around_xx-small ignore-click-global-header-dropdown-example" id="global-header-dropdown-example"> | |
| Received: | |
| "id attribute value must be unique (duplicate-id)" | |
| Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/duplicate-id?application=axeAPI | |
| ──────── | |
| Expected the HTML found at $('#undefinedLookup') to have no violations: | |
| <input aria-activedescendant="" aria-autocomplete="list" aria-expanded="false" class="slds-input" id="undefinedLookup" placeholder="Search Salesforce" role="combobox" type="text" value=""> | |
| Received: | |
| "Form elements must have labels (label)" | |
| Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/label?application=axeAPI | |
| 45 | const component = story.render(context); | |
| 46 | const wrapper = mount(component); | |
| > 47 | expect(await axe(wrapper.html())).toHaveNoViolations(); | |
| | ^ | |
| 48 | }, | |
| 49 | }); | |
| 50 | }); | |
| at _callee$ (story-based-accessibility-tests.js:47:38) | |
| at tryCatch (../node_modules/regenerator-runtime/runtime.js:62:40) | |
| at Generator.invoke [as _invoke] (../node_modules/regenerator-runtime/runtime.js:296:22) | |
| at Generator.prototype.(anonymous function) [as next] (../node_modules/regenerator-runtime/runtime.js:114:21) | |
| at step (story-based-accessibility-tests.js:391:221) | |
| at _next (story-based-accessibility-tests.js:391:409) | |
| ● aXe Testing › aXe storyshots › SLDSGlobalHeader › Doc site Default | |
| expect(received).toHaveNoViolations(expected) | |
| Expected the HTML found at $('#undefinedLookup') to have no violations: | |
| <input aria-activedescendant="" aria-autocomplete="list" aria-expanded="false" class="slds-input" id="undefinedLookup" placeholder="Search Salesforce" role="combobox" type="text" value=""> | |
| Received: | |
| "ARIA role must be appropriate for the element (aria-allowed-role)" | |
| Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/aria-allowed-role?application=axeAPI | |
| ──────── | |
| Expected the HTML found at $('#global-header-profile-example > .slds-button_icon-container[aria-haspopup="true"]') to have no violations: | |
| <button class="slds-button slds-button_icon-container" tabindex="0" type="button" aria-haspopup="true"><span class="slds-avatar slds-avatar_circle slds-avatar_medium"><img src="/images/avatar2.jpg" alt=""></span></button> | |
| Received: | |
| "Buttons must have discernible text (button-name)" | |
| Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/button-name?application=axeAPI | |
| ──────── | |
| Expected the HTML found at $('#undefinedLookup') to have no violations: | |
| <input aria-activedescendant="" aria-autocomplete="list" aria-expanded="false" class="slds-input" id="undefinedLookup" placeholder="Search Salesforce" role="combobox" type="text" value=""> | |
| Received: | |
| "Form elements must have labels (label)" | |
| Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/label?application=axeAPI | |
| 45 | const component = story.render(context); | |
| 46 | const wrapper = mount(component); | |
| > 47 | expect(await axe(wrapper.html())).toHaveNoViolations(); | |
| | ^ | |
| 48 | }, | |
| 49 | }); | |
| 50 | }); | |
| at _callee$ (story-based-accessibility-tests.js:47:38) | |
| at tryCatch (../node_modules/regenerator-runtime/runtime.js:62:40) | |
| at Generator.invoke [as _invoke] (../node_modules/regenerator-runtime/runtime.js:296:22) | |
| at Generator.prototype.(anonymous function) [as next] (../node_modules/regenerator-runtime/runtime.js:114:21) | |
| at step (story-based-accessibility-tests.js:391:221) | |
| at _next (story-based-accessibility-tests.js:391:409) | |
| ● aXe Testing › aXe storyshots › SLDSInput › Field Level Help | |
| expect(received).toHaveNoViolations(expected) | |
| Expected the HTML found at $('button') to have no violations: | |
| <button class="slds-button slds-button_icon" type="button" aria-disabled="true" aria-describedby="field-level-help-tooltip"> | |
| Received: | |
| "ARIA attributes must conform to valid values (aria-valid-attr-value)" | |
| Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/aria-valid-attr-value?application=axeAPI | |
| 45 | const component = story.render(context); | |
| 46 | const wrapper = mount(component); | |
| > 47 | expect(await axe(wrapper.html())).toHaveNoViolations(); | |
| | ^ | |
| 48 | }, | |
| 49 | }); | |
| 50 | }); | |
| at _callee$ (story-based-accessibility-tests.js:47:38) | |
| at tryCatch (../node_modules/regenerator-runtime/runtime.js:62:40) | |
| at Generator.invoke [as _invoke] (../node_modules/regenerator-runtime/runtime.js:296:22) | |
| at Generator.prototype.(anonymous function) [as next] (../node_modules/regenerator-runtime/runtime.js:114:21) | |
| at step (story-based-accessibility-tests.js:391:221) | |
| at _next (story-based-accessibility-tests.js:391:409) | |
| ● aXe Testing › aXe storyshots › SLDSIllustration › Large Image and Text | |
| TypeError: Cannot add property height, object is not extensible | |
| 79 | // large illustration svg should have a default height of 400px if not already specified | |
| 80 | if (illustrationSvg && size === 'large' && !style.height) { | |
| > 81 | style.height = '400px'; | |
| | ^ | |
| 82 | } | |
| 83 | return ( | |
| 84 | <div | |
| at Illustration (../components/illustration/index.jsx:81:3) | |
| at mountIndeterminateComponent (../node_modules/react-dom/cjs/react-dom.development.js:13381:13) | |
| at beginWork (../node_modules/react-dom/cjs/react-dom.development.js:13821:14) | |
| at performUnitOfWork (../node_modules/react-dom/cjs/react-dom.development.js:15864:12) | |
| at workLoop (../node_modules/react-dom/cjs/react-dom.development.js:15903:24) | |
| at renderRoot (../node_modules/react-dom/cjs/react-dom.development.js:15943:7) | |
| at performWorkOnRoot (../node_modules/react-dom/cjs/react-dom.development.js:16561:22) | |
| at performWork (../node_modules/react-dom/cjs/react-dom.development.js:16483:7) | |
| at performSyncWork (../node_modules/react-dom/cjs/react-dom.development.js:16455:3) | |
| at requestWork (../node_modules/react-dom/cjs/react-dom.development.js:16355:5) | |
| at scheduleWork$1 (../node_modules/react-dom/cjs/react-dom.development.js:16219:11) | |
| at scheduleRootUpdate (../node_modules/react-dom/cjs/react-dom.development.js:16786:3) | |
| at updateContainerAtExpirationTime (../node_modules/react-dom/cjs/react-dom.development.js:16813:10) | |
| at updateContainer (../node_modules/react-dom/cjs/react-dom.development.js:16840:10) | |
| at ReactRoot.Object.<anonymous>.ReactRoot.render (../node_modules/react-dom/cjs/react-dom.development.js:17123:3) | |
| at ../node_modules/react-dom/cjs/react-dom.development.js:17263:14 | |
| at unbatchedUpdates (../node_modules/react-dom/cjs/react-dom.development.js:16680:10) | |
| at legacyRenderSubtreeIntoContainer (../node_modules/react-dom/cjs/react-dom.development.js:17259:5) | |
| at Object.render (../node_modules/react-dom/cjs/react-dom.development.js:17318:12) | |
| at Object.render (../node_modules/enzyme-adapter-react-16/build/ReactSixteenAdapter.js:253:114) | |
| at new ReactWrapper (../node_modules/enzyme/build/ReactWrapper.js:116:16) | |
| at mount (../node_modules/enzyme/build/mount.js:21:10) | |
| at _callee$ (story-based-accessibility-tests.js:46:20) | |
| at tryCatch (../node_modules/regenerator-runtime/runtime.js:62:40) | |
| at Generator.invoke [as _invoke] (../node_modules/regenerator-runtime/runtime.js:296:22) | |
| at Generator.prototype.(anonymous function) [as next] (../node_modules/regenerator-runtime/runtime.js:114:21) | |
| at step (story-based-accessibility-tests.js:391:221) | |
| at _next (story-based-accessibility-tests.js:391:409) | |
| at story-based-accessibility-tests.js:391:477 | |
| at story-based-accessibility-tests.js:391:97 | |
| at test (story-based-accessibility-tests.js:44:3) | |
| at Object.<anonymous> (../node_modules/@storybook/addon-storyshots/dist/index.js:125:20) | |
| ● aXe Testing › aXe storyshots › SLDSPageHeader › Record Home (truncates) | |
| expect(received).toHaveNoViolations(expected) | |
| Expected the HTML found at $('p[aria-describedby="page-header-truncate-tooltip"]') to have no violations: | |
| <p tabindex="0" class="slds-truncate" aria-describedby="page-header-truncate-tooltip">here is a super long description that will truncate and the rest of it will show in the tooltip.</p> | |
| Received: | |
| "ARIA attributes must conform to valid values (aria-valid-attr-value)" | |
| Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/aria-valid-attr-value?application=axeAPI | |
| 45 | const component = story.render(context); | |
| 46 | const wrapper = mount(component); | |
| > 47 | expect(await axe(wrapper.html())).toHaveNoViolations(); | |
| | ^ | |
| 48 | }, | |
| 49 | }); | |
| 50 | }); | |
| at _callee$ (story-based-accessibility-tests.js:47:38) | |
| at tryCatch (../node_modules/regenerator-runtime/runtime.js:62:40) | |
| at Generator.invoke [as _invoke] (../node_modules/regenerator-runtime/runtime.js:296:22) | |
| at Generator.prototype.(anonymous function) [as next] (../node_modules/regenerator-runtime/runtime.js:114:21) | |
| at step (story-based-accessibility-tests.js:391:221) | |
| at _next (story-based-accessibility-tests.js:391:409) | |
| ● aXe Testing › aXe storyshots › SLDSPageHeader › Related List | |
| expect(received).toHaveNoViolations(expected) | |
| Expected the HTML found at $('.slds-m-bottom_xx-small') to have no violations: | |
| <nav class="slds-m-bottom_xx-small" role="navigation"> | |
| Expected the HTML found at $('nav[aria-label="Breadcrumbs"]') to have no violations: | |
| <nav role="navigation" aria-label="Breadcrumbs"> | |
| Received: | |
| "ARIA role must be appropriate for the element (aria-allowed-role)" | |
| Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/aria-allowed-role?application=axeAPI | |
| 45 | const component = story.render(context); | |
| 46 | const wrapper = mount(component); | |
| > 47 | expect(await axe(wrapper.html())).toHaveNoViolations(); | |
| | ^ | |
| 48 | }, | |
| 49 | }); | |
| 50 | }); | |
| at _callee$ (story-based-accessibility-tests.js:47:38) | |
| at tryCatch (../node_modules/regenerator-runtime/runtime.js:62:40) | |
| at Generator.invoke [as _invoke] (../node_modules/regenerator-runtime/runtime.js:296:22) | |
| at Generator.prototype.(anonymous function) [as next] (../node_modules/regenerator-runtime/runtime.js:114:21) | |
| at step (story-based-accessibility-tests.js:391:221) | |
| at _next (story-based-accessibility-tests.js:391:409) | |
| ● aXe Testing › aXe storyshots › SLDSPageHeader › Docs site RelatedList | |
| expect(received).toHaveNoViolations(expected) | |
| Expected the HTML found at $('.slds-m-bottom_xx-small') to have no violations: | |
| <nav class="slds-m-bottom_xx-small" role="navigation"> | |
| Expected the HTML found at $('nav[aria-label="Breadcrumbs"]') to have no violations: | |
| <nav role="navigation" aria-label="Breadcrumbs"> | |
| Received: | |
| "ARIA role must be appropriate for the element (aria-allowed-role)" | |
| Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/aria-allowed-role?application=axeAPI | |
| 45 | const component = story.render(context); | |
| 46 | const wrapper = mount(component); | |
| > 47 | expect(await axe(wrapper.html())).toHaveNoViolations(); | |
| | ^ | |
| 48 | }, | |
| 49 | }); | |
| 50 | }); | |
| at _callee$ (story-based-accessibility-tests.js:47:38) | |
| at tryCatch (../node_modules/regenerator-runtime/runtime.js:62:40) | |
| at Generator.invoke [as _invoke] (../node_modules/regenerator-runtime/runtime.js:296:22) | |
| at Generator.prototype.(anonymous function) [as next] (../node_modules/regenerator-runtime/runtime.js:114:21) | |
| at step (story-based-accessibility-tests.js:391:221) | |
| at _next (story-based-accessibility-tests.js:391:409) | |
| ● aXe Testing › aXe storyshots › SLDSProgressIndicator › Base | |
| expect(received).toHaveNoViolations(expected) | |
| Expected the HTML found at $('button[aria-describedby="progress-indicator-tooltip-0"]') to have no violations: | |
| <button class="slds-button slds-progress__marker" aria-describedby="progress-indicator-tooltip-0" aria-current="step"><span class="slds-assistive-text">This is custom text in the assistive text key</span></button> | |
| Expected the HTML found at $('button[aria-describedby="progress-indicator-tooltip-1"]') to have no violations: | |
| <button class="slds-button slds-progress__marker" aria-describedby="progress-indicator-tooltip-1"><span class="slds-assistive-text">Step 2: tooltip label #2</span></button> | |
| Expected the HTML found at $('a[aria-describedby="progress-indicator-tooltip-2"]') to have no violations: | |
| <a class="slds-button slds-progress__marker" aria-describedby="progress-indicator-tooltip-2" tabindex="0" role="button"><span class="slds-assistive-text">Step 3: [object Object] - Disabled</span></a> | |
| Expected the HTML found at $('a[aria-describedby="progress-indicator-tooltip-3"]') to have no violations: | |
| <a class="slds-button slds-progress__marker" aria-describedby="progress-indicator-tooltip-3" tabindex="0" role="button"><span class="slds-assistive-text">Step 4: tooltip label #4 - Disabled</span></a> | |
| Expected the HTML found at $('a[aria-describedby="progress-indicator-tooltip-4"]') to have no violations: | |
| <a class="slds-button slds-progress__marker" aria-describedby="progress-indicator-tooltip-4" tabindex="0" role="button"><span class="slds-assistive-text">Step 5: tooltip label #5 - Disabled</span></a> | |
| Received: | |
| "ARIA attributes must conform to valid values (aria-valid-attr-value)" | |
| Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/aria-valid-attr-value?application=axeAPI | |
| 45 | const component = story.render(context); | |
| 46 | const wrapper = mount(component); | |
| > 47 | expect(await axe(wrapper.html())).toHaveNoViolations(); | |
| | ^ | |
| 48 | }, | |
| 49 | }); | |
| 50 | }); | |
| at _callee$ (story-based-accessibility-tests.js:47:38) | |
| at tryCatch (../node_modules/regenerator-runtime/runtime.js:62:40) | |
| at Generator.invoke [as _invoke] (../node_modules/regenerator-runtime/runtime.js:296:22) | |
| at Generator.prototype.(anonymous function) [as next] (../node_modules/regenerator-runtime/runtime.js:114:21) | |
| at step (story-based-accessibility-tests.js:391:221) | |
| at _next (story-based-accessibility-tests.js:391:409) | |
| ● aXe Testing › aXe storyshots › SLDSProgressIndicator › Base With Many Steps | |
| expect(received).toHaveNoViolations(expected) | |
| Expected the HTML found at $('button[aria-describedby="progress-indicator-tooltip-a"]') to have no violations: | |
| <button class="slds-button slds-button_icon slds-progress__marker slds-progress__marker_icon" aria-describedby="progress-indicator-tooltip-a"> | |
| Expected the HTML found at $('button[aria-describedby="progress-indicator-tooltip-b"]') to have no violations: | |
| <button class="slds-button slds-button_icon slds-progress__marker slds-progress__marker_icon" aria-describedby="progress-indicator-tooltip-b"> | |
| Expected the HTML found at $('button[aria-describedby="progress-indicator-tooltip-c"]') to have no violations: | |
| <button class="slds-button slds-button_icon slds-progress__marker slds-progress__marker_icon" aria-describedby="progress-indicator-tooltip-c"> | |
| Expected the HTML found at $('button[aria-describedby="progress-indicator-tooltip-d"]') to have no violations: | |
| <button class="slds-button slds-button_icon slds-progress__marker slds-progress__marker_icon" aria-describedby="progress-indicator-tooltip-d"> | |
| Expected the HTML found at $('button[aria-describedby="progress-indicator-tooltip-e"]') to have no violations: | |
| <button class="slds-button slds-progress__marker" aria-describedby="progress-indicator-tooltip-e" aria-current="step"><span class="slds-assistive-text">Step 5: tooltip label #5</span></button> | |
| Expected the HTML found at $('button[aria-describedby="progress-indicator-tooltip-f"]') to have no violations: | |
| <button class="slds-button slds-progress__marker" aria-describedby="progress-indicator-tooltip-f"><span class="slds-assistive-text">Step 6: tooltip label #6</span></button> | |
| Expected the HTML found at $('button[aria-describedby="progress-indicator-tooltip-g"]') to have no violations: | |
| <button class="slds-button slds-progress__marker" aria-describedby="progress-indicator-tooltip-g"><span class="slds-assistive-text">Step 7: tooltip label #7</span></button> | |
| Expected the HTML found at $('button[aria-describedby="progress-indicator-tooltip-h"]') to have no violations: | |
| <button class="slds-button slds-progress__marker" aria-describedby="progress-indicator-tooltip-h"><span class="slds-assistive-text">Step 8: tooltip label #8</span></button> | |
| Expected the HTML found at $('button[aria-describedby="progress-indicator-tooltip-i"]') to have no violations: | |
| <button class="slds-button slds-progress__marker" aria-describedby="progress-indicator-tooltip-i"><span class="slds-assistive-text">Step 9: tooltip label #9</span></button> | |
| Received: | |
| "ARIA attributes must conform to valid values (aria-valid-attr-value)" | |
| Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/aria-valid-attr-value?application=axeAPI | |
| 45 | const component = story.render(context); | |
| 46 | const wrapper = mount(component); | |
| > 47 | expect(await axe(wrapper.html())).toHaveNoViolations(); | |
| | ^ | |
| 48 | }, | |
| 49 | }); | |
| 50 | }); | |
| at _callee$ (story-based-accessibility-tests.js:47:38) | |
| at tryCatch (../node_modules/regenerator-runtime/runtime.js:62:40) | |
| at Generator.invoke [as _invoke] (../node_modules/regenerator-runtime/runtime.js:296:22) | |
| at Generator.prototype.(anonymous function) [as next] (../node_modules/regenerator-runtime/runtime.js:114:21) | |
| at step (story-based-accessibility-tests.js:391:221) | |
| at _next (story-based-accessibility-tests.js:391:409) | |
| ● aXe Testing › aXe storyshots › SLDSProgressIndicator › Base With Disabled Steps | |
| expect(received).toHaveNoViolations(expected) | |
| Expected the HTML found at $('button[aria-describedby="progress-indicator-tooltip-0"]') to have no violations: | |
| <button class="slds-button slds-button_icon slds-progress__marker slds-progress__marker_icon" aria-describedby="progress-indicator-tooltip-0"> | |
| Expected the HTML found at $('button[aria-describedby="progress-indicator-tooltip-1"]') to have no violations: | |
| <button class="slds-button slds-button_icon slds-progress__marker slds-progress__marker_icon" aria-describedby="progress-indicator-tooltip-1"> | |
| Expected the HTML found at $('button[aria-describedby="progress-indicator-tooltip-2"]') to have no violations: | |
| <button class="slds-button slds-progress__marker" aria-describedby="progress-indicator-tooltip-2" aria-current="step"><span class="slds-assistive-text">Step 3: [object Object]</span></button> | |
| Expected the HTML found at $('a[aria-describedby="progress-indicator-tooltip-3"]') to have no violations: | |
| <a class="slds-button slds-progress__marker" aria-describedby="progress-indicator-tooltip-3" tabindex="0" role="button"><span class="slds-assistive-text">Step 4: tooltip label #4 - Disabled</span></a> | |
| Expected the HTML found at $('a[aria-describedby="progress-indicator-tooltip-4"]') to have no violations: | |
| <a class="slds-button slds-progress__marker" aria-describedby="progress-indicator-tooltip-4" tabindex="0" role="button"><span class="slds-assistive-text">Step 5: tooltip label #5 - Disabled</span></a> | |
| Received: | |
| "ARIA attributes must conform to valid values (aria-valid-attr-value)" | |
| Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/aria-valid-attr-value?application=axeAPI | |
| 45 | const component = story.render(context); | |
| 46 | const wrapper = mount(component); | |
| > 47 | expect(await axe(wrapper.html())).toHaveNoViolations(); | |
| | ^ | |
| 48 | }, | |
| 49 | }); | |
| 50 | }); | |
| at _callee$ (story-based-accessibility-tests.js:47:38) | |
| at tryCatch (../node_modules/regenerator-runtime/runtime.js:62:40) | |
| at Generator.invoke [as _invoke] (../node_modules/regenerator-runtime/runtime.js:296:22) | |
| at Generator.prototype.(anonymous function) [as next] (../node_modules/regenerator-runtime/runtime.js:114:21) | |
| at step (story-based-accessibility-tests.js:391:221) | |
| at _next (story-based-accessibility-tests.js:391:409) | |
| ● aXe Testing › aXe storyshots › SLDSProgressIndicator › Step Error | |
| expect(received).toHaveNoViolations(expected) | |
| Expected the HTML found at $('button[aria-describedby="progress-indicator-tooltip-0"]') to have no violations: | |
| <button class="slds-button slds-button_icon slds-progress__marker slds-progress__marker_icon" aria-describedby="progress-indicator-tooltip-0"> | |
| Expected the HTML found at $('button[aria-describedby="progress-indicator-tooltip-1"]') to have no violations: | |
| <button class="slds-button slds-button_icon slds-progress__marker slds-progress__marker_icon" aria-describedby="progress-indicator-tooltip-1" aria-current="step"> | |
| Expected the HTML found at $('button[aria-describedby="progress-indicator-tooltip-2"]') to have no violations: | |
| <button class="slds-button slds-progress__marker" aria-describedby="progress-indicator-tooltip-2"><span class="slds-assistive-text">Step 3: [object Object]</span></button> | |
| Expected the HTML found at $('button[aria-describedby="progress-indicator-tooltip-3"]') to have no violations: | |
| <button class="slds-button slds-progress__marker" aria-describedby="progress-indicator-tooltip-3"><span class="slds-assistive-text">Step 4: tooltip label #4</span></button> | |
| Expected the HTML found at $('button[aria-describedby="progress-indicator-tooltip-4"]') to have no violations: | |
| <button class="slds-button slds-progress__marker" aria-describedby="progress-indicator-tooltip-4"><span class="slds-assistive-text">Step 5: tooltip label #5</span></button> | |
| Received: | |
| "ARIA attributes must conform to valid values (aria-valid-attr-value)" | |
| Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/aria-valid-attr-value?application=axeAPI | |
| 45 | const component = story.render(context); | |
| 46 | const wrapper = mount(component); | |
| > 47 | expect(await axe(wrapper.html())).toHaveNoViolations(); | |
| | ^ | |
| 48 | }, | |
| 49 | }); | |
| 50 | }); | |
| at _callee$ (story-based-accessibility-tests.js:47:38) | |
| at tryCatch (../node_modules/regenerator-runtime/runtime.js:62:40) | |
| at Generator.invoke [as _invoke] (../node_modules/regenerator-runtime/runtime.js:296:22) | |
| at Generator.prototype.(anonymous function) [as next] (../node_modules/regenerator-runtime/runtime.js:114:21) | |
| at step (story-based-accessibility-tests.js:391:221) | |
| at _next (story-based-accessibility-tests.js:391:409) | |
| ● aXe Testing › aXe storyshots › SLDSProgressIndicator › Completed Progress | |
| expect(received).toHaveNoViolations(expected) | |
| Expected the HTML found at $('button[aria-describedby="progress-indicator-tooltip-0"]') to have no violations: | |
| <button class="slds-button slds-button_icon slds-progress__marker slds-progress__marker_icon" aria-describedby="progress-indicator-tooltip-0"> | |
| Expected the HTML found at $('button[aria-describedby="progress-indicator-tooltip-1"]') to have no violations: | |
| <button class="slds-button slds-button_icon slds-progress__marker slds-progress__marker_icon" aria-describedby="progress-indicator-tooltip-1"> | |
| Expected the HTML found at $('button[aria-describedby="progress-indicator-tooltip-2"]') to have no violations: | |
| <button class="slds-button slds-button_icon slds-progress__marker slds-progress__marker_icon" aria-describedby="progress-indicator-tooltip-2"> | |
| Expected the HTML found at $('button[aria-describedby="progress-indicator-tooltip-3"]') to have no violations: | |
| <button class="slds-button slds-progress__marker" aria-describedby="progress-indicator-tooltip-3" aria-current="step"><span class="slds-assistive-text">Step 4: tooltip label #4</span></button> | |
| Expected the HTML found at $('button[aria-describedby="progress-indicator-tooltip-4"]') to have no violations: | |
| <button class="slds-button slds-progress__marker" aria-describedby="progress-indicator-tooltip-4"><span class="slds-assistive-text">Step 5: tooltip label #5</span></button> | |
| Received: | |
| "ARIA attributes must conform to valid values (aria-valid-attr-value)" | |
| Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/aria-valid-attr-value?application=axeAPI | |
| 45 | const component = story.render(context); | |
| 46 | const wrapper = mount(component); | |
| > 47 | expect(await axe(wrapper.html())).toHaveNoViolations(); | |
| | ^ | |
| 48 | }, | |
| 49 | }); | |
| 50 | }); | |
| at _callee$ (story-based-accessibility-tests.js:47:38) | |
| at tryCatch (../node_modules/regenerator-runtime/runtime.js:62:40) | |
| at Generator.invoke [as _invoke] (../node_modules/regenerator-runtime/runtime.js:296:22) | |
| at Generator.prototype.(anonymous function) [as next] (../node_modules/regenerator-runtime/runtime.js:114:21) | |
| at step (story-based-accessibility-tests.js:391:221) | |
| at _next (story-based-accessibility-tests.js:391:409) | |
| ● aXe Testing › aXe storyshots › SLDSTree › Base | |
| expect(received).toHaveNoViolations(expected) | |
| Expected the HTML found at $('.slds-is-disabled') to have no violations: | |
| <button class="slds-button slds-button_icon slds-m-right_small slds-is-disabled" disabled="" tabindex="-1" type="button"><svg aria-hidden="true" class="slds-button__icon slds-button__icon_small"><use xlink:href="/assets/icons/utility-sprite/svg/symbols.svg#chevronright"></use></svg></button> | |
| Received: | |
| "Buttons must have discernible text (button-name)" | |
| Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/button-name?application=axeAPI | |
| 45 | const component = story.render(context); | |
| 46 | const wrapper = mount(component); | |
| > 47 | expect(await axe(wrapper.html())).toHaveNoViolations(); | |
| | ^ | |
| 48 | }, | |
| 49 | }); | |
| 50 | }); | |
| at _callee$ (story-based-accessibility-tests.js:47:38) | |
| at tryCatch (../node_modules/regenerator-runtime/runtime.js:62:40) | |
| at Generator.invoke [as _invoke] (../node_modules/regenerator-runtime/runtime.js:296:22) | |
| at Generator.prototype.(anonymous function) [as next] (../node_modules/regenerator-runtime/runtime.js:114:21) | |
| at step (story-based-accessibility-tests.js:391:221) | |
| at _next (story-based-accessibility-tests.js:391:409) | |
| ● aXe Testing › aXe storyshots › SLDSTree › Base with stencil | |
| expect(received).toHaveNoViolations(expected) | |
| Expected the HTML found at $('.slds-is-disabled') to have no violations: | |
| <button class="slds-button slds-button_icon slds-m-right_small slds-is-disabled" disabled="" tabindex="-1" type="button"><svg aria-hidden="true" class="slds-button__icon slds-button__icon_small"><use xlink:href="/assets/icons/utility-sprite/svg/symbols.svg#chevronright"></use></svg></button> | |
| Received: | |
| "Buttons must have discernible text (button-name)" | |
| Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/button-name?application=axeAPI | |
| 45 | const component = story.render(context); | |
| 46 | const wrapper = mount(component); | |
| > 47 | expect(await axe(wrapper.html())).toHaveNoViolations(); | |
| | ^ | |
| 48 | }, | |
| 49 | }); | |
| 50 | }); | |
| at _callee$ (story-based-accessibility-tests.js:47:38) | |
| at tryCatch (../node_modules/regenerator-runtime/runtime.js:62:40) | |
| at Generator.invoke [as _invoke] (../node_modules/regenerator-runtime/runtime.js:296:22) | |
| at Generator.prototype.(anonymous function) [as next] (../node_modules/regenerator-runtime/runtime.js:114:21) | |
| at step (story-based-accessibility-tests.js:391:221) | |
| at _next (story-based-accessibility-tests.js:391:409) | |
| ● aXe Testing › aXe storyshots › SLDSTree › Initial Expanded/Selected | |
| expect(received).toHaveNoViolations(expected) | |
| Expected the HTML found at $('#example-tree-1 > .slds-tree__item > .slds-is-disabled') to have no violations: | |
| <button class="slds-button slds-button_icon slds-m-right_small slds-is-disabled" disabled="" tabindex="-1" type="button"><svg aria-hidden="true" class="slds-button__icon slds-button__icon_small"><use xlink:href="/assets/icons/utility-sprite/svg/symbols.svg#chevronright"></use></svg></button> | |
| Expected the HTML found at $('.slds-is-selected.slds-tree__item > .slds-is-disabled') to have no violations: | |
| <button class="slds-button slds-button_icon slds-m-right_small slds-is-disabled" disabled="" tabindex="-1" type="button"><svg aria-hidden="true" class="slds-button__icon slds-button__icon_small"><use xlink:href="/assets/icons/utility-sprite/svg/symbols.svg#chevronright"></use></svg></button> | |
| Expected the HTML found at $('#example-tree-13 > .slds-tree__item > .slds-is-disabled') to have no violations: | |
| <button class="slds-button slds-button_icon slds-m-right_small slds-is-disabled" disabled="" tabindex="-1" type="button"><svg aria-hidden="true" class="slds-button__icon slds-button__icon_small"><use xlink:href="/assets/icons/utility-sprite/svg/symbols.svg#chevronright"></use></svg></button> | |
| Expected the HTML found at $('#example-tree-14 > .slds-tree__item > .slds-is-disabled') to have no violations: | |
| <button class="slds-button slds-button_icon slds-m-right_small slds-is-disabled" disabled="" tabindex="-1" type="button"><svg aria-hidden="true" class="slds-button__icon slds-button__icon_small"><use xlink:href="/assets/icons/utility-sprite/svg/symbols.svg#chevronright"></use></svg></button> | |
| Received: | |
| "Buttons must have discernible text (button-name)" | |
| Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/button-name?application=axeAPI | |
| 45 | const component = story.render(context); | |
| 46 | const wrapper = mount(component); | |
| > 47 | expect(await axe(wrapper.html())).toHaveNoViolations(); | |
| | ^ | |
| 48 | }, | |
| 49 | }); | |
| 50 | }); | |
| at _callee$ (story-based-accessibility-tests.js:47:38) | |
| at tryCatch (../node_modules/regenerator-runtime/runtime.js:62:40) | |
| at Generator.invoke [as _invoke] (../node_modules/regenerator-runtime/runtime.js:296:22) | |
| at Generator.prototype.(anonymous function) [as next] (../node_modules/regenerator-runtime/runtime.js:114:21) | |
| at step (story-based-accessibility-tests.js:391:221) | |
| at _next (story-based-accessibility-tests.js:391:409) | |
| ● aXe Testing › aXe storyshots › SLDSTree › No Branch Select | |
| expect(received).toHaveNoViolations(expected) | |
| Expected the HTML found at $('.slds-is-disabled') to have no violations: | |
| <button class="slds-button slds-button_icon slds-m-right_small slds-is-disabled" disabled="" tabindex="-1" type="button"><svg aria-hidden="true" class="slds-button__icon slds-button__icon_small"><use xlink:href="/assets/icons/utility-sprite/svg/symbols.svg#chevronright"></use></svg></button> | |
| Received: | |
| "Buttons must have discernible text (button-name)" | |
| Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/button-name?application=axeAPI | |
| 45 | const component = story.render(context); | |
| 46 | const wrapper = mount(component); | |
| > 47 | expect(await axe(wrapper.html())).toHaveNoViolations(); | |
| | ^ | |
| 48 | }, | |
| 49 | }); | |
| 50 | }); | |
| at _callee$ (story-based-accessibility-tests.js:47:38) | |
| at tryCatch (../node_modules/regenerator-runtime/runtime.js:62:40) | |
| at Generator.invoke [as _invoke] (../node_modules/regenerator-runtime/runtime.js:296:22) | |
| at Generator.prototype.(anonymous function) [as next] (../node_modules/regenerator-runtime/runtime.js:114:21) | |
| at step (story-based-accessibility-tests.js:391:221) | |
| at _next (story-based-accessibility-tests.js:391:409) | |
| ● aXe Testing › aXe storyshots › SLDSTree › Multiple Selection | |
| expect(received).toHaveNoViolations(expected) | |
| Expected the HTML found at $('.slds-is-disabled') to have no violations: | |
| <button class="slds-button slds-button_icon slds-m-right_small slds-is-disabled" disabled="" tabindex="-1" type="button"><svg aria-hidden="true" class="slds-button__icon slds-button__icon_small"><use xlink:href="/assets/icons/utility-sprite/svg/symbols.svg#chevronright"></use></svg></button> | |
| Received: | |
| "Buttons must have discernible text (button-name)" | |
| Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/button-name?application=axeAPI | |
| 45 | const component = story.render(context); | |
| 46 | const wrapper = mount(component); | |
| > 47 | expect(await axe(wrapper.html())).toHaveNoViolations(); | |
| | ^ | |
| 48 | }, | |
| 49 | }); | |
| 50 | }); | |
| at _callee$ (story-based-accessibility-tests.js:47:38) | |
| at tryCatch (../node_modules/regenerator-runtime/runtime.js:62:40) | |
| at Generator.invoke [as _invoke] (../node_modules/regenerator-runtime/runtime.js:296:22) | |
| at Generator.prototype.(anonymous function) [as next] (../node_modules/regenerator-runtime/runtime.js:114:21) | |
| at step (story-based-accessibility-tests.js:391:221) | |
| at _next (story-based-accessibility-tests.js:391:409) | |
| ● aXe Testing › aXe storyshots › SLDSTree › Assistive Heading | |
| expect(received).toHaveNoViolations(expected) | |
| Expected the HTML found at $('.slds-is-disabled') to have no violations: | |
| <button class="slds-button slds-button_icon slds-m-right_small slds-is-disabled" disabled="" tabindex="-1" type="button"><svg aria-hidden="true" class="slds-button__icon slds-button__icon_small"><use xlink:href="/assets/icons/utility-sprite/svg/symbols.svg#chevronright"></use></svg></button> | |
| Received: | |
| "Buttons must have discernible text (button-name)" | |
| Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/button-name?application=axeAPI | |
| 45 | const component = story.render(context); | |
| 46 | const wrapper = mount(component); | |
| > 47 | expect(await axe(wrapper.html())).toHaveNoViolations(); | |
| | ^ | |
| 48 | }, | |
| 49 | }); | |
| 50 | }); | |
| at _callee$ (story-based-accessibility-tests.js:47:38) | |
| at tryCatch (../node_modules/regenerator-runtime/runtime.js:62:40) | |
| at Generator.invoke [as _invoke] (../node_modules/regenerator-runtime/runtime.js:296:22) | |
| at Generator.prototype.(anonymous function) [as next] (../node_modules/regenerator-runtime/runtime.js:114:21) | |
| at step (story-based-accessibility-tests.js:391:221) | |
| at _next (story-based-accessibility-tests.js:391:409) | |
| ● aXe Testing › aXe storyshots › SLDSTree › Highlighted Search | |
| expect(received).toHaveNoViolations(expected) | |
| Expected the HTML found at $('.slds-is-disabled') to have no violations: | |
| <button class="slds-button slds-button_icon slds-m-right_small slds-is-disabled" disabled="" tabindex="-1" type="button"><svg aria-hidden="true" class="slds-button__icon slds-button__icon_small"><use xlink:href="/assets/icons/utility-sprite/svg/symbols.svg#chevronright"></use></svg></button> | |
| Received: | |
| "Buttons must have discernible text (button-name)" | |
| Try fixing it with this help: https://dequeuniversity.com/rules/axe/3.1/button-name?application=axeAPI | |
| 45 | const component = story.render(context); | |
| 46 | const wrapper = mount(component); | |
| > 47 | expect(await axe(wrapper.html())).toHaveNoViolations(); | |
| | ^ | |
| 48 | }, | |
| 49 | }); | |
| 50 | }); | |
| at _callee$ (story-based-accessibility-tests.js:47:38) | |
| at tryCatch (../node_modules/regenerator-runtime/runtime.js:62:40) | |
| at Generator.invoke [as _invoke] (../node_modules/regenerator-runtime/runtime.js:296:22) | |
| at Generator.prototype.(anonymous function) [as next] (../node_modules/regenerator-runtime/runtime.js:114:21) | |
| at step (story-based-accessibility-tests.js:391:221) | |
| at _next (story-based-accessibility-tests.js:391:409) | |
| Test Suites: 1 failed, 1 total | |
| Tests: 72 failed, 127 passed, 199 total | |
| Snapshots: 0 total | |
| Time: 745.095s | |
| Ran all test suites. | |
| npm ERR! code ELIFECYCLE | |
| npm ERR! errno 1 | |
| npm ERR! [email protected] test:a11y: `cross-env NODE_ENV=test npx jest --config=tests/a11y-config.json` | |
| npm ERR! Exit status 1 | |
| npm ERR! | |
| npm ERR! Failed at the [email protected] test:a11y script. | |
| npm ERR! This is probably not a problem with npm. There is likely additional logging output above. | |
| ╭─────────────────────────────────────╮ | |
| │ │ | |
| │ Update available 5.3.0 → 6.7.0 │ | |
| │ Run npm i -g npm to update │ | |
| │ │ | |
| ╰─────────────────────────────────────╯ | |
| npm ERR! A complete log of this run can be found in: | |
| npm ERR! /Users/sjames/.npm/_logs/2019-02-04T21_25_52_471Z-debug.log | |
| sjames-ltm:design-system-react sjames$ |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment