Fix vue_shared/components/input_copy_toggle_visibility/input_copy_toggle_visibility.stories.js
Default
vue_shared/input_copy_toggle_visibility › Default › smoke-test
assert.fail(received, expected)
Message:
Found 1 accessibility violations:
-----------------------------------
Expected the HTML found at $('#gl-form-input-1') to have no violations:
<input type="text" class="gl-form-input !gl-border !gl-border-r-section form-control !gl-font-monospace !gl-cursor-default input-copy-show-disc gl-form-input-xl" id="gl-form-input-1">
Received:
Form elements must have labels (label)
Fix any of the following:
Element does not have an implicit (wrapped) <label>
Element does not have an explicit <label>
aria-label attribute does not exist or is empty
aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty
Element has no title attribute
Element has no placeholder attribute
Element's default semantics were not overridden with role="none" or role="presentation"
You can find more information on this issue here:
https://dequeuniversity.com/rules/axe/4.10/label?application=axeAPI
-----------------------------------
at TerminalReporterV2.<anonymous> (storybook/node_modules/axe-playwright/dist/reporter/terminalReporterV2.js:64:34)
at storybook/node_modules/axe-playwright/dist/reporter/terminalReporterV2.js:8:71
at Object.<anonymous>.__awaiter (storybook/node_modules/axe-playwright/dist/reporter/terminalReporterV2.js:4:12)
at TerminalReporterV2.report (storybook/node_modules/axe-playwright/dist/reporter/terminalReporterV2.js:22:16)
at storybook/node_modules/axe-playwright/dist/index.js:97:20
at storybook/node_modules/axe-playwright/dist/index.js:31:71
at Object.<anonymous>.__awaiter (storybook/node_modules/axe-playwright/dist/index.js:27:12)
at reportViolations (storybook/node_modules/axe-playwright/dist/index.js:96:52)
at storybook/node_modules/axe-playwright/dist/index.js:141:44
at fulfilled (storybook/node_modules/axe-playwright/dist/index.js:28:58)
With validation errors
vue_shared/input_copy_toggle_visibility › WithValidationError › smoke-test
assert.fail(received, expected)
Message:
Found 1 accessibility violations:
-----------------------------------
Expected the HTML found at $('#gl-form-input-2') to have no violations:
<input type="text" aria-invalid="true" class="gl-form-input !gl-border !gl-border-r-section form-control is-invalid !gl-font-monospace !gl-cursor-default input-copy-show-disc" id="gl-form-input-2">
Received:
Form elements must have labels (label)
Fix any of the following:
Element does not have an implicit (wrapped) <label>
Element does not have an explicit <label>
aria-label attribute does not exist or is empty
aria-labelledby attribute does not exist, references elements that do not exist or references elements that are empty
Element has no title attribute
Element has no placeholder attribute
Element's default semantics were not overridden with role="none" or role="presentation"
You can find more information on this issue here:
https://dequeuniversity.com/rules/axe/4.10/label?application=axeAPI
-----------------------------------
at TerminalReporterV2.<anonymous> (storybook/node_modules/axe-playwright/dist/reporter/terminalReporterV2.js:64:34)
at storybook/node_modules/axe-playwright/dist/reporter/terminalReporterV2.js:8:71
at Object.<anonymous>.__awaiter (storybook/node_modules/axe-playwright/dist/reporter/terminalReporterV2.js:4:12)
at TerminalReporterV2.report (storybook/node_modules/axe-playwright/dist/reporter/terminalReporterV2.js:22:16)
at storybook/node_modules/axe-playwright/dist/index.js:97:20
at storybook/node_modules/axe-playwright/dist/index.js:31:71
at Object.<anonymous>.__awaiter (storybook/node_modules/axe-playwright/dist/index.js:27:12)
at reportViolations (storybook/node_modules/axe-playwright/dist/index.js:96:52)
at storybook/node_modules/axe-playwright/dist/index.js:141:44
at fulfilled (storybook/node_modules/axe-playwright/dist/index.js:28:58)
Edited by 🤖 GitLab Bot 🤖