Skip to content

Commit

Permalink
test: Add regression test for hooks after error boundaries (facebook#…
Browse files Browse the repository at this point in the history
…20002)

* test: Add regression test for hooks after error boundaries

* fix lint
  • Loading branch information
eps1lon authored Oct 16, 2020
1 parent f668b6c commit b093528
Showing 1 changed file with 66 additions and 0 deletions.
Original file line number Diff line number Diff line change
@@ -0,0 +1,66 @@
/**
* Copyright (c) Facebook, Inc. and its affiliates.
*
* This source code is licensed under the MIT license found in the
* LICENSE file in the root directory of this source tree.
*
* @emails react-core
*/

'use strict';

let React;
let ReactDOM;

describe('ReactErrorBoundariesHooks', () => {
beforeEach(() => {
jest.resetModules();
ReactDOM = require('react-dom');
React = require('react');
});

it('should preserve hook order if errors are caught', () => {
function ErrorThrower() {
React.useMemo(() => undefined, []);
throw new Error('expected');
}

function StatefulComponent() {
React.useState(null);
return ' | stateful';
}

class ErrorHandler extends React.Component {
state = {error: null};

componentDidCatch(error) {
return this.setState({error});
}

render() {
if (this.state.error !== null) {
return <p>Handled error: {this.state.error.message}</p>;
}
return this.props.children;
}
}

function App(props) {
return (
<React.Fragment>
<ErrorHandler>
<ErrorThrower />
</ErrorHandler>
<StatefulComponent />
</React.Fragment>
);
}

const container = document.createElement('div');
ReactDOM.render(<App />, container);

expect(() => {
ReactDOM.render(<App />, container);
}).not.toThrow();
});
});

0 comments on commit b093528

Please sign in to comment.