Я использую react-test-renderer
с Jest для тестирования реагирующих компонентов.Но если я тестирую модальное диалоговое окноact-mui, как это:
describe('Dashboard', function () {
let dashboard;
beforeEach(async () => {
testRenderer = TestRenderer.create(<MemoryRouter><Route component={Dashboard} /></MemoryRouter>);
dashboard = testRenderer.root.findByType(Dashboard);
await waitForExpect(() => expect(dashboard.instance.state.hasLoaded).toBeTruthy());
});
it('opens dialog on clicking the new class', async () => {
const button = testRenderer.root.findByType(Button);
expect(dashboard.instance.state.showDialog).toBeFalsy();
button.props.onClick();
expect(dashboard.instance.state.showDialog).toBeTruthy();
});
});
Но тогда я получаю ошибку:
Ошибка: Ошибка: «Ошибка: Uncaught» Предупреждение:Предоставлен недопустимый контейнер. Это может означать, что в дополнение к тестовому визуализатору используется другой рендерер (например, ReactDOM.createPortal внутри дерева ReactTestRenderer.) Это не поддерживается.% S '
Как я должен тестировать, а затем реагировать на порталы, чтобы этот тест работал?