Added tests

Author: coderdiaz

Diff for: tests/TinyPagination.spec.js

@@ -1,6 +1,13 @@
 import {mount} from 'vue-test-utils'
+import Vue from 'vue'
 import TinyPagination from '../src/components/TinyPagination.vue'
-import { create } from 'domain';
+
+const Constructor = Vue.extend(TinyPagination)
+const vm = new Constructor({
+  propsData: {
+    total: 100
+  }
+}).$mount()
 
 // Helper function to create a component
 const createComponent = propsData => mount(TinyPagination, {propsData})
@@ -11,6 +18,10 @@ describe('TinyPagination.vue', () => {
     expect(typeof TinyPagination.created).toBe('function')
   })
 
+  it('should match the snapshot', () => {
+    expect(vm.$el).toMatchSnapshot()
+  })
+
   describe('Properties', () => {
     it('when the component is created without page prop, Page 1 is the page by default', () => {
       cmp = createComponent({total: 300})
@@ -38,6 +49,17 @@ describe('TinyPagination.vue', () => {
       cmp = createComponent({total: 300, lang: 'fr'})
       expect(cmp.vm.translation.title).toBe('Page')
     })
+
+    it('when the show limit is not set, true is by default', () => {
+      cmp = createComponent({ total: 100 })
+      expect(cmp.vm.showLimit).toBe(true)
+    })
+
+    it('when the showLimit is set, prop is same', () => {
+      let showLimit = true
+      cmp = createComponent({ total: 100, showLimit })
+      expect(cmp.vm.showLimit).toBe(showLimit)
+    })
   })
 
   describe('Watchers', () => {

Diff for: tests/__snapshots__/TinyPagination.spec.js.snap

@@ -0,0 +1,75 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`TinyPagination.vue should match the snapshot 1`] = `
+<div
+  class="vue-tiny-pagination"
+>
+  <ul
+    class="tiny-pagination"
+  >
+    <li
+      class="page-item disabled c-not-allowed"
+    >
+      <a
+        class="btn-prev-page"
+        href="#"
+      >
+        Previous
+      </a>
+    </li>
+     
+    <li
+      class="page-item"
+    >
+      <span>
+        Page 1
+      </span>
+    </li>
+     
+    <li
+      class="page-item c-not-allowed"
+    >
+      <a
+        class="btn-next-page"
+        href="#"
+      >
+        Next
+      </a>
+    </li>
+     
+    <li
+      class="page-item"
+    >
+      <select
+        class="tiny-form-select"
+      >
+        <option
+          value="10"
+        >
+          10/Page
+        </option>
+        <option
+          value="15"
+        >
+          15/Page
+        </option>
+        <option
+          value="20"
+        >
+          20/Page
+        </option>
+        <option
+          value="50"
+        >
+          50/Page
+        </option>
+        <option
+          value="100"
+        >
+          100/Page
+        </option>
+      </select>
+    </li>
+  </ul>
+</div>
+`;