#9 added first real test spec!

karma.conf.js

@@ -19,7 +19,7 @@ module.exports = function(config) {
   config.set({
     basePath: '',
     browsers: ['ChromeHeadless'],
-    files: ['test/loadtests.js'],
+    files: ['test/loadTests.js'],
     port: 8080,
     captureTimeout: 60000,
     frameworks: ['mocha', 'chai'],
@@ -31,7 +31,7 @@ module.exports = function(config) {
     logLevel: config.LOG_INFO,
     reporters: reporters,
     preprocessors: {
-      'test/loadtests.js': ['webpack', 'sourcemap']
+      'test/loadTests.js': ['webpack', 'sourcemap']
     },
     webpack: webpackCfg,
     coverageReporter: {

test/components/AppTest.js

@@ -1,35 +1,29 @@
 /*eslint-env node, mocha */
 /*global expect */
 /*eslint no-console: 0*/
-'use strict'
 
 // Uncomment the following lines to use the react test utilities
 // import React from 'react/addons';
 // const TestUtils = React.addons.TestUtils;
-import createComponent from 'helpers/shallowRenderHelper'
-import { shallow, mount } from 'enzyme'
+// import createComponent from 'helpers/shallowRenderHelper'
+import { mount } from 'enzyme'
 import Main from 'components/app'
 import React from 'react'
 
-describe('MainComponent', () => {
-  let MainComponent
+// describe('MainComponent', () => {
+//   let MainComponent
 
-  beforeEach(() => {
-    MainComponent = createComponent(Main)
-  })
+//   beforeEach(() => {
+//     MainComponent = createComponent(Main)
+//   })
 
-  it('should have its component name as default className', () => {
-    debugger
-    expect(MainComponent.props.className).to.equal('sp-main-container')
-  })
-})
+//   it('should have its component name as default className', () => {
+//     expect(MainComponent.props.className).to.equal('sp-main-container')
+//   })
+// })
 
-describe('<Main />', () => {
-  it.only('should have its component name as default className', () => {
-    debugger
-    let app = document.createElement('div')
-    app.setAttribute('id', 'app')
-    document.body.appendChild(app)
+describe('App', () => {
+  it('should have its component className as sp-main-container', () => {
     const wrapper = mount(<Main />, { attachTo: app })
     expect(wrapper.children().is('.sp-main-container')).to.equal(true)
   })

test/components/header/indexTest.js

@@ -0,0 +1,17 @@
+import { mount } from 'enzyme'
+import Main from 'components/app'
+import React from 'react'
+
+describe('Header', () => {
+  it('should add a text widget when clicking insert object button', () => {
+    const wrapper = mount(<Main />, { attachTo: app })
+    expect(wrapper.state().deck.getActiveSlide().components.length).to.equal(1)
+    wrapper
+      .find(
+        '.sp-main-container .navbar .container-fluid #sp-navbar-collapse-1 .navbar-left button'
+      )
+      .first()
+      .simulate('click')
+    expect(wrapper.state().deck.getActiveSlide().components.length).to.equal(2)
+  })
+})

test/loadtests.js

@@ -5,6 +5,16 @@ import { configure } from 'enzyme'
 import Adapter from 'enzyme-adapter-react-16'
 configure({ adapter: new Adapter() })
 
+beforeEach(() => {
+  while (localStorage.length > 0) {
+    localStorage.removeItem(localStorage.key(0))
+  }
+})
+
+let app = document.createElement('div')
+app.setAttribute('id', 'app')
+document.body.appendChild(app)
+
 // Add support for all files in the test directory
-const testsContext = require.context('.', true, /(Test\.js$)|(Helper\.js$)/)
+const testsContext = require.context('.', true, /(test|helper)\.jsx?$/i)
 testsContext.keys().forEach(testsContext)