improves test coverage #540

lib/article-tile/test/index.test.js

@@ -43,10 +43,16 @@ describe('Component', function () {
   };
 
   describe('<ArticleTile />', function () {
+    const wrapper = shallow(<ArticleTile {...props}/>);
+    const children = wrapper.children().nodes;
     it('should render our ArticleTile component', function (done) {
-      const wrapperTile = shallow(<ArticleTile {...props}/>);
-      const childrenTile = wrapperTile.children().nodes;
-      expect(childrenTile).to.have.length(3);
+      expect(children).to.have.length(3);
+      done();
+    });
+    it('should render the correct child components', function (done) {
+      expect(wrapper.find('h2')).to.have.length(1);
+      expect(wrapper.find('h3')).to.have.length(1);
+      expect(wrapper.find('h4')).to.have.length(1);
       done();
     });
   });

lib/beta-flag/test/index.test.js

@@ -0,0 +1,18 @@
+import React from 'react';
+import { expect } from 'chai';
+import { shallow } from 'enzyme';
+import BetaFlag from '../';
+
+describe('Component', function () {
+  const wrapper = shallow(<BetaFlag />);
+  const children = wrapper.children().nodes;
+  it('should render our <BetaFlag /> component', function (done) {
+    expect(children).to.have.length(1);
+    done();
+  });
+  it('should render the correct child components', function (done) {
+    expect(wrapper.find('div')).to.have.length(1);
+    expect(wrapper.find('p')).to.have.length(1);
+    done();
+  });
+});

lib/destination-tile/test/index.test.js

@@ -25,6 +25,10 @@ describe('Component', function () {
       expect(children).to.have.length(1);
       done();
     });
+    it('should render the correct children', function (done) {
+      expect(wrapper.find('div')).to.have.length(12);
+      done();
+    });
     it('should render our video component if there is a url', function (done) {
       expect(wrapper.find('ReactPlayer')).to.have.length(1);
       done();

lib/fade-image/test/index.test.js

@@ -0,0 +1,29 @@
+import React from 'react';
+import { expect } from 'chai';
+import { shallow } from 'enzyme';
+import FadeImage from '../';
+
+const props = {
+  isBackground: true
+};
+
+describe('Component', function () {
+  it('should render our <FadeImage /> component', function (done) {
+    const wrapper = shallow(<FadeImage {...props} />);
+    const children = wrapper.children().nodes;
+    expect(children).to.have.length(0);
+    done();
+  });
+  it('should render a div if isBackground prop is true', function (done) {
+    const wrapper = shallow(<FadeImage {...props} />);
+    expect(wrapper.find('div')).to.have.length(1);
+    expect(wrapper.find('img')).to.have.length(0);
+    done();
+  });
+  it('should render an img if isBackground prop is false', function (done) {
+    const wrapper = shallow(<FadeImage isBackground={false} />);
+    expect(wrapper.find('img')).to.have.length(1);
+    expect(wrapper.find('div')).to.have.length(0);
+    done();
+  });
+});

lib/hero-image-header/test/index.test.js

@@ -4,11 +4,16 @@ import { expect } from 'chai';
 import Header from '../';
 
 describe('Component', function () {
+  const wrapper = shallow(<Header displayedItems={[]}/>);
   describe('<Header />', function () {
     it('Should render Header component', function (done) {
-      const wrapper = shallow(<Header displayedItems={[]}/>);
       expect(wrapper.find('.headerBarWrapper')).to.have.length(1);
       done();
     });
+    it.only('should render the correct children', function (done) {
+      expect(wrapper.find('div')).to.have.length(3);
+      expect(wrapper.find('h1')).to.have.length(1);
+      done();
+    });
   });
 });