Remove class properties in tests

According to the proposal, class properties now require a semi-colon.
We don't have these semi-colons so the build is breaking.

babel/babel#3225

Changed to ES6 syntax (rather than pin the babel version or add
semi-colons) to be consistent with the components in src.

Author: ellbee

test/components/Provider.spec.js

@@ -7,15 +7,16 @@ import { Provider } from '../../src/index'
 describe('React', () => {
   describe('Provider', () => {
     class Child extends Component {
-      static contextTypes = {
-        store: PropTypes.object.isRequired
-      }
 
       render() {
         return <div />
       }
     }
 
+    Child.contextTypes = {
+      store: PropTypes.object.isRequired
+    }
+
     it('should enforce a single child', () => {
       const store = createStore(() => ({}))
 
@@ -68,8 +69,10 @@ describe('React', () => {
       const store3 = createStore((state = 10) => state * state)
 
       class ProviderContainer extends Component {
-        state = { store: store1 }
-
+        constructor() {
+          super()
+          this.state = { store: store1 }
+        }
         render() {
           return (
             <Provider store={this.state.store}>

test/components/connect.spec.js

@@ -14,10 +14,6 @@ describe('React', () => {
     }
 
     class ProviderMock extends Component {
-      static childContextTypes = {
-        store: PropTypes.object.isRequired
-      }
-
       getChildContext() {
         return { store: this.props.store }
       }
@@ -27,6 +23,10 @@ describe('React', () => {
       }
     }
 
+    ProviderMock.childContextTypes = {
+      store: PropTypes.object.isRequired
+    }
+
     function stringBuilder(prev = '', action) {
       return action.type === 'APPEND'
         ? prev + action.body
@@ -1184,14 +1184,14 @@ describe('React', () => {
 
     it('should hoist non-react statics from wrapped component', () => {
       class Container extends Component {
-        static howIsRedux = () => 'Awesome!'
-        static foo = 'bar'
-
         render() {
           return <Passthrough />
         }
       }
 
+      Container.howIsRedux = () => 'Awesome!'
+      Container.foo = 'bar'
+
       const decorator = connect(state => state)
       const decorated = decorator(Container)
 
@@ -1304,25 +1304,22 @@ describe('React', () => {
       const store = createStore(() => ({}))
 
       class ImpureComponent extends Component {
-        static contextTypes = {
-          statefulValue: React.PropTypes.number
-        }
-
         render() {
           return <Passthrough statefulValue={this.context.statefulValue} />
         }
       }
 
+      ImpureComponent.contextTypes = {
+        statefulValue: React.PropTypes.number
+      }
+
       const decorator = connect(state => state, null, null, { pure: false })
       const Decorated = decorator(ImpureComponent)
 
       class StatefulWrapper extends Component {
-        state = {
-          value: 0
-        }
-
-        static childContextTypes = {
-          statefulValue: React.PropTypes.number
+        constructor() {
+          super()
+          this.state = { value: 0 }
         }
 
         getChildContext() {
@@ -1336,6 +1333,10 @@ describe('React', () => {
         }
       }
 
+      StatefulWrapper.childContextTypes = {
+        statefulValue: React.PropTypes.number
+      }
+
       const tree = TestUtils.renderIntoDocument(
         <ProviderMock store={store}>
           <StatefulWrapper />
@@ -1376,15 +1377,18 @@ describe('React', () => {
       const Decorated = decorator(ImpureComponent)
 
       class StatefulWrapper extends Component {
-        state = {
-          storeGetter: { storeKey: 'foo' }
+        constructor() {
+          super()
+          this.state = {
+            storeGetter: { storeKey: 'foo' }
+          }
         }
-
         render() {
           return <Decorated storeGetter={this.state.storeGetter} />
         }
       }
 
+
       const tree = TestUtils.renderIntoDocument(
         <ProviderMock store={store}>
           <StatefulWrapper />