Как получить доступ к встроенному стилю с помощью функции React findDomNode?

Question

Я в настоящее время Jest для тестирования компонента React, встроенный стиль компонента будет изменен в соответствии с различными значениями реквизита.

это пример того, что я хочу сделать:

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

Это компонент реквизита:

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