Notify rendered in Jest

Author: Timer

packages/react-scripts/fixtures/kitchensink/src/features/env/NodePath.js

@@ -3,11 +3,7 @@ import load from 'absoluteLoad'
 
 export default class extends Component {
   static propTypes = {
-    notifyRendered: PropTypes.func
-  }
-
-  static defaultProps = {
-    notifyRendered: () => {}
+    notifyRendered: PropTypes.func.isRequired
   }
 
   constructor(props) {

packages/react-scripts/fixtures/kitchensink/src/features/env/NodePath.test.js

@@ -5,6 +5,8 @@ import NodePath from './NodePath';
 describe('NODE_PATH', () => {
   it('renders without crashing', () => {
     const div = document.createElement('div');
-    ReactDOM.render(<NodePath />, div);
+    return new Promise(resolve => {
+      ReactDOM.render(<NodePath notifyRendered={resolve} />, div);
+    });
   });
 });

packages/react-scripts/fixtures/kitchensink/src/features/syntax/ArrayDestructuring.js

@@ -11,11 +11,7 @@ function load() {
 
 export default class extends Component {
   static propTypes = {
-    notifyRendered: PropTypes.func
-  }
-
-  static defaultProps = {
-    notifyRendered: () => {}
+    notifyRendered: PropTypes.func.isRequired
   }
 
   constructor(props) {

packages/react-scripts/fixtures/kitchensink/src/features/syntax/ArrayDestructuring.test.js

@@ -5,6 +5,8 @@ import ArrayDestructuring from './ArrayDestructuring';
 describe('array destructuring', () => {
   it('renders without crashing', () => {
     const div = document.createElement('div');
-    ReactDOM.render(<ArrayDestructuring />, div);
+    return new Promise(resolve => {
+      ReactDOM.render(<ArrayDestructuring notifyRendered={resolve} />, div);
+    });
   });
 });

packages/react-scripts/fixtures/kitchensink/src/features/syntax/ArraySpread.js

@@ -11,11 +11,7 @@ function load(users) {
 
 export default class extends Component {
   static propTypes = {
-    notifyRendered: PropTypes.func
-  }
-
-  static defaultProps = {
-    notifyRendered: () => {}
+    notifyRendered: PropTypes.func.isRequired
   }
 
   constructor(props) {

packages/react-scripts/fixtures/kitchensink/src/features/syntax/ArraySpread.test.js

@@ -5,6 +5,8 @@ import ArraySpread from './ArraySpread';
 describe('array spread', () => {
   it('renders without crashing', () => {
     const div = document.createElement('div');
-    ReactDOM.render(<ArraySpread />, div);
+    return new Promise(resolve => {
+      ReactDOM.render(<ArraySpread notifyRendered={resolve} />, div);
+    });
   });
 });

packages/react-scripts/fixtures/kitchensink/src/features/syntax/AsyncAwait.js

@@ -11,11 +11,7 @@ async function load() {
 
 export default class extends Component {
   static propTypes = {
-    notifyRendered: PropTypes.func
-  }
-
-  static defaultProps = {
-    notifyRendered: () => {}
+    notifyRendered: PropTypes.func.isRequired
   }
 
   constructor(props) {

packages/react-scripts/fixtures/kitchensink/src/features/syntax/AsyncAwait.test.js

@@ -5,6 +5,8 @@ import AsyncAwait from './AsyncAwait';
 describe('async/await', () => {
   it('renders without crashing', () => {
     const div = document.createElement('div');
-    ReactDOM.render(<AsyncAwait />, div);
+    return new Promise(resolve => {
+      ReactDOM.render(<AsyncAwait notifyRendered={resolve} />, div);
+    });
   });
 });

packages/react-scripts/fixtures/kitchensink/src/features/syntax/ClassProperties.js

@@ -2,11 +2,7 @@ import React, { Component, PropTypes } from 'react'
 
 export default class extends Component {
   static propTypes = {
-    notifyRendered: PropTypes.func
-  }
-
-  static defaultProps = {
-    notifyRendered: () => {}
+    notifyRendered: PropTypes.func.isRequired
   }
 
   users = [

packages/react-scripts/fixtures/kitchensink/src/features/syntax/ClassProperties.test.js

@@ -5,6 +5,8 @@ import ClassProperties from './ClassProperties';
 describe('class properties', () => {
   it('renders without crashing', () => {
     const div = document.createElement('div');
-    ReactDOM.render(<ClassProperties />, div);
+    return new Promise(resolve => {
+      ReactDOM.render(<ClassProperties notifyRendered={resolve} />, div);
+    });
   });
 });