diff --git a/tests/librariesTests/react-redux.test.js b/tests/librariesTests/react-redux.test.js
index e475fce..bbc8590 100644
--- a/tests/librariesTests/react-redux.test.js
+++ b/tests/librariesTests/react-redux.test.js
@@ -115,6 +115,7 @@ describe('react-redux - simple', () => {
{a.b}
);
+
const ConnectedSimpleComponent = connect(
state => ({ a: state.a })
)(SimpleComponent);
diff --git a/tests/librariesTests/react-router-dom.test.js b/tests/librariesTests/react-router-dom.test.js
index 1d179d8..38a4af5 100644
--- a/tests/librariesTests/react-router-dom.test.js
+++ b/tests/librariesTests/react-router-dom.test.js
@@ -18,7 +18,6 @@ beforeEach(() => {
updateInfos = [];
whyDidYouRender(React, {
notifier: updateInfo => updateInfos.push(updateInfo),
- trackAllPureComponents: true,
});
});
@@ -28,14 +27,19 @@ afterEach(() => {
describe('react-router-dom', () => {
test('simple', () => {
- const InnerComp = () => {
+ const InnerComp = ({ a }) => {
const location = useLocation();
+ const [state, setState] = React.useState(0);
+ React.useLayoutEffect(() => {
+ setState(a => a + 1);
+ }, []);
+
// eslint-disable-next-line no-console
console.log(`location is: ${location.pathname}`);
return (
-
hi!
+ hi! {JSON.stringify(a)} {state}
);
};
@@ -44,7 +48,7 @@ describe('react-router-dom', () => {
const Comp = () => (
- }/>
+ }/>
);
@@ -57,18 +61,25 @@ describe('react-router-dom', () => {
expect(consoleOutputs).toEqual([
expect.objectContaining({ args: ['location is: /'] }),
expect.objectContaining({ args: ['location is: /'] }),
+ expect.objectContaining({ args: ['location is: /'] }),
]);
+ expect(updateInfos).toHaveLength(2);
expect(updateInfos).toEqual([
expect.objectContaining({
+ displayName: 'InnerComp',
+ hookName: 'useState',
+ }),
+ expect.objectContaining({
+ displayName: 'InnerComp',
reason: {
hookDifferences: false,
stateDifferences: false,
propsDifferences: [{
diffType: 'deepEquals',
- nextValue: [],
+ nextValue: { b: 'c' },
pathString: 'a',
- prevValue: []
+ prevValue: { b: 'c' },
}],
ownerDifferences: {
hookDifferences: false,
@@ -100,24 +111,22 @@ describe('react-router-dom', () => {
const InnerFn = ({ a, setDeepEqlState }) => {
const location = useLocation();
- // eslint-disable-next-line no-console
- console.log(`location is: ${location.pathname}`);
-
React.useLayoutEffect(() => {
setDeepEqlState();
}, []);
+ // eslint-disable-next-line no-console
+ console.log(`location is: ${location.pathname}`);
+
return hi! {a.b}
;
};
- InnerFn.whyDidYouRender = true;
+ const InnerComp = connect(
+ state => ({ a: state.a }),
+ { setDeepEqlState: () => ({ type: 'deepEqlState' }) }
+ )(InnerFn);
- const InnerComp = (
- connect(
- state => ({ a: state.a }),
- { setDeepEqlState: () => ({ type: 'deepEqlState' }) }
- )(InnerFn)
- );
+ InnerFn.whyDidYouRender = true;
const Comp = () => (