uswds · thisisdano · Mar 10, 2021 · Jan 19, 2021 · Jan 19, 2021 · Jan 19, 2021
diff --git a/spec/unit/accordion/accordion.spec.js b/spec/unit/accordion/accordion.spec.js
@@ -51,7 +51,7 @@ describe("accordion behavior", () => {
       });
 
       it('toggles button aria-expanded="true"', () => {
-        assert.equal(button.getAttribute(EXPANDED), "true");
+        assert.strictEqual(button.getAttribute(EXPANDED), "true");
       });
 
       it('toggles content "hidden" off', () => {
@@ -66,7 +66,7 @@ describe("accordion behavior", () => {
       });
 
       it('toggles button aria-expanded="false"', () => {
-        assert.equal(button.getAttribute(EXPANDED), "false");
+        assert.strictEqual(button.getAttribute(EXPANDED), "false");
       });
 
       it('toggles content "hidden" on', () => {
@@ -81,10 +81,10 @@ describe("accordion behavior", () => {
       const target = document.getElementById(second.getAttribute(CONTROLS));
       second.click();
       // first button and section should be collapsed
-      assert.equal(button.getAttribute(EXPANDED), "false");
+      assert.strictEqual(button.getAttribute(EXPANDED), "false");
       assert(content.hasAttribute(HIDDEN));
       // second should be expanded
-      assert.equal(second.getAttribute(EXPANDED), "true");
+      assert.strictEqual(second.getAttribute(EXPANDED), "true");
       assert(target.getAttribute(HIDDEN) !== true);
     });
 
@@ -95,10 +95,10 @@ describe("accordion behavior", () => {
       second.click();
       button.click();
 
-      assert.equal(button.getAttribute(EXPANDED), "true");
+      assert.strictEqual(button.getAttribute(EXPANDED), "true");
       assert(content.getAttribute(HIDDEN) !== true);
       // second should be expanded
-      assert.equal(second.getAttribute(EXPANDED), "true");
+      assert.strictEqual(second.getAttribute(EXPANDED), "true");
       assert(content.getAttribute(HIDDEN) !== true);
     });
   });

diff --git a/spec/unit/banner/banner.spec.js b/spec/unit/banner/banner.spec.js
@@ -31,23 +31,23 @@ describe("banner", () => {
   });
 
   it("initializes closed", () => {
-    assert.equal(header.classList.contains(EXPANDED_CLASS), false);
-    assert.equal(button.getAttribute(EXPANDED), "false");
+    assert.strictEqual(header.classList.contains(EXPANDED_CLASS), false);
+    assert.strictEqual(button.getAttribute(EXPANDED), "false");
     assert(content.hasAttribute(HIDDEN));
   });
 
   it("opens when you click the button", () => {
     button.click();
-    assert.equal(header.classList.contains(EXPANDED_CLASS), true);
-    assert.equal(button.getAttribute(EXPANDED), "true");
+    assert.strictEqual(header.classList.contains(EXPANDED_CLASS), true);
+    assert.strictEqual(button.getAttribute(EXPANDED), "true");
     assert(content.getAttribute(HIDDEN) !== true);
   });
 
   it("closes when you click the button again", () => {
     button.click();
     button.click();
-    assert.equal(header.classList.contains(EXPANDED_CLASS), false);
-    assert.equal(button.getAttribute(EXPANDED), "false");
+    assert.strictEqual(header.classList.contains(EXPANDED_CLASS), false);
+    assert.strictEqual(button.getAttribute(EXPANDED), "false");
     assert(content.hasAttribute(HIDDEN));
   });
 });
diff --git a/spec/unit/character-count/character-count.spec.js b/spec/unit/character-count/character-count.spec.js
@@ -1,11 +1,13 @@
-const fs = require('fs');
-const path = require('path');
-const assert = require('assert');
-const CharacterCount = require('../../../src/js/components/character-count');
+const fs = require("fs");
+const path = require("path");
+const assert = require("assert");
+const CharacterCount = require("../../../src/js/components/character-count");
 
 const { VALIDATION_MESSAGE, MESSAGE_INVALID_CLASS } = CharacterCount;
 
-const TEMPLATE = fs.readFileSync(path.join(__dirname, '/character-count.template.html'));
+const TEMPLATE = fs.readFileSync(
+  path.join(__dirname, "/character-count.template.html")
+);
 
 const EVENTS = {};
 
@@ -14,10 +16,10 @@ const EVENTS = {};
  * @param {HTMLElement} el the element to sent the event to
  */
 EVENTS.input = (el) => {
-  el.dispatchEvent(new KeyboardEvent('input', { bubbles: true }));
+  el.dispatchEvent(new KeyboardEvent("input", { bubbles: true }));
 };
 
-describe('character count component', () => {
+describe("character count component", () => {
   const { body } = document;
 
   let root;
@@ -28,76 +30,70 @@ describe('character count component', () => {
     body.innerHTML = TEMPLATE;
     CharacterCount.on();
 
-    root = body.querySelector('.usa-character-count');
-    input = root.querySelector('.usa-character-count__field');
-    message = root.querySelector('.usa-character-count__message');
+    root = body.querySelector(".usa-character-count");
+    input = root.querySelector(".usa-character-count__field");
+    message = root.querySelector(".usa-character-count__message");
   });
 
   afterEach(() => {
-    body.textContent = '';
+    body.textContent = "";
     CharacterCount.off(body);
   });
 
-  it('adds initial message for the character count component', () => {
-    assert.equal(message.innerHTML, '20 characters allowed');
+  it("adds initial message for the character count component", () => {
+    assert.strictEqual(message.innerHTML, "20 characters allowed");
   });
 
-  it('informs the user how many more characters they are allowed', () => {
-    input.value = '1';
+  it("informs the user how many more characters they are allowed", () => {
+    input.value = "1";
 
     EVENTS.input(input);
 
-    assert.equal(message.innerHTML, '19 characters left');
+    assert.strictEqual(message.innerHTML, "19 characters left");
   });
 
-  it('informs the user they are allowed a single character', () => {
-    input.value = '1234567890123456789';
+  it("informs the user they are allowed a single character", () => {
+    input.value = "1234567890123456789";
 
     EVENTS.input(input);
 
-    assert.equal(message.innerHTML, '1 character left');
+    assert.strictEqual(message.innerHTML, "1 character left");
   });
 
-  it('informs the user they are over the limit by a single character', () => {
-    input.value = '123456789012345678901';
+  it("informs the user they are over the limit by a single character", () => {
+    input.value = "123456789012345678901";
 
     EVENTS.input(input);
 
-    assert.equal(message.innerHTML, '1 character over limit');
+    assert.strictEqual(message.innerHTML, "1 character over limit");
   });
 
-  it('informs the user how many characters they will need to remove', () => {
-    input.value = '1234567890123456789012345';
+  it("informs the user how many characters they will need to remove", () => {
+    input.value = "1234567890123456789012345";
 
     EVENTS.input(input);
 
-    assert.equal(message.innerHTML, '5 characters over limit');
+    assert.strictEqual(message.innerHTML, "5 characters over limit");
   });
 
-  it('should show the component and input as valid when the input is under the limit', () => {
-    input.value = '1';
+  it("should show the component and input as valid when the input is under the limit", () => {
+    input.value = "1";
 
     EVENTS.input(input);
 
-    assert.equal(input.validationMessage, '');
-    assert.equal(
+    assert.strictEqual(input.validationMessage, "");
+    assert.strictEqual(
       message.classList.contains(MESSAGE_INVALID_CLASS),
-      false,
+      false
     );
   });
 
-  it('should show the component and input as invalid when the input is over the limit', () => {
-    input.value = '123456789012345678901';
+  it("should show the component and input as invalid when the input is over the limit", () => {
+    input.value = "123456789012345678901";
 
     EVENTS.input(input);
 
-    assert.equal(
-      input.validationMessage,
-      VALIDATION_MESSAGE,
-    );
-    assert.equal(
-      message.classList.contains(MESSAGE_INVALID_CLASS),
-      true,
-    );
+    assert.strictEqual(input.validationMessage, VALIDATION_MESSAGE);
+    assert.strictEqual(message.classList.contains(MESSAGE_INVALID_CLASS), true);
   });
 });
diff --git a/spec/unit/character-count/valid-template-multiple-validators.spec.js b/spec/unit/character-count/valid-template-multiple-validators.spec.js
@@ -1,9 +1,11 @@
-const fs = require('fs');
-const path = require('path');
-const assert = require('assert');
-const CharacterCount = require('../../../src/js/components/character-count');
+const fs = require("fs");
+const path = require("path");
+const assert = require("assert");
+const CharacterCount = require("../../../src/js/components/character-count");
 
-const TEMPLATE = fs.readFileSync(path.join(__dirname, '/valid-template-multiple-validators.template.html'));
+const TEMPLATE = fs.readFileSync(
+  path.join(__dirname, "/valid-template-multiple-validators.template.html")
+);
 
 const EVENTS = {};
 
@@ -12,10 +14,10 @@ const EVENTS = {};
  * @param {HTMLElement} el the element to sent the event to
  */
 EVENTS.input = (el) => {
-  el.dispatchEvent(new KeyboardEvent('input', { bubbles: true }));
+  el.dispatchEvent(new KeyboardEvent("input", { bubbles: true }));
 };
 
-describe('character count component with multiple validators', () => {
+describe("character count component with multiple validators", () => {
   const { body } = document;
 
   let root;
@@ -25,60 +27,63 @@ describe('character count component with multiple validators', () => {
     body.innerHTML = TEMPLATE;
     CharacterCount.on();
 
-    root = body.querySelector('.usa-character-count');
-    input = root.querySelector('.usa-character-count__field');
+    root = body.querySelector(".usa-character-count");
+    input = root.querySelector(".usa-character-count__field");
   });
 
   afterEach(() => {
-    body.textContent = '';
+    body.textContent = "";
     CharacterCount.off(body);
   });
 
-  it('assert that input constraint validation adds a validation message', () => {
-    input.value = 'abcd5';
+  it("assert that input constraint validation adds a validation message", () => {
+    input.value = "abcd5";
 
     EVENTS.input(input);
 
-    assert.equal(input.validationMessage, 'Constraints not satisfied');
+    assert.strictEqual(input.validationMessage, "Constraints not satisfied");
   });
 
-  it('assert that input constraint validation does not overwrite a custom message', () => {
-    input.setCustomValidity('There is an error');
-    input.value = 'abcd5';
+  it("assert that input constraint validation does not overwrite a custom message", () => {
+    input.setCustomValidity("There is an error");
+    input.value = "abcd5";
 
     EVENTS.input(input);
 
-    assert.equal(input.validationMessage, 'There is an error');
+    assert.strictEqual(input.validationMessage, "There is an error");
   });
 
-  it('should not affect the validation message when a custom error message is already present', () => {
-    input.setCustomValidity('There is an error');
-    input.value = 'abcdef';
+  it("should not affect the validation message when a custom error message is already present", () => {
+    input.setCustomValidity("There is an error");
+    input.value = "abcdef";
 
     EVENTS.input(input);
 
-    assert.equal(input.validationMessage, 'There is an error');
+    assert.strictEqual(input.validationMessage, "There is an error");
   });
 
-  it('should not affect the validation message when the input is already invalid', () => {
-    input.value = 'abcde5';
+  it("should not affect the validation message when the input is already invalid", () => {
+    input.value = "abcde5";
 
     EVENTS.input(input);
 
-    assert.equal(input.validationMessage, 'Constraints not satisfied');
+    assert.strictEqual(input.validationMessage, "Constraints not satisfied");
   });
 
-  it('should clear the validation message when input is only invalid by character count validation', () => {
-    input.value = 'abcdef';
+  it("should clear the validation message when input is only invalid by character count validation", () => {
+    input.value = "abcdef";
 
     EVENTS.input(input);
 
-    assert.equal(input.validationMessage, CharacterCount.VALIDATION_MESSAGE);
+    assert.strictEqual(
+      input.validationMessage,
+      CharacterCount.VALIDATION_MESSAGE
+    );
 
-    input.value = 'abcde';
+    input.value = "abcde";
 
     EVENTS.input(input);
 
-    assert.equal(input.validationMessage, '');
+    assert.strictEqual(input.validationMessage, "");
   });
 });
diff --git a/spec/unit/character-count/valid-template-no-maxlength.spec.js b/spec/unit/character-count/valid-template-no-maxlength.spec.js
@@ -1,9 +1,11 @@
-const fs = require('fs');
-const path = require('path');
-const assert = require('assert');
-const CharacterCount = require('../../../src/js/components/character-count');
+const fs = require("fs");
+const path = require("path");
+const assert = require("assert");
+const CharacterCount = require("../../../src/js/components/character-count");
 
-const TEMPLATE = fs.readFileSync(path.join(__dirname, '/valid-template-no-maxlength.template.html'));
+const TEMPLATE = fs.readFileSync(
+  path.join(__dirname, "/valid-template-no-maxlength.template.html")
+);
 
 const EVENTS = {};
 
@@ -12,10 +14,10 @@ const EVENTS = {};
  * @param {HTMLElement} el the element to sent the event to
  */
 EVENTS.input = (el) => {
-  el.dispatchEvent(new KeyboardEvent('input', { bubbles: true }));
+  el.dispatchEvent(new KeyboardEvent("input", { bubbles: true }));
 };
 
-describe('character count component without maxlength', () => {
+describe("character count component without maxlength", () => {
   const { body } = document;
 
   let root;
@@ -26,25 +28,25 @@ describe('character count component without maxlength', () => {
     body.innerHTML = TEMPLATE;
     CharacterCount.on();
 
-    root = body.querySelector('.usa-character-count');
-    input = root.querySelector('.usa-character-count__field');
-    message = root.querySelector('.usa-character-count__message');
+    root = body.querySelector(".usa-character-count");
+    input = root.querySelector(".usa-character-count__field");
+    message = root.querySelector(".usa-character-count__message");
   });
 
   afterEach(() => {
-    body.textContent = '';
+    body.textContent = "";
     CharacterCount.off(body);
   });
 
-  it('should not update an initial message for the character count component', () => {
-    assert.equal(message.innerHTML, '');
+  it("should not update an initial message for the character count component", () => {
+    assert.strictEqual(message.innerHTML, "");
   });
 
-  it('should not inform the user of remaining characters when typing', () => {
-    input.value = '1';
+  it("should not inform the user of remaining characters when typing", () => {
+    input.value = "1";
 
     EVENTS.input(input);
 
-    assert.equal(message.innerHTML, '');
+    assert.strictEqual(message.innerHTML, "");
   });
 });