如何使用Jest和Enzyme测试CSS组件内部CSS样式的样式？

Question

考虑CSS，

.content
{
    width:500px;
    box-sizing: border-box;
}

我已在react组件内添加此CSS类，如下所示

const Banner = () => {
   return (<div className="content">This is message content</div>);
} 

如何编写玩笑和酶的测试用例，以确保正确应用'box-sizing'with'border-box'] >>

注：我可以编写测试用例，以确保将“ .content”类添加到此元素。但恰恰是，我需要编写测试用例以确保'box-sizing'中的值。

考虑CSS，.content {width：500px;框大小：边框框； }我已经在react组件内添加了这个CSS类，如下const Banner =（）=> {return（

Answer 1

我不确定如何解决您的问题，但请注意，您的测试不会涵盖

Answer 2

通过将此代码添加到Banner.test.js文件，它将检查名为content的className是否具有box-sizing的内联样式属性，并且是否等于border-box。但它只会测试内联样式。