Есть ли способ размонтировать и мусор собирать компонент React, который был смонтирован с помощью TestUtils.renderIntoDocument внутри теста jsdom?
Я пытаюсь проверить что-то, что происходит на componentWillUnmount, а TestUtils.renderIntoDocument не возвращает DOM node для вызова React. unmountComponentAtNode.
Нет, но вы можете просто использовать ReactDOM.render вручную:
var container = document.createElement('div');
ReactDOM.render(<Component />, container);
// ...
ReactDOM.unmountComponentAtNode(container);
Это точно то, что ReactTestUtils делает в любом случае, поэтому нет причин не делать этого таким образом, если вам нужна ссылка на контейнер.
Вызов componentWillUnmount напрямую не будет работать для детей, которым необходимо очистить вещи при размонтировании. И вам также не нужно реплицировать метод renderIntoDocument, так как вы можете просто использовать parentNode:
React.unmountComponentAtNode(React.findDOMNode(component).parentNode);
Обновление: по запросу 15 вам нужно использовать ReactDOM для достижения того же:
import ReactDOM from 'react-dom';
// ...
ReactDOM.unmountComponentAtNode(ReactDOM.findDOMNode(component).parentNode);
Просто обновить ответ @BenAlpert. React.renderComponent будет устаревшим, поэтому вместо этого вы должны использовать методы ReactDOM:
var container = document.createElement('div');
ReactDOM.render(<Component />, container);
// ...
ReactDOM.unmountComponentAtNode(container);
После теста вы можете вызвать компонент componentWillUnmount() на компоненте вручную.
beforeEach ->
@myComponent = React.addons.TestUtils.renderIntoDocument <MyComponent/>
afterEach ->
@myComponent.componentWillUnmount()
Просто наткнулся на этот вопрос, цифра, которую я бы предоставил, чтобы непосредственно решить ее, используя описанный API визуализации для визуализации. Это решение работает в контексте PhantomJS.
Чтобы подключиться к документу node:
theComponent = TestUtils.renderIntoDocument(<MyComponent/>);
Чтобы размонтировать из документа node:
React.unmountComponentAtNode(document);