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

标签 javascript css testing qunit

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

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

最佳答案

您可以创建 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>

关于javascript - 如何在 qUnit 中为单个测试添加临时 css?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/41096343/

相关文章:

javascript - 如何在JS中隐藏具有特定alt属性内容的图像?

javascript - JavaScript 中原型(prototype)链的结尾是什么——null 或 Object.prototype?

html - 填充盒子所有空白空间的 float div

CSS 缓和进出比例

python - 如何使用 pytest 测试来模拟 Python 中的抽象类或接口(interface)

javascript - 删除没有 id 标签的 div

javascript - jquery 限制图像大小和类型

html - 自动排列列表项,例如表格列(图书术语表样式)

javascript - stub 和代理

ruby-on-rails - 这两个测试有什么不同(一个失败,一个通过)