diff options
Diffstat (limited to 'devtools/client/accessibility/test/node/components/text-label-check.test.js')
-rw-r--r-- | devtools/client/accessibility/test/node/components/text-label-check.test.js | 52 |
1 files changed, 52 insertions, 0 deletions
diff --git a/devtools/client/accessibility/test/node/components/text-label-check.test.js b/devtools/client/accessibility/test/node/components/text-label-check.test.js new file mode 100644 index 0000000000..38a56ba3ce --- /dev/null +++ b/devtools/client/accessibility/test/node/components/text-label-check.test.js @@ -0,0 +1,52 @@ +/* This Source Code Form is subject to the terms of the Mozilla Public + * License, v. 2.0. If a copy of the MPL was not distributed with this + * file, You can obtain one at http://mozilla.org/MPL/2.0/. */ + +"use strict"; + +const { mount } = require("enzyme"); +const { + createFactory, +} = require("resource://devtools/client/shared/vendor/react.js"); +const TextLabelCheckClass = require("resource://devtools/client/accessibility/components/TextLabelCheck.js"); +const TextLabelCheck = createFactory(TextLabelCheckClass); + +const FluentReact = require("resource://devtools/client/shared/vendor/fluent-react.js"); +const LocalizationProvider = createFactory(FluentReact.LocalizationProvider); + +const { + testCustomCheck, +} = require("resource://devtools/client/accessibility/test/node/helpers.js"); + +const { + accessibility: { + AUDIT_TYPE: { TEXT_LABEL }, + ISSUE_TYPE: { + [TEXT_LABEL]: { + AREA_NO_NAME_FROM_ALT, + DIALOG_NO_NAME, + FORM_NO_VISIBLE_NAME, + }, + }, + SCORES: { BEST_PRACTICES, FAIL, WARNING }, + }, +} = require("resource://devtools/shared/constants.js"); + +describe("TextLabelCheck component:", () => { + const testProps = [ + { issue: AREA_NO_NAME_FROM_ALT, score: FAIL }, + { issue: FORM_NO_VISIBLE_NAME, score: WARNING }, + { issue: DIALOG_NO_NAME, score: BEST_PRACTICES }, + ]; + + for (const props of testProps) { + it(`${props.score} render`, () => { + const wrapper = mount( + LocalizationProvider({ bundles: [] }, TextLabelCheck(props)) + ); + + const textLabelCheck = wrapper.find(TextLabelCheckClass); + testCustomCheck(textLabelCheck, props); + }); + } +}); |