Проверьте значение свойства CSS в браузерах, используя Jest / Enzyme

Question

У меня есть пользовательский компонент React, который я тестирую с помощью Jest / Enzyme.

Это функция рендеринга этого компонента -

return (
<div className="textBoxContainer">
<input className="textBoxInput" style={this.props.width} onChange= 
   {this.onType} data-empty={this.state.emptyField}></input>
<label>{this.props.label}</label>
{errorMsg}
</div>
)

Вот CSS для класса'textBoxInput'

.textBoxInput{
border-bottom: solid 2px #984343;
font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
}

.textBoxInput:focus{
    border-bottom: solid 2px #4caf50;
    outline: none;
}

Как написать модульный тест, чтобы увидеть, меняет ли цвет 'border-bottom' значение onFocus (с # 984343 на # 4caf50)?

Я пыталсяиспользуйте 'shallow' и 'mount', но не можете получить значение цвета.

Я использую Jest / Enzyme.