如何在qUnit中為單個測試添加臨時css？

Question

我有一個受測試的組件，根據網站的當前css行為不同。 我想為單個測試添加一個css。 是否可以在不創建文件的情況下添加它，例如僅用於測試的臨時css？

是否可以在qUnit測試函數中添加css代碼？

Answer 1

您可以使用所需的CSS規則動態創建style節點。

 var tempCSS = document.createElement("style"); tempCSS.type = "text/css"; tempCSS.innerHTML = ".myClass { background-color: red; }"; document.body.appendChild(tempCSS); 

 <div class="myClass">yahoooooooo</div>