Tests

Author: manosim

src/js/__tests__/components/network-status.js

@@ -0,0 +1,27 @@
+import React from 'react'; // eslint-disable-line no-unused-vars
+import { expect } from 'chai';
+import { shallow } from 'enzyme';
+import NetworkStatus from '../../components/network-status';
+
+function setup() {
+  const props = {};
+  const wrapper = shallow(<NetworkStatus {...props} />);
+
+  return {
+    props: props,
+    wrapper: wrapper,
+  };
+};
+
+describe('components/network-status.js', function () {
+
+  it('should render itself & its children', function () {
+
+    const { wrapper } = setup();
+
+    expect(wrapper).to.exist;
+    expect(wrapper.find('.alert').text()).to.equal('Couldn\'t establish an internet connection.');
+
+  });
+
+});

src/js/__tests__/containers/app.js

@@ -1,9 +1,9 @@
 import React from 'react'; // eslint-disable-line no-unused-vars
 import { expect } from 'chai';
-import { shallow } from 'enzyme';
-import App from '../../containers/app';
+import { shallow, mount } from 'enzyme';
+import { App } from '../../containers/app';
 
-function setup() {
+function setupShallow() {
   const props = {
     location: '/home'
   };
@@ -15,11 +15,24 @@ function setup() {
   };
 };
 
+function setupMount() {
+  const props = {
+    location: '/home'
+  };
+  const wrapper = mount(<App {...props} />);
+
+  return {
+    props: props,
+    wrapper: wrapper,
+  };
+};
+
+
 describe('containers/app.js', function () {
 
   it('should render itself & its children', function () {
 
-    const { wrapper } = setup();
+    const { wrapper } = setupShallow();
 
     expect(wrapper).to.exist;
     expect(wrapper.state().showSearch).to.be.false;
@@ -28,4 +41,14 @@ describe('containers/app.js', function () {
     expect(wrapper.state().showSearch).to.be.true;
   });
 
+  it('should mount itself & its children', function () {
+
+    const { wrapper } = setupMount();
+
+    expect(wrapper).to.exist;
+
+    wrapper.instance().handleNetworkStatus();
+    expect(wrapper.state().networkConnected).to.be.false;
+  });
+
 });