[temp] testing

Author: AllenFang

packages/react-bootstrap-table2-paginator/test/page-button.test.js

@@ -0,0 +1,117 @@
+import React from 'react';
+import sinon from 'sinon';
+import { shallow } from 'enzyme';
+
+import PageButton from '../src/page-button';
+
+describe('PageButton', () => {
+  let wrapper;
+  const onPageChangeCallback = sinon.stub();
+  const props = {
+    onPageChange: onPageChangeCallback,
+    page: 2
+  };
+
+  describe('default PageButton', () => {
+    beforeEach(() => {
+      wrapper = shallow(
+        <PageButton { ...props } active disabled={ false } />
+      );
+    });
+
+    it('should rendering PageButton correctly', () => {
+      expect(wrapper.find('a.page-link').length).toBe(1);
+      expect(wrapper.text()).toEqual(`${props.page}`);
+    });
+
+    describe('when clicking', () => {
+      let preventDefault;
+      beforeEach(() => {
+        preventDefault = sinon.stub();
+        wrapper.find('a.page-link').simulate('click', { preventDefault });
+      });
+
+      afterEach(() => {
+        onPageChangeCallback.reset();
+      });
+
+      it('should calling e.preventDefault', () => {
+        expect(preventDefault.calledOnce).toBeTruthy();
+      });
+
+      it('should calling onPageChange prop', () => {
+        expect(onPageChangeCallback.calledOnce).toBeTruthy();
+      });
+
+      it('should calling onPageChange prop with correct argument', () => {
+        expect(onPageChangeCallback.calledWith(props.page)).toBeTruthy();
+      });
+    });
+  });
+
+  describe('when active prop is true', () => {
+    beforeEach(() => {
+      wrapper = shallow(
+        <PageButton { ...props } active disabled={ false } />
+      );
+    });
+
+    it('should render PageButton correctly', () => {
+      expect(wrapper.length).toBe(1);
+      expect(wrapper.hasClass('active')).toBeTruthy();
+    });
+  });
+
+  describe('when active prop is false', () => {
+    beforeEach(() => {
+      wrapper = shallow(
+        <PageButton { ...props } active={ false } disabled={ false } />
+      );
+    });
+
+    it('should render PageButton correctly', () => {
+      expect(wrapper.length).toBe(1);
+      expect(wrapper.hasClass('active')).toBeFalsy();
+    });
+  });
+
+  describe('when disabled prop is true', () => {
+    beforeEach(() => {
+      wrapper = shallow(
+        <PageButton { ...props } active disabled />
+      );
+    });
+
+    it('should render PageButton correctly', () => {
+      expect(wrapper.length).toBe(1);
+      expect(wrapper.hasClass('disabled')).toBeTruthy();
+    });
+  });
+
+  describe('when disabled prop is false', () => {
+    beforeEach(() => {
+      wrapper = shallow(
+        <PageButton { ...props } active disabled={ false } />
+      );
+    });
+
+    it('should render PageButton correctly', () => {
+      expect(wrapper.length).toBe(1);
+      expect(wrapper.hasClass('disabled')).toBeFalsy();
+    });
+  });
+
+  describe('when title prop is defined', () => {
+    const title = 'aTitle';
+    beforeEach(() => {
+      wrapper = shallow(
+        <PageButton { ...props } active disabled={ false } title={ title } />
+      );
+    });
+
+    it('should render PageButton correctly', () => {
+      expect(wrapper.length).toBe(1);
+      expect(wrapper.prop('title')).toEqual(title);
+    });
+  });
+});