jeudi 12 juillet 2018

material-ui Dialog component testing issue with Jest

Test:

Enzyme.configure({ adapter: new Adapter() });

function setup(initialState) {
    const store = configureStore(initialState);
    const history = createBrowserHistory();
    const provider = (
        <MuiThemeProvider>
            <Provider store={store}>
                <ConnectedRouter history={history}>
                    <ThemeProvider theme={Theme}>
                            <Modal isModalOpen={true}/>
                    </ThemeProvider>
                </ConnectedRouter>
            </Provider>
        </MuiThemeProvider>
    );
    const app = mount(provider);
    return {
        app,
        inputs: app.find('input'),
    };
}

describe('containers', () => {
    describe('App', () => {
        it('inputs count should be equal 3', () => {
            const { inputs } = setup();
            expect(inputs.length).toEqual(3);
        });
    });
});

When I run tests it should return input count = 3 but returns 0. It seems that inputs are not visible. When I change Dialog to normal div, everything works fine.

Testing component:

return (
      <Dialog
        modal
        open={true}
      >
        <TextField/>

        <TextField/>

        <TextField/>
      </Dialog>
    );

Aucun commentaire:

Enregistrer un commentaire