RFC: Mock subtype

examples/react/ProcessedDataComponent.js

@@ -0,0 +1,28 @@
+// Copyright 2004-present Facebook. All Rights Reserved.
+
+import React from 'react';
+
+function processData(data) {
+  return data.map(x => x * 2);
+}
+
+export default class ProcessedData extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = {processedData: null};
+  }
+
+  static getDerivedStateFromProps(nextProps, prevState) {
+    return {
+      processedData: processData(nextProps.data),
+    };
+  }
+
+  render() {
+    if (this.state.processedData === null) {
+      return <p>Loading...</p>;
+    } else {
+      return <ul>{this.state.processedData.map(n => <li>n></li>)}</ul>;
+    }
+  }
+}

examples/react/__tests__/automocking_new_lifecycle_methods.test.js

@@ -0,0 +1,28 @@
+// Copyright 2004-present Facebook. All Rights Reserved.
+
+/* eslint-disable no-unused-vars */
+
+jest.mock('../ProcessedDataComponent');
+
+import React from 'react';
+import ReactDOM from 'react-dom';
+import * as TestUtils from 'react-dom/test-utils';
+import ProcessedDataComponent from '../ProcessedDataComponent';
+
+// ProcessedDataComponent uses 'getDerivedStateFromProps'
+
+class Wrapper extends React.Component {
+  render() {
+    // ProcessedDataComponent is mocked out.
+    return (
+      <div>
+        <ProcessedDataComponent data={[1, 2, 3]} />
+      </div>
+    );
+  }
+}
+
+it('should render a mocked component containing gDSFP with ReactShallowRenderer', () => {
+  const render = () => TestUtils.renderIntoDocument(<Wrapper />);
+  expect(render).not.toThrow();
+});

examples/react/package.json

@@ -1,7 +1,7 @@
 {
   "dependencies": {
-    "react": "15.4.2",
-    "react-dom": "15.4.2"
+    "react": "16.3.1",
+    "react-dom": "16.3.1"
   },
   "devDependencies": {
     "babel-jest": "*",