Release 5.0.8 (#376)

.github/dependabot.yml

@@ -10,16 +10,6 @@ updates:
   assignees:
   - mkody
   versioning-strategy: increase
-  ignore:
-  - dependency-name: "@babel/core"
-    versions:
-    - 7.12.10
-    - 7.12.13
-    - 7.13.0
-  - dependency-name: "@babel/preset-env"
-    versions:
-    - 7.12.11
-    - 7.12.13
   commit-message:
     prefix: feat
     prefix-development: chore

.github/workflows/CI.yml

@@ -1,14 +1,17 @@
 name: CI
-on: [push, pull_request]
+on:
+  push:
+    branches: [ dev, bump-deps ]
+  pull_request:
 jobs:
   build:
     name: Test
     runs-on: ubuntu-latest
     steps:
-    - uses: actions/checkout@v2
-    - uses: actions/setup-node@v2
+    - uses: actions/checkout@v3
+    - uses: actions/setup-node@v3
       with:
-        node-version: '16'
-    - run: yarn install
+        node-version-file: '.nvmrc'
+    - run: yarn install --frozen-lockfile
     - run: yarn build
     - run: yarn test

.nvmrc

@@ -1 +1 @@
-lts/*
+lts/*

__tests__/__snapshots__/icon.js.snap

@@ -1,3 +1,23 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`Icon renders an icon 1`] = `<span aria-hidden="true" role="img" class="material-design-icon android-icon"><svg fill="currentColor" width="24" height="24" viewBox="0 0 24 24" class="material-design-icon__svg"><path d="M16.61 15.15C16.15 15.15 15.77 14.78 15.77 14.32S16.15 13.5 16.61 13.5H16.61C17.07 13.5 17.45 13.86 17.45 14.32C17.45 14.78 17.07 15.15 16.61 15.15M7.41 15.15C6.95 15.15 6.57 14.78 6.57 14.32C6.57 13.86 6.95 13.5 7.41 13.5H7.41C7.87 13.5 8.24 13.86 8.24 14.32C8.24 14.78 7.87 15.15 7.41 15.15M16.91 10.14L18.58 7.26C18.67 7.09 18.61 6.88 18.45 6.79C18.28 6.69 18.07 6.75 18 6.92L16.29 9.83C14.95 9.22 13.5 8.9 12 8.91C10.47 8.91 9 9.24 7.73 9.82L6.04 6.91C5.95 6.74 5.74 6.68 5.57 6.78C5.4 6.87 5.35 7.08 5.44 7.25L7.1 10.13C4.25 11.69 2.29 14.58 2 18H22C21.72 14.59 19.77 11.7 16.91 10.14H16.91Z"><!----></path></svg></span>`;
+exports[`Icon renders an icon 1`] = `
+<span
+  aria-hidden="true"
+  class="material-design-icon android-icon"
+  role="img"
+>
+  <svg
+    class="material-design-icon__svg"
+    fill="currentColor"
+    height="24"
+    viewBox="0 0 24 24"
+    width="24"
+  >
+    <path
+      d="M16.61 15.15C16.15 15.15 15.77 14.78 15.77 14.32S16.15 13.5 16.61 13.5H16.61C17.07 13.5 17.45 13.86 17.45 14.32C17.45 14.78 17.07 15.15 16.61 15.15M7.41 15.15C6.95 15.15 6.57 14.78 6.57 14.32C6.57 13.86 6.95 13.5 7.41 13.5H7.41C7.87 13.5 8.24 13.86 8.24 14.32C8.24 14.78 7.87 15.15 7.41 15.15M16.91 10.14L18.58 7.26C18.67 7.09 18.61 6.88 18.45 6.79C18.28 6.69 18.07 6.75 18 6.92L16.29 9.83C14.95 9.22 13.5 8.9 12 8.91C10.47 8.91 9 9.24 7.73 9.82L6.04 6.91C5.95 6.74 5.74 6.68 5.57 6.78C5.4 6.87 5.35 7.08 5.44 7.25L7.1 10.13C4.25 11.69 2.29 14.58 2 18H22C21.72 14.59 19.77 11.7 16.91 10.14H16.91Z"
+    >
+      <!--v-if-->
+    </path>
+  </svg>
+</span>
+`;

__tests__/icon.js

@@ -1,23 +1,11 @@
 import { mount } from '@vue/test-utils';
-import AndroidIcon from '../dist/Android';
-
-const WrappedIcon = {
-  components: {
-    AndroidIcon,
-  },
-  render(h) {
-    return h(AndroidIcon, {
-      attrs: this.$attrs,
-      listeners: this.$listeners,
-    });
-  },
-};
+import AndroidIcon from '../dist/Android.vue';
 
 describe('Icon', () => {
   let icon;
 
   beforeEach(() => {
-    icon = mount(WrappedIcon);
+    icon = mount(AndroidIcon);
   });
 
   it('accepts a "title" property', async () => {
@@ -39,7 +27,7 @@ describe('Icon', () => {
   });
 
   it('renders an icon', () => {
-    expect(icon).toMatchSnapshot();
+    expect(icon.wrapperElement).toMatchSnapshot();
   });
 
   it('listens to a click event', async () => {

jest.config.cjs

@@ -3,12 +3,15 @@ module.exports = {
   testEnvironment: 'jsdom',
   moduleFileExtensions: ['js', 'vue'],
   transform: {
-    '^.+\\.vue$': 'vue-jest',
-    '^.+\\.js$': '<rootDir>/node_modules/babel-jest',
+    '^.+\\.vue$': '@vue/vue3-jest',
+    '^.+\\.js$': 'babel-jest',
   },
-  snapshotSerializers: ['<rootDir>/node_modules/jest-serializer-vue'],
+  snapshotSerializers: ['jest-serializer-vue'],
   reporters: [
     'default',
     ['jest-junit', { outputDirectory: '<rootDir>/reports/jest' }],
   ],
+  testEnvironmentOptions: {
+    customExportConditions: ['node', 'node-addons'],
+ },
 };

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mkody/vue-material-design-icons",
-  "version": "5.0.7",
+  "version": "5.0.8",
   "author": "Rob Cresswell <[email protected]>",
   "contributors": [
     {
@@ -28,28 +28,23 @@
     "material design"
   ],
   "devDependencies": {
-    "@babel/core": "^7.20.7",
-    "@babel/preset-env": "^7.20.2",
-    "@mdi/js": "7.1.96",
-    "@types/node": "^18.11.18",
-    "@vue/test-utils": "1.3.3",
-    "babel-core": "7.0.0-bridge.0",
-    "babel-jest": "^29.3.1",
+    "@babel/core": "^7.21.4",
+    "@babel/preset-env": "^7.21.4",
+    "@mdi/js": "7.2.96",
+    "@types/node": "^18.16.0",
+    "@vue/test-utils": "^2.3.2",
+    "@vue/vue3-jest": "^29.2.3",
     "copyfiles": "^2.4.1",
-    "jest": "^29.3.1",
-    "jest-environment-jsdom": "^29.3.1",
-    "jest-junit": "^15.0.0",
+    "jest": "^29.5.0",
+    "jest-environment-jsdom": "^29.5.0",
+    "jest-junit": "^16.0.0",
     "jest-serializer-vue": "3.1.0",
-    "mustache": "^4.2.0",
-    "p-map": "^5.5.0",
-    "prettier": "^2.8.1",
-    "regenerator-runtime": "^0.13.11",
-    "rimraf": "^3.0.2",
+    "p-map": "^6.0.0",
+    "prettier": "^2.8.8",
+    "rimraf": "^5.0.0",
     "ts-node": "^10.9.1",
-    "typescript": "^4.9.4",
-    "vue": "^2.7.14",
-    "vue-jest": "^3.0.7",
-    "vue-template-compiler": "^2.7.14"
+    "typescript": "^5.0.4",
+    "vue": "^3.2.47"
   },
   "homepage": "https://github.com/mkody/vue-material-design-icons",
   "bugs": {
@@ -59,7 +54,7 @@
     "prebuild": "rimraf dist/",
     "build": "ts-node --esm ./build.ts",
     "postbuild": "copyfiles styles.css package.json README.md dist/",
-    "format": "prettier --write **/*.{js,vue}",
+    "format": "prettier --write **/*.{js,ts}",
     "test": "jest"
   },
   "type": "module",