test package added.

Author: s4l1h

jest.config.js

@@ -0,0 +1,30 @@
+module.exports = {
+  moduleFileExtensions: [
+    'js',
+    'jsx',
+    'json',
+    'vue'
+  ],
+  transform: {
+    '^.+\\.vue$': 'vue-jest',
+    '.+\\.(css|styl|less|sass|scss|svg|png|jpg|ttf|woff|woff2)$': 'jest-transform-stub',
+    '^.+\\.jsx?$': 'babel-jest'
+  },
+  transformIgnorePatterns: [
+    '/node_modules/'
+  ],
+  moduleNameMapper: {
+    '^@/(.*)$': '<rootDir>/src/$1'
+  },
+  snapshotSerializers: [
+    'jest-serializer-vue'
+  ],
+  testMatch: [
+    '**/tests/unit/**/*.spec.(js|jsx|ts|tsx)|**/__tests__/*.(js|jsx|ts|tsx)'
+  ],
+  testURL: 'http://localhost/',
+  watchPlugins: [
+    'jest-watch-typeahead/filename',
+    'jest-watch-typeahead/testname'
+  ]
+}

package.json

@@ -2,14 +2,17 @@
   "name": "vue-toastr",
   "version": "2.1.0",
   "description": "Toastr for Vue.js no jquery dependencies",
+  "author": "s4l1h",
   "scripts": {
     "build": "vue-cli-service build",
+    "test": "vue-cli-service test",
     "lint": "vue-cli-service lint",
     "demo": "vue-cli-service demo",
     "docs": "npm run docs:serve",
     "docs:build": "vue-cli-service docs --mode build",
     "docs:serve": "vue-cli-service docs --mode serve",
-    "prepublish": "vue-cli-service lint && vue-cli-service docs --mode build && vue-cli-service build"
+    "prepublish": "vue-cli-service lint && vue-cli-service docs --mode build && vue-cli-service build",
+    "test:unit": "vue-cli-service test:unit"
   },
   "main": "dist/vue-toastr.common.js",
   "module": "dist/vue-toastr.esm.js",
@@ -25,8 +28,12 @@
   "devDependencies": {
     "@vue/cli-plugin-babel": "^3.8.0",
     "@vue/cli-plugin-eslint": "^3.8.0",
+    "@vue/cli-plugin-unit-jest": "^3.8.0",
     "@vue/cli-service": "^3.8.0",
+    "@vue/test-utils": "1.0.0-beta.29",
+    "babel-core": "7.0.0-bridge.0",
     "babel-eslint": "^10.0.1",
+    "babel-jest": "^23.6.0",
     "eslint": "^5.16.0",
     "eslint-plugin-vue": "^5.0.0",
     "node-sass": "^4.12.0",
@@ -58,22 +65,21 @@
     "> 1%",
     "last 2 versions"
   ],
-  "jsdelivr": "dist/vue-toastr.umd.min.js",
-  "sideeffects": false,
-  "repository": {
-    "type": "git",
-    "url": "git+https://github.com/s4l1h/vue-toastr.git"
+  "bugs": {
+    "url": "https://github.com/s4l1h/vue-toastr/issues"
   },
+  "homepage": "https://github.com/s4l1h/vue-toastr#readme",
+  "jsdelivr": "dist/vue-toastr.umd.min.js",
   "keywords": [
     "vuejs",
     "vue",
     "vue-component",
     "component"
   ],
-  "author": "s4l1h",
   "license": "MIT",
-  "bugs": {
-    "url": "https://github.com/s4l1h/vue-toastr/issues"
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/s4l1h/vue-toastr.git"
   },
-  "homepage": "https://github.com/s4l1h/vue-toastr#readme"
+  "sideeffects": false
 }

tests/unit/.eslintrc.js

@@ -0,0 +1,5 @@
+module.exports = {
+  env: {
+    jest: true
+  }
+}

tests/unit/Toast.spec.js

@@ -0,0 +1,42 @@
+import { shallowMount } from "@vue/test-utils";
+import Toast from "@/components/Toast.vue";
+
+const mockProps = {
+  data: {
+    msg: "Toast Msg",
+    progressbar: false,
+    timeout: 1000,
+    title: "Toast Title",
+    type: "error"
+  }
+};
+describe("Toast.vue", () => {
+  // it("default props value", () => {
+  //   const wrapper = shallowMount(Toast, {});
+  //   expect(wrapper.props()).toEqual(mockProps);
+  // });
+
+  it("renders props when passed", () => {
+    const wrapper = shallowMount(Toast, {
+      propsData: mockProps
+    });
+    expect(wrapper.props()).toEqual(mockProps);
+  });
+
+  it("match attributes", () => {
+    const wrapper = shallowMount(Toast, {
+      propsData: mockProps
+    });
+    expect(wrapper.attributes()).toEqual({
+      class: "toast toast-error",
+      style: "display: block;"
+    });
+  });
+
+  it("matches snapshot", () => {
+    const wrapper = shallowMount(Toast, {
+      propsData: mockProps
+    });
+    expect(wrapper.html()).toMatchSnapshot();
+  });
+});

tests/unit/ToastProgress.spec.js

@@ -0,0 +1,34 @@
+import { shallowMount } from "@vue/test-utils";
+import ToastProgress from "@/components/ToastProgress.vue";
+
+describe("ToastProgress.vue", () => {
+  it("default props value", () => {
+    const wrapper = shallowMount(ToastProgress, {});
+    expect(wrapper.props()).toEqual({ percent: 100 });
+  });
+
+  it("renders props.percent when passed", () => {
+    const props = { percent: 90 };
+    const wrapper = shallowMount(ToastProgress, {
+      propsData: props
+    });
+    expect(wrapper.props()).toEqual(props);
+  });
+
+  it("match attributes", () => {
+    const wrapper = shallowMount(ToastProgress, {
+      propsData: { percent: 90 }
+    });
+    expect(wrapper.attributes()).toEqual({
+      class: "toast-progress",
+      style: "width: 90%;"
+    });
+  });
+
+  it("matches snapshot", () => {
+    const wrapper = shallowMount(ToastProgress, {
+      propsData: { percent: 90 }
+    });
+    expect(wrapper.html()).toMatchSnapshot();
+  });
+});

tests/unit/__snapshots__/Toast.spec.js.snap

@@ -0,0 +1,9 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Toast.vue matches snapshot 1`] = `
+<div class="toast toast-error" style="display: block;">
+  <!---->
+  <div class="toast-title">Toast Title</div>
+  <div class="toast-message">Toast Msg</div>
+</div>
+`;

tests/unit/__snapshots__/ToastProgress.spec.js.snap

@@ -0,0 +1,3 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`ToastProgress.vue matches snapshot 1`] = `<div class="toast-progress" style="width: 90%;"></div>`;