summaryrefslogtreecommitdiffstats
path: root/devtools/client/accessibility/test/node/components/text-label-check.test.js
diff options
context:
space:
mode:
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.js52
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);
+ });
+ }
+});