chore: add some CI testing

Author: robcresswell

.circleci/config.yml

@@ -0,0 +1,22 @@
+version: 2
+jobs:
+  build:
+    working_directory: ~/vue-material-design-icons
+    docker:
+      - image: node:12-alpine
+    steps:
+      - run:
+          name: Install certificate handling for artifact uploading
+          command: apk add ca-certificates
+      - checkout
+      - run: 
+          name: Install dependencies
+          command: yarn
+      - run:
+          name: Run tests
+          command: yarn test
+      - store_artifacts:
+          path: coverage
+          prefix: coverage
+      - store_test_results:
+          path: coverage

.gitignore

@@ -6,3 +6,4 @@ node_modules/
 dist/
 yarn.lock
 package-lock.json
+coverage/

.nvmrc

@@ -1 +1 @@
-10
+12

.prettierrc.json

@@ -0,0 +1,6 @@
+{
+  "arrowParens": "always",
+  "trailingComma": "all",
+  "singleQuote": true,
+  "htmlWhitespaceSensitivity": "ignore"
+}

__tests__/icon.js

@@ -1,46 +1,46 @@
-import { shallowMount } from "@vue/test-utils";
-import AndroidIcon from "../dist/Android.vue";
+import { shallowMount } from '@vue/test-utils';
+import AndroidIcon from '../dist/Android';
 
-describe("Icon", () => {
+describe('Icon', () => {
   let icon;
 
   beforeEach(() => {
     icon = shallowMount(AndroidIcon);
   });
 
-  it("accepts a \"title\" property", () => {
-    expect(icon.vm.title).toEqual("Android icon");
-    expect(icon.attributes()["aria-label"]).toEqual("Android icon");
+  it('accepts a "title" property', () => {
+    expect(icon.vm.title).toEqual('Android icon');
+    expect(icon.attributes()['aria-label']).toEqual('Android icon');
 
-    icon.setProps({ title: "foo" });
+    icon.setProps({ title: 'foo' });
 
-    expect(icon.vm.title).toEqual("foo");
-    expect(icon.attributes()["aria-label"]).toEqual("foo");
+    expect(icon.vm.title).toEqual('foo');
+    expect(icon.attributes()['aria-label']).toEqual('foo');
   });
 
-  it("accepts a \"decorative\" property", () => {
+  it('accepts a "decorative" property', () => {
     expect(icon.vm.decorative).toBe(false);
-    expect(icon.attributes()["aria-hidden"]).toBeFalsy();
+    expect(icon.attributes()['aria-hidden']).toBeFalsy();
 
     icon.setProps({ decorative: true });
 
     expect(icon.vm.decorative).toBe(true);
-    expect(icon.attributes()["aria-hidden"]).toBeTruthy();
+    expect(icon.attributes()['aria-hidden']).toBeTruthy();
   });
 
-  it("accepts a \"fillColor\" property", () => {
-    const svg = icon.find(".material-design-icon__svg");
+  it('accepts a "fillColor" property', () => {
+    const svg = icon.find('.material-design-icon__svg');
 
-    expect(icon.vm.fillColor).toBe("currentColor");
-    expect(svg.attributes()["fill"]).toEqual("currentColor");
+    expect(icon.vm.fillColor).toBe('currentColor');
+    expect(svg.attributes()['fill']).toEqual('currentColor');
 
-    icon.setProps({ fillColor: "#FF0000" });
+    icon.setProps({ fillColor: '#FF0000' });
 
-    expect(icon.vm.fillColor).toBe("#FF0000");
-    expect(svg.attributes()["fill"]).toEqual("#FF0000");
+    expect(icon.vm.fillColor).toBe('#FF0000');
+    expect(svg.attributes()['fill']).toEqual('#FF0000');
   });
 
-  it("renders an icon", () => {
+  it('renders an icon', () => {
     expect(icon).toMatchSnapshot();
   });
 });

build.js

@@ -1,38 +1,38 @@
 #!/usr/bin/env node
 
 // Imports
-const fs = require("fs");
-const fsp = require("fs").promises;
-const mustache = require("mustache");
-const path = require("path");
-const icons = require("@mdi/js/commonjs/mdi.js");
-const dist = path.resolve(__dirname, "dist");
-const templateFile = path.resolve(__dirname, "template.mst");
+const fs = require('fs');
+const fsp = require('fs').promises;
+const mustache = require('mustache');
+const path = require('path');
+const icons = require('@mdi/js/commonjs/mdi.js');
+const dist = path.resolve(__dirname, 'dist');
+const templateFile = path.resolve(__dirname, 'template.mst');
 const iconIDs = Object.keys(icons);
 
-const templateData = iconIDs.map(id => {
+const templateData = iconIDs.map((id) => {
   const splitID = id.split(/(?=[A-Z])/).slice(1);
 
-  const name = splitID.join("");
+  const name = splitID.join('');
 
   // This is a hacky way to remove the 'mdi' prefix, so "mdiAndroid" becomes
   // "android", for example
-  const title = splitID.join("-").toLowerCase();
+  const title = splitID.join('-').toLowerCase();
 
   // Transforms the icon ID to a human readable form for default titles.
   // For example, "mdiAndroidStudio" becomes "Android Studio"
-  const readableName = splitID.join(" ");
+  const readableName = splitID.join(' ');
 
   return {
     name,
     title,
     readableName,
-    svgPathData: icons[id]
+    svgPathData: icons[id],
   };
 });
 
 const generateIcons = async () => {
-  const template = fs.readFileSync(templateFile, { encoding: "utf8" });
+  const template = fs.readFileSync(templateFile, { encoding: 'utf8' });
 
   if (!fs.existsSync(dist)) {
     fs.mkdirSync(dist);
@@ -44,11 +44,11 @@ const generateIcons = async () => {
         name,
         title,
         readableName,
-        svgPathData
+        svgPathData,
       });
       const filename = `${name}.vue`;
       return fsp.writeFile(path.resolve(dist, filename), component);
-    }
+    },
   );
 
   Promise.all(filePromises);

jest.config.js

@@ -1,14 +1,19 @@
 module.exports = {
-  "verbose": true,
-  "moduleFileExtensions": [
-    "js",
-    "vue"
-  ],
-  "transform": {
-    "^.+\\.vue$": "vue-jest",
-    "^.+\\.js$": "<rootDir>/node_modules/babel-jest"
+  verbose: true,
+  moduleFileExtensions: ['js', 'vue'],
+  transform: {
+    '^.+\\.vue$': 'vue-jest',
+    '^.+\\.js$': '<rootDir>/node_modules/babel-jest',
   },
-  "snapshotSerializers": [
-    "<rootDir>/node_modules/jest-serializer-vue"
-  ]
+  snapshotSerializers: ['<rootDir>/node_modules/jest-serializer-vue'],
+  collectCoverage: true,
+  coverageThreshold: {
+    global: {
+      branches: 100,
+      functions: 100,
+      lines: 100,
+      statements: 100,
+    },
+  },
+  reporters: ['default', 'jest-junit'],
 };

package.json

@@ -24,8 +24,10 @@
     "babel-core": "7.0.0-bridge.0",
     "babel-jest": "^24.8.0",
     "jest": "^24.8.0",
+    "jest-junit": "^6.4.0",
     "jest-serializer-vue": "2.0.2",
     "mustache": "^3.0.1",
+    "prettier": "^1.18.2",
     "regenerator-runtime": "^0.13.2",
     "standard-version": "^6.0.1",
     "vue": "^2.6.10",
@@ -37,12 +39,13 @@
     "url": "https://gitlab.com/robcresswell/vue-material-design-icons/issues"
   },
   "scripts": {
-    "prebuild": "npm ci && npm run clean",
+    "prebuild": "yarn clean",
     "build": "./build.js && cp styles.css dist/",
     "clean": "rm -rf dist/",
-    "pretest": "npm run build",
-    "test": "jest",
-    "prerelease": "npm run build",
-    "release": "standard-version --sign --tag-prefix '' && cp package.json README.md CHANGELOG.md dist/ && cd dist && npm publish"
+    "format": "prettier --write **/*.{js,vue}",
+    "pretest": "yarn build",
+    "test": "JEST_JUNIT_OUTPUT='./coverage/junit.xml' jest",
+    "prerelease": "yarn build",
+    "release": "standard-version --sign --tag-prefix '' && cp package.json README.md CHANGELOG.md dist/ && cd dist && yarn publish"
   }
 }