diff --git a/src/__tests__/__snapshots__/storeComponentFilters-test.js.snap b/src/__tests__/__snapshots__/storeComponentFilters-test.js.snap index 9ef1940eb8..884b6cbcec 100644 --- a/src/__tests__/__snapshots__/storeComponentFilters-test.js.snap +++ b/src/__tests__/__snapshots__/storeComponentFilters-test.js.snap @@ -2,9 +2,10 @@ exports[`Store component filters should filter HOCs: 1: mount 1`] = ` [root] - ▾ - ▾ -
+ ▾ [Bar][Foo] + ▾ [Foo] + ▾ +
`; exports[`Store component filters should filter HOCs: 2: hide all HOCs 1`] = ` @@ -15,9 +16,10 @@ exports[`Store component filters should filter HOCs: 2: hide all HOCs 1`] = ` exports[`Store component filters should filter HOCs: 3: disable HOC filter 1`] = ` [root] - ▾ - ▾ -
+ ▾ [Bar][Foo] + ▾ [Foo] + ▾ +
`; exports[`Store component filters should filter by display name: 1: mount 1`] = ` diff --git a/src/__tests__/storeComponentFilters-test.js b/src/__tests__/storeComponentFilters-test.js index 3937633416..6627912b8d 100644 --- a/src/__tests__/storeComponentFilters-test.js +++ b/src/__tests__/storeComponentFilters-test.js @@ -170,12 +170,12 @@ describe('Store component filters', () => { it('should filter HOCs', () => { const Component = () =>
Hi
; - const WrappedComponent = () => ; - WrappedComponent.displayName = 'withWrapper(Component)'; + const Foo = () => ; + Foo.displayName = 'Foo(Component)'; + const Bar = () => ; + Bar.displayName = 'Bar(Foo(Component))'; - act(() => - ReactDOM.render(, document.createElement('div')) - ); + act(() => ReactDOM.render(, document.createElement('div'))); expect(store).toMatchSnapshot('1: mount'); act(() => (store.componentFilters = [utils.createHOCFilter(true)])); diff --git a/src/__tests__/storeSerializer.js b/src/__tests__/storeSerializer.js index 6e6400aaf5..fd2d4e36f8 100644 --- a/src/__tests__/storeSerializer.js +++ b/src/__tests__/storeSerializer.js @@ -22,13 +22,18 @@ export function printElement(element, includeWeight = false) { key = ` key="${element.key}"`; } + let hocs = ''; + if (element.hocDisplayNames !== null) { + hocs = ` [${element.hocDisplayNames.join('][')}]`; + } + let suffix = ''; if (includeWeight) { suffix = ` (${element.isCollapsed ? 1 : element.weight})`; } return `${' '.repeat(element.depth + 1)}${prefix} <${element.displayName || - 'null'}${key}>${suffix}`; + 'null'}${key}>${hocs}${suffix}`; } export function printOwnersList(elements, includeWeight = false) {