prepack/test/react/ClassComponents/inheritance-chain.js
Dan Abramov 5159b0d832 Make React tests fast (#2187)
Summary:
Currently we have a single giant file with all tests, and a giant snapshot. This is both slow, and hard to work with and iterate on.

In this PR I will refactor our test setup.

- [x] Split it up into multiple files (gets the test running from 45s to 27s)
- [x] Run Prettier on test files
- [x] Split tests further for better performance
- [x] Make it possible to run one test file
- [x] Fix the issue with double test re-runs in watch mode on changes in the test file
- [x] Refactor error handling
- [x] Run Prettier on fixtures
- [x] Add a fast mode with `yarn test-react-fast <Filename>`
- [x] Fix double reruns on failure

Potential followups:
- [x] Figure out why test interruption broke (need https://github.com/facebook/jest/issues/6599 and https://github.com/facebook/jest/issues/6598 fixed)
- [x] Revisit weird things like `this['React']` assignment with a funny comment in every test
Closes https://github.com/facebook/prepack/pull/2187

Differential Revision: D8713639

Pulled By: gaearon

fbshipit-source-id: 5edbfa4e61610ecafff17c0e5e7f84d44cd51168
2018-07-02 11:25:58 -07:00

47 lines
748 B
JavaScript

const React = require("react");
class Parent extends React.Component {
constructor() {
super();
this.state = {
a: 100,
};
}
render() {
if (this.props.x === 5) {
return <span>{this.state.a}</span>;
} else {
return <span>Hello world</span>;
}
}
}
this["Parent"] = Parent;
class Child extends Parent {
constructor() {
super();
}
}
class App extends React.Component {
render() {
return (
<div>
<Child x={10} />
</div>
);
}
}
App.getTrials = function(renderer, Root) {
renderer.update(<Root />);
return [["inheritance chain", renderer.toJSON()]];
};
if (this.__optimizeReactComponentTree) {
__optimizeReactComponentTree(App);
}
module.exports = App;