@madgex/design-system 3.0.2 → 3.0.4

package/.eslintignore

@@ -1 +1,3 @@
 public/themes
+dist
+public

package/.eslintrc.js

@@ -1,9 +1,9 @@
 module.exports = {
   extends: ['@madgex/eslint-config-madgex', 'plugin:vue/essential', '@vue/prettier'],
   rules: {
-    'import/no-extraneous-dependencies': ['error', { devDependencies: ['*.js', 'tasks/*.js'] }]
+    'import/no-extraneous-dependencies': ['error', { devDependencies: ['*.js', 'tasks/*.js'] }],
   },
   env: {
-    browser: true
-  }
+    browser: true,
+  },
 };

package/__tests__/.eslintrc.js

@@ -1,8 +1,8 @@
 module.exports = {
   rules: {
-    'import/no-extraneous-dependencies': ['error', { devDependencies: true }]
+    'import/no-extraneous-dependencies': ['error', { devDependencies: true }],
   },
   env: {
-    jest: true
-  }
+    jest: true,
+  },
 };

package/__tests__/unit/src/components/combobox.spec.js

@@ -1,3 +1,7 @@
+/**
+ * @jest-environment jsdom
+ */
+
 import Vue from 'vue';
 import { mount } from '@vue/test-utils';
 import Combobox from '../../../../src/components/inputs/combobox/vue-components/Combobox.vue';
@@ -32,22 +36,6 @@ describe('Combobox', () => {
   });
 
   describe('Search box', () => {
-    it('has the correct role', () => {
-      expect(searchBox.attributes('role')).toBe('combobox');
-    });
-
-    it('controls the listbox', async () => {
-      expect.assertions(1);
-      searchBox.trigger('focus');
-      await Vue.nextTick();
-      expect(searchBox.attributes('aria-owns')).toBe('test-listbox');
-    });
-
-    it('has the correct autocomplete settings', () => {
-      expect(searchBox.attributes('autocomplete')).toBe('off');
-      expect(searchBox.attributes('aria-autocomplete')).toBe('list');
-    });
-
     it('triggers a search event on input', () => {
       searchBox.setValue('test search');
       expect(wrapper.emitted('search')[0]).toEqual(['test search']);
@@ -72,22 +60,10 @@ describe('Combobox', () => {
   });
 
   describe('Listbox', () => {
-    it('has the correct role', () => {
-      expect(listBox.attributes('role')).toBe('listbox');
-    });
     it('renders the options passed to the select', () => {
       expect(listBox.findAll('li')).toHaveLength(2);
     });
 
-    it('allows keyboard navigation of items', async () => {
-      expect.assertions(1);
-      searchBox.setValue('dog');
-      await Vue.nextTick();
-      wrapper.trigger('keydown.down');
-      await Vue.nextTick();
-      expect(wrapper.vm.selectedOption).toBeTruthy();
-    });
-
     it('triggers a select-option event on option mousedown', () => {
       listBox.find('li').trigger('mousedown');
       expect(wrapper.emitted('select-option')[0]).toEqual([

package/__tests__/unit/src/components/notification.spec.js

@@ -1,34 +1,37 @@
-jest.unmock('../../../../src/components/notification/notification');
+/**
+ * @jest-environment jsdom
+ */
+
 import notification from '../../../../src/components/notification/notification';
 
+jest.unmock('../../../../src/components/notification/notification');
+
 jest.useFakeTimers();
 
 // Avoid document.createRange not defined error
 if (window.document) {
   window.document.createRange = () => ({
-      setStart: () => {},
-      setEnd: () => {},
-      commonAncestorContainer: {
-          nodeName: 'BODY',
-          ownerDocument: document,
-      },
+    setStart: () => {},
+    setEnd: () => {},
+    commonAncestorContainer: {
+      nodeName: 'BODY',
+      ownerDocument: document,
+    },
   });
 }
 
 const { body } = document;
 const message = document.createElement('div');
+
 message.setAttribute('role', 'alert');
 message.classList.add('mds-notification', 'mds-message', 'mds-message--success');
 message.innerText = 'test';
- 
 
 afterEach(() => {
   document.body.innerHTML = '';
 });
 
-
 describe('notification function', () => {
-
   it('`show` adds message div inside the body', async () => {
     notification.show(body, message);
     expect.assertions(1);
@@ -50,6 +53,5 @@ describe('notification function', () => {
     expect(setTimeout).toHaveBeenCalledTimes(1);
     expect(notification.hide).toBeCalled();
     jest.clearAllTimers();
-  });  
+  });
 });
-

package/__tests__/unit/src/components/popover.spec.js

@@ -1,3 +1,7 @@
+/**
+ * @jest-environment jsdom
+ */
+
 import popovers from '../../../../src/components/popover/popover';
 
 // Avoid document.createRange not defined error

package/__tests__/unit/tasks/css.spec.js

@@ -1,5 +1,6 @@
-const {css} = require('../../../tasks/css');
+const { css } = require('../../../tasks/css');
+
 describe('CSS', () => {
   beforeEach(() => {});
   it.skip('correctly creates the css folder', () => {});
-});
+});

package/__tests__/unit/tasks/jsbundle.spec.js

@@ -1,5 +1,6 @@
-const {jsbundle} = require('../../../tasks/js-bundle');
+const { jsbundle } = require('../../../tasks/js-bundle');
+
 describe('JS Bundle', () => {
   beforeEach(() => {});
   it.skip('correctly creates the js bundles', () => {});
-});
+});

package/__tests__/unit/tasks/svgsprite.spec.js

@@ -1,5 +1,6 @@
-const {svgsprite} = require('../../../tasks/svgsprite');
+const { svgsprite } = require('../../../tasks/svgsprite');
+
 describe('SVGSprite', () => {
   beforeEach(() => {});
   it.skip('correctly creates the SVG sprites', () => {});
-});
+});

package/__tests__/unit/tasks/tokens.spec.js

@@ -1,5 +1,6 @@
-const {tokens} = require('../../../tasks/tokens');
+const { tokens } = require('../../../tasks/tokens');
+
 describe('Tokens', () => {
   beforeEach(() => {});
   it.skip('correctly creates the token folder', () => {});
-});
+});