Fixes: #6 - Write test cases

Author: isuruAb

nwb.config.js

@@ -8,5 +8,11 @@ module.exports = {
         react: 'React'
       }
     }
+  },
+  webpack: {
+    compat: {
+      enzyme: true,
+      sinon: true
+    }
   }
 }

package.json

@@ -23,9 +23,12 @@
     "react": "15.x"
   },
   "devDependencies": {
+    "enzyme": "^2.9.1",
     "nwb": "0.18.x",
     "react": "^15.6.1",
-    "react-dom": "^15.6.1"
+    "react-addons-test-utils": "^15.6.0",
+    "react-dom": "^15.6.1",
+    "react-test-renderer": "^15.6.1"
   },
   "author": "",
   "homepage": "",

src/index.js

@@ -2,7 +2,7 @@ import React, { Component } from 'react'
 import './style.css';
 
 
-export default class extends Component {
+export default class ReactPagination extends Component {
   limit = 20;
   total = 0;
   pageCount = 0;
@@ -128,8 +128,6 @@ export default class extends Component {
     }
     this.generatePagination();
     this.setState(state);
-
-    // this.onSelectPage.emit(page);
   }
   goPrev() {
     if (this.current > 0) {
@@ -147,7 +145,6 @@ export default class extends Component {
     let buttonColor='#fff';
 
     let first = this.state.pagination.first.map((n, i) => {
-      console.log('selected page', this.state.current);
       let btnStyle={backgroundColor:buttonColor};
       if (this.state.current === n) {
         btnStyle.backgroundColor = activeButtonColor
@@ -164,7 +161,6 @@ export default class extends Component {
       )
     })
     let second = this.state.pagination.second.map((n, i) => {
-      console.log('selected second page', this.state.current);
 
       let btnStyle={backgroundColor:buttonColor};
       if (this.state.current === n) {
@@ -182,7 +178,6 @@ export default class extends Component {
       )
     })
     let third = this.state.pagination.third.map((n, i) => {
-      console.log('selected third page', this.state.current);
 
       let btnStyle={backgroundColor:buttonColor};
       if (this.state.current === n) {

tests/index-test.js

@@ -1,23 +1,51 @@
 import expect from 'expect'
 import React from 'react'
-import {render, unmountComponentAtNode} from 'react-dom'
-
+import { render, ReactDOM, unmountComponentAtNode } from 'react-dom'
+import { mount } from "enzyme";
 import Component from 'src/'
 
 describe('Component', () => {
   let node
+  let props;
+  let mountedReactPagination;
+  const ractPagination = () => {
+    if (!mountedReactPagination) {
+      mountedReactPagination = mount(
+        <Component {...props} />
+      );
+    }
+    return mountedReactPagination;
+  }
 
   beforeEach(() => {
     node = document.createElement('div')
+
+    props = {
+      total: undefined,
+      limit: undefined,
+    };
+    mountedReactPagination = undefined;
   })
 
   afterEach(() => {
     unmountComponentAtNode(node)
   })
+  it("always renders a div", () => {
+    const divs = ractPagination().find("div");
+    expect(divs.length).toBeGreaterThan(0);
+  });
+
+  it('check pagination controllers', () => {
+    render(<Component />, node, () => {
+      expect(node.innerHTML).toContain('Prev');
+      expect(node.innerHTML).toContain('Next');
 
-  it('sample test case', () => {
-    render(<Component/>, node, () => {
-      expect(node.innerHTML).toContain('Prev')
     })
-  })
-})
+  });
+
+  it("contains everything else that gets rendered", () => {
+    const divs = ractPagination().find("div");
+    const wrappingDiv = divs.first();
+    expect(wrappingDiv.children()).toEqual(ractPagination().children());
+  });
+});