React Lazy tests failing. Error: Method “props” is meant to be run on 1 node. 0 found instead.

Your environment

Macos, Linux

API

• shallow

Version

library	version
enzyme	3.10.0
react	16.8.6
react-dom	6.8.6
react-test-renderer
adapter (below)

Adapter

• enzyme-adapter-react-16

ParentComponentWIthSuspense.js

const OtherComponent = React.lazy(() => import('src/main/js/OtherComponent'));```
Render()
```jsx
return (
            <div>
                <React.Suspense fallback={<Spinner />}>
                    <OtherComponent  here some props/>
                 </React.Suspense>
            </div>

And this is tests

let shallowInitialComponent = async () => {
        const wrapper = shallow(<ParentComponentWIthSuspense {...props} />);
        await waitNextTick();
        wrapper.update();
        return wrapper;
    };

it("Should render", async () => {
        const expectedProps = {
            title: "Some title",
            desc: "Some cool desc",
            .....// others
        };

        const wrapper = await shallowInitialComponent();
        Object.values(expectedProps).forEach((item) => {
            expect(wrapper.find("OtherComponent").prop(item)).toBe(expectedProps[item]);
        });
    });

The interesting thing. That it see Suspense. I mean if i will use standard import instead of lazy. The tests are passed… It is weird…

[ljharb]

In your component file, you should change:

const OtherComponent = React.lazy(() => import('src/main/js/OtherComponent'));

to:

export const OtherComponent = React.lazy(() => import('src/main/js/OtherComponent'));

and then in your tests, you’d need to import { OtherComponent } from 'wherever';, and then you can do .find(OtherComponent).

If that’s still not working, a repro repo would be most helpful.

[DonikaV]

react adapter 1.14.0 .debug will show you tomorrow. Thanks