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