unit-testing - 如何使用 React findDomNode 函数访问内联样式？

Question

我目前正在 Jest 测试 React 组件，组件的内联样式会根据不同的 props 值而改变。

这是一个关于我想做的事情的例子:

let firstChild = TestUtils.findRenderedDOMComponentWithTag(renderedComponent, 'div');
    expect(firstChild.getDOMNode().style).toEqual({
      fontSize: '20px'
    });

这是组件 Prop :

let renderedComponent = TestUtils.renderIntoDocument(
      <CircleIcon
        size="small" />

这是要测试的组件 dom:

return (
      <div className="circle-icon" style={boxStyle}>
        <span className={this.props.icon}></span>
      </div>
    );

如果我能得到 boxStyle 里面的内容，我就可以从中断言测试结果。

非常感谢!

Answer 1

实际上它有效。

用法:

firstChild.getDOMNode().style.backgroundColor