是否有辦法在jest中測驗 "Hello "這個詞的非行內風格CSS顏色？
.textStyle {
color: red;
}
<p class="textStyle">Hello< /p>
test('test text color', () => {
const wrapper = mount(<React /> ) 。
const p = wrapper.find('p').text（）。
//insert code here.
});
uj5u.com熱心網友回復：
為此，你將使用一個常規的getBy或findBy或任何選擇器，并相應地使用toHaveStyle
expect(getByTestId('elementId')) 。 toHaveStyle('color: red')
您還需要安裝jest-dom以獲得toHaveStyle
uj5u.com熱心網友回復：
您可能會在window.getComputedStyle API上找到一些成功。用一個元素來呼叫它可以得到一個該元素樣式的物件，然后你可以驗證它的正確值。
轉載請註明出處，本文鏈接：https://www.uj5u.com/houduan/306989.html
標籤：
上一篇：如何禁用LnkB按鈕上的超鏈接？