remove createClass in tests (#2586)

* remove createClass in tests * fix-lint
react-bootstrap · Apr 24, 2017 · d4f7d31 · d4f7d31
1 parent 5d3a9e8
commit d4f7d31
Show file tree

Hide file tree

Showing 4 changed files with 12 additions and 12 deletions.
diff --git a/test/CollapseSpec.js b/test/CollapseSpec.js
@@ -10,7 +10,7 @@ describe('<Collapse>', () => {
 
   beforeEach(() => {
 
-    Component = React.createClass({
+    Component = class extends React.Component {
       render() {
         let { children, ...props } = this.props;
 
@@ -29,7 +29,7 @@ describe('<Collapse>', () => {
           </Collapse>
         );
       }
-    });
+    };
   });
 
   it('Should default to collapsed', () => {

diff --git a/test/FadeSpec.js b/test/FadeSpec.js
@@ -10,7 +10,7 @@ describe('Fade', () => {
 
   beforeEach(() => {
 
-    Component = React.createClass({
+    Component = class extends React.Component {
       render() {
         let { children, ...props } = this.props;
 
@@ -24,7 +24,7 @@ describe('Fade', () => {
           </Fade>
         );
       }
-    });
+    };
   });
 
   it('Should default to hidden', () => {

diff --git a/test/ListGroupSpec.js b/test/ListGroupSpec.js
@@ -153,15 +153,15 @@ describe('<ListGroup>', () => {
 
   describe('Some or all children are user-defined custom components', () => {
     it('Should output a div by default when children are custom components', () => {
-      let CustomComponent = React.createClass({
+      class CustomComponent extends React.Component {
         render() {
           return (
             <li>
               <ListGroupItem>{this.props.children}</ListGroupItem>
             </li>
           );
         }
-      });
+      }
 
       let instance = ReactTestUtils.renderIntoDocument(
         <ListGroup id="testItem">
@@ -174,15 +174,15 @@ describe('<ListGroup>', () => {
     });
 
     it('Should use a "componentClass" prop if specified if any children are custom components', () => {
-      let CustomComponent = React.createClass({
+      class CustomComponent extends React.Component {
         render() {
           return (
             <li>
               <ListGroupItem>{this.props.children}</ListGroupItem>
             </li>
           );
         }
-      });
+      }
 
       let instance = ReactTestUtils.renderIntoDocument(
         <ListGroup

diff --git a/test/utils/bootstrapUtilsSpec.js b/test/utils/bootstrapUtilsSpec.js
@@ -120,9 +120,9 @@ describe('bootstrapUtils', () => {
       shouldWarn('expected one of ["minimal","boss","plaid","tweed"]');
 
       const Component = bsStyles(['minimal', 'boss', 'plaid', 'tweed'], 'plaid')(
-        React.createClass({
+        class extends React.Component {
           render() { return <span />; }
-        })
+        }
       );
 
       const instance = render(<Component />);
@@ -196,9 +196,9 @@ describe('bootstrapUtils', () => {
       shouldWarn('expected one of ["smallish","micro","planet","big"]');
 
       const Component = bsSizes(['smallish', 'micro', 'planet', 'big'], 'smallish')(
-        React.createClass({
+        class extends React.Component {
           render() { return <span />; }
-        })
+        }
       );
 
       const instance = render(<Component />);