#9 started to use enzyme, not working yet.

Author: abbr

cfg/dev.js

@@ -15,7 +15,7 @@ var config = {
     rules: [
       {
         test: /\.(js|jsx)$/,
-        use: ['react-hot-loader', 'babel-loader'],
+        use: ['babel-loader'],
         include: path.join(__dirname, '/../src')
       }
     ]

cfg/test.js

@@ -18,7 +18,7 @@ module.exports = {
       // },
       {
         test: /\.(js|jsx)$/,
-        loader: 'babel-loader',
+        use: ['babel-loader'],
         include: [
           path.join(__dirname, '/../src'),
           path.join(__dirname, '/../test')

package-lock.json

@@ -65,7 +65,7 @@
     "karma-mocha": "^0.2.0",
     "karma-mocha-reporter": "^1.1.1",
     "karma-sourcemap-loader": "^0.3.5",
-    "karma-webpack": "^1.7.0",
+    "karma-webpack": "^2.0.4",
     "less": "^2.5.3",
     "less-loader": "^2.0.0",
     "lodash": "^4.14.0",
@@ -84,7 +84,6 @@
     "react": "^16.0.0",
     "react-dom": "^16.0.0",
     "react-global": "^0.1.8",
-    "react-hot-loader": "^1.2.9",
     "react-test-renderer": "^16.0.0",
     "react-widgets": "^3.5.0",
     "rimraf": "^2.6.2",

package.json

@@ -7,8 +7,9 @@
 // import React from 'react/addons';
 // const TestUtils = React.addons.TestUtils;
 import createComponent from 'helpers/shallowRenderHelper'
-
+import { shallow, mount } from 'enzyme'
 import Main from 'components/app'
+import React from 'react'
 
 describe('MainComponent', () => {
   let MainComponent
@@ -22,3 +23,11 @@ describe('MainComponent', () => {
     expect(MainComponent.props.className).to.equal('sp-main-container')
   })
 })
+
+describe('<Main />', () => {
+  it.only('should have its component name as default className', () => {
+    debugger
+    const wrapper = mount(<Main />)
+    expect(wrapper.is('.sp-main-container')).to.equal(true)
+  })
+})

test/components/AppTest.js

@@ -1,5 +1,10 @@
 'use strict'
 
+// setup enzyme
+import { configure } from 'enzyme'
+import Adapter from 'enzyme-adapter-react-16'
+configure({ adapter: new Adapter() })
+
 // Add support for all files in the test directory
 const testsContext = require.context('.', true, /(Test\.js$)|(Helper\.js$)/)
 testsContext.keys().forEach(testsContext)