javascript - 如何在 qUnit 中为单个测试添加临时 css？

Question

我有一个正在测试的组件，它根据网站的当前 CSS 表现出不同的行为。我想为单个测试添加一个 css。是否可以在不创建文件的情况下添加它，例如仅用于测试的临时 css？

是否可以在qUnit测试函数中添加一段css代码？

Answer 1

您可以创建 style使用所需的 CSS 规则动态节点。

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

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