Coverage 100% 😎 🤗

test/ComponentsSpec.js

@@ -0,0 +1,121 @@
+import 'jsdom-global/register';
+import React from 'react';
+import {
+ mount,
+ shallow
+} from 'enzyme';
+import sinon from 'sinon';
+import expect from 'expect';
+
+import {
+ CSVLink,
+ CSVDownload
+} from '../src';
+import {buildURI} from '../src/core';
+import 'console-info';
+
+
+const getAttrs =((htmlElment) => Array.from(
+    htmlElment.attributes
+  ).reduce((a, b) => {
+      a[b.name ==='class' ? 'className':b.name ] = b.value ;
+      return a;}
+   , {})
+);
+
+describe('CSVLink', () => {
+   let minProps;
+   beforeEach(() => {
+    minProps = {
+     data: [
+      ['X', 'Y'],
+      ['1', '2'],
+      ['3', '4']
+     ]
+    };
+   });
+   it(`renders without error if required props are passed`, () => {
+     const wrapper = shallow( <CSVLink {...minProps} > Click here </CSVLink>);
+      expect(wrapper.length).toEqual(1);
+     });
+
+    it(`renders anchor tag`, () => {
+      const wrapper = shallow( <CSVLink {...minProps} > Click here </CSVLink>);
+       expect(wrapper.find('a').length).toEqual(1);
+     });
+
+    it(`calls "buildURI" method on mounting`, () => {
+      const dataURI = `data:text/csv;some,thing`
+      const buildURI = sinon.stub(CSVLink.prototype, 'buildURI').returns(dataURI);
+      const wrapper = mount( <CSVLink {...minProps} > Click here </CSVLink>);
+      expect(buildURI.calledOnce).toBeTruthy();
+      buildURI.restore();
+    });
+    it(`generates CSV download link and bind it to "href" of <a> element`, () => {
+      const linkPrefix = `data:text/csv`
+      const wrapper = mount( <CSVLink {...minProps} > Click here </CSVLink>);
+      const actualLink = wrapper.find(`a`).get(0).getAttribute('href');
+      expect(actualLink.startsWith(linkPrefix)).toBeTruthy();
+    });
+
+     it(`forwards props to anchor tag unless props is forbidden`, () => {
+      const extraProps = {
+        className:`btn`,
+        target:'_self'
+      };
+      const wrapper = mount( <CSVLink {...Object.assign(minProps, extraProps)} > Click here </CSVLink>);
+      const actualAnchorAttrs =getAttrs(wrapper.find(`a`).get(0));
+     expect(actualAnchorAttrs).toInclude(extraProps);
+
+     })
+
+   });
+
+  describe('CSVDownload', () => {
+    let minProps;
+    let manyProps;
+    beforeEach(() => {
+     minProps = {
+      data: [
+       ['X', 'Y'],
+       ['1', '2'],
+       ['3', '4']
+      ]
+     };
+     manyProps= Object.assign(minProps, {
+      target: '_blank',
+      specs: 'fullscreen=yes&height=200&status=yes',
+      replace:'no'
+     });
+    });
+
+    it(`does not render anything by default`, () => {
+      const wrapper = shallow( <CSVDownload {...minProps} />);
+       expect(wrapper.props().children).toNotExist();
+      });
+     it(`calls "buildURI" on mounting`, () => {
+       const dataURI = `data:text/csv;some,thing`
+       const buildURI = sinon.stub(CSVDownload.prototype, 'buildURI').returns(dataURI);
+       const wrapper = mount( <CSVDownload {...minProps} />);
+       expect(buildURI.calledOnce).toBeTruthy();
+       buildURI.restore();
+     });
+     it(`redirects in different page on mounting`, () => {
+       const openCallback = sinon.stub(window,'open').returns({
+         focus: ()=> {}
+       });
+       const wrapper = mount( <CSVDownload {...manyProps} />);
+       expect(openCallback.calledWith(buildURI(manyProps.data), manyProps.target, manyProps.specs, manyProps.replace)).toBeTruthy();
+       expect(openCallback.calledOnce).toBeTruthy();
+       openCallback.restore();
+      });
+
+     it(`persists new opened window`, () => {
+       const openCallback = sinon.stub(window,'open').returns('newPage');
+       const wrapper = mount( <CSVDownload {...manyProps} />);
+       const actualNewWindow= wrapper.instance().getWindow();
+       expect(actualNewWindow).toEqual('newPage');
+       openCallback.restore();
+
+    });
+    });