@cfpb/cfpb-design-system 3.4.0 → 3.4.2

package/CHANGELOG.md

@@ -2,7 +2,27 @@
 
 All notable changes to this project will be documented in this file.
 
-## [3.4.0](https://github.com/cfpb/design-system/compare/v3.3.1..3.4.0) - 2024-11-07
+## [3.4.2](https://github.com/cfpb/design-system/compare/v3.4.1..3.4.2) - 2024-11-07
+
+### PRs in this release
+
+- PR #[2102](https://github.com/cfpb/design-system/pull/2102): Remove extraneous button-with-icon.scss reference - Ans
+
+### General
+
+- Remove button-with-icon reference - ([ee36f36](https://github.com/cfpb/design-system/commit/ee36f3676c2160415c8e75cf0c8affffad9a7f22)) - Ans
+
+## [3.4.1](https://github.com/cfpb/design-system/compare/v3.4.0..v3.4.1) - 2024-11-07
+
+### PRs in this release
+
+- PR #[2101](https://github.com/cfpb/design-system/pull/2101): Add behavior JS unit tests - Ans
+
+### General
+
+- Add behavior specs - ([dd956be](https://github.com/cfpb/design-system/commit/dd956be595a500b2fd654faa9c88700851057eb1)) - Ans
+
+## [3.4.0](https://github.com/cfpb/design-system/compare/v3.3.1..v3.4.0) - 2024-11-07
 
 ### PRs in this release
 
@@ -349,7 +369,7 @@ All notable changes to this project will be documented in this file.
 - Create root package index.scss - ([b4ae5d0](https://github.com/cfpb/design-system/commit/b4ae5d08c7bee7f09ef478743038b02e7bb4d55d)) - Ans
 - V3.0.1 - ([dbcf5b3](https://github.com/cfpb/design-system/commit/dbcf5b3bcc5b64fa7760011f05c7d7fa8517406a)) - Ans
 
-## [3.0.0] - 2024-08-16
+## [3.0.0] - August 16, 2024
 
 ### PRs in this release
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cfpb/cfpb-design-system",
-  "version": "3.4.0",
+  "version": "3.4.2",
   "description": "CFPB's UI framework",
   "main": "src/index.js",
   "author": {

package/src/index.scss

@@ -6,7 +6,6 @@
 @forward 'components/cfpb-buttons/button';
 @forward 'components/cfpb-buttons/button-group';
 @forward 'components/cfpb-buttons/button-link';
-@forward 'components/cfpb-buttons/button-with-icon';
 
 // Expandables.
 @forward 'components/cfpb-expandables/vars';

package/src/utilities/atomic-helpers.spec.js

@@ -57,7 +57,7 @@ describe('atomic-helpers', () => {
         'Check that element is a DOM node with ' +
         `class ".${testClass}"`;
       /**
-       *
+       * Mock error function.
        */
       function errFunc() {
         checkDom(null, testClass);
@@ -68,7 +68,7 @@ describe('atomic-helpers', () => {
     it('should throw an error if element class not found', () => {
       const errMsg = 'mock-class not found on or in passed DOM node.';
       /**
-       *
+       * Mock error function.
        */
       function errFunc() {
         checkDom(componentDom, 'mock-class');

package/src/utilities/behavior/behavior.spec.js

@@ -0,0 +1,36 @@
+import { checkBehaviorDom, behaviorFind } from './behavior.js';
+
+let containerDom;
+
+const HTML_SNIPPET = `
+  <div id="container" data-js-hook="behavior_flyout-menu">
+    <button data-js-hook="behavior_flyout-menu_trigger">
+    <div data-js-hook="behavior_flyout-menu_content">…</div>
+  </div>
+`;
+
+describe('behaviors', () => {
+  beforeEach(() => {
+    document.body.innerHTML = HTML_SNIPPET;
+    containerDom = document.querySelector('#container');
+  });
+
+  describe('.checkBehaviorDom()', () => {
+    it('should return an HTML element', () => {
+      expect(
+        checkBehaviorDom(
+          containerDom,
+          'behavior_flyout-menu_content',
+        ).getAttribute('data-js-hook'),
+      ).toBe('behavior_flyout-menu_content');
+    });
+  });
+
+  describe('.behaviorFind()', () => {
+    it('should return an array with two items when selectors are found', () => {
+      const result = behaviorFind('flyout-menu', containerDom);
+      expect(result).toBeInstanceOf(NodeList);
+      expect(result.length).toBe(2);
+    });
+  });
+});