reactjs - 在 Enzyme 中测试 input.focus()

Question

如何在 enzyme 中测试 input.focus()。我正在用 react 编写脚本。我的代码如下:

public inputBox: any;

componentDidUpdate = () => {
    setTimeout(() => {
        this.inputBox.focus();
    }, 200);
}

render() {
    return (
        <div>
            <input
                type = 'number'
                ref = {element => this.inputBox = element } />
        </div>
    );
}

Answer 1

您可以使用 mount 而不是 shallow。然后您可以比较 document.activeElement 和输入 DOM 节点是否相等。

const output = mount(<MyFocusingComponent/>);

assert(output.find('input').node === document.activeElement);

参见 https://github.com/airbnb/enzyme/issues/316了解更多详情。