У меня есть компонент с <tr>
в качестве базового элемента, и он прекрасно отображается.Но когда я пытаюсь проверить его, используя mount
, я получаю предупреждение:
Warning: validateDOMNesting(...): <tr> cannot appear as a child of <div>.
Вот репродукция:
import React, {Component} from 'react';
import {mount} from 'enzyme';
class Foo extends Component {
render() {
return (
<tr>
<td>moo</td>
</tr>
)
}
}
it('should not fail', () => {
const wrapper = mount(<Foo />);
console.log(wrapper.html());
});
В звонке на mount
, я могу обернуть компонент с помощью <table><tbody><Foo /></tbody></table>
, чтобы предупреждение исчезло.Но кажется, что должен быть другой способ сделать это, так как это предупреждение не происходит с shallow
или в самом приложении.
Это с:
- Реакция 16.5.2
- Фермент 3.7.0