javascript - 错误 : "Attempted to access ReactWrapper::node, which was previously a private property" when using enzyme 3

Question

我的测试中有以下几行(使用 react 和 enzyme ):

const input = mount(<MyComponent/>).find('input').node;
input.focus();
input.select();

我已将 enzyme 从 v2 升级到 v3，现在它抛出以下错误:

Attempted to access ReactWrapper::node, which was previously a private property on Enzyme ReactWrapper instances, but is no longer and should not be relied upon. Consider using the getElement() method instead.

但是，当我使用 getElement()就像错误中建议的那样:

const input = mount(<MyComponent/>).find('input').getElement();

生成的对象没有原始 .node 中的功能:

TypeError: (0 , _enzyme.mount)(...).find(...).getElement(...).focus is not a function

TypeError: (0 , _enzyme.mount)(...).find(...).getElement(...).select is not a function

我应该用什么代替 .node和 .getElement()使此代码在 enzyme 3 中起作用？

Answer 1

您应该使用 .instance() 或 .getDOMNode() 而不是 .node，这取决于您是否将结果用作 ReactElement或 DOMComponent。