学习单元测试

tests/containers/Root.spec.js

+import React from 'react';                     // required to get test to work.  we can get around this later with more configuration
+import { shallow } from 'enzyme';              // method from enzyme which allows us to do shallow render
+import Root from '../../views/Demo/Root';      // import our soon to be component
+
+describe('(Container) Root', () => {
+  it('renders as a <div>', () => {
+    const wrapper = shallow(<Root />);
+    expect(wrapper.type()).to.eql('div');
+  });
+
+  it('has style with height 100%', () => {
+    const wrapper = shallow(<Root />);
+    const expectedStyles = {
+      height: '100%',
+      background: '#333'
+    }
+    expect(wrapper.prop('style')).to.eql(expectedStyles);
+  });
+
+  it('contains a header explaining the app', () => {
+    const wrapper = shallow(<Root />);
+    expect(wrapper.find('.welcome-header')).to.have.length(1);
+  });
+});
\ No newline at end of file

tests/helloWorld.spec.js

+import { expect } from 'chai';
+
+describe('hello world', () => {
+  it('works!', () => {
+    expect(true).to.be.true;
+  });
+});
\ No newline at end of file

tests/test_helper.js

+import { expect } from 'chai';
+import sinon from 'sinon';
+
+global.expect = expect;
+global.sinon = sinon;
\ No newline at end of file