prepack/test/react/ClassComponents/array-from2.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

35 lines
775 B
JavaScript

var React = require("react");
function A(props) {
return (
<span>
{props.title} {props.foo}
</span>
);
}
class App extends React.Component {
render() {
let self = this;
return (
<div>
{Array.from(this.props.items, function(item) {
return <A title={item.title} key={item.id} foo={self.props.foo} />;
})}
</div>
);
}
}
App.getTrials = function(renderer, Root) {
let items = [{ title: "Hello world 1", id: 0 }, { title: "Hello world 2", id: 1 }, { title: "Hello world 3", id: 2 }];
renderer.update(<Root items={items} foo={123} />);
return [["simple render array map", renderer.toJSON()]];
};
if (this.__optimizeReactComponentTree) {
__optimizeReactComponentTree(App);
}
module.exports = App;