如何用量角器或Selenium测试@media打印?

Question

我已经在我的网站上实现了打印功能，我想通过量角器/硒进行测试。

有什么方法可以"应用"测试期间@media print的样式？

我只看到一个相关的问题，但它没有任何好的答案。

例如，在该样本中，我想在测试期间显示#hiddendiv。

.print-only {
display: none;
}
@media print {
.print-only {
display: block;
}
}

<div id="hidden" class="print-only">Will be shown when printing</div>

Answer 1

我发现的一个选项是将所有"打印"css拆分为一个单独的文件，并通过带有media="print"的标签link加载它。

<link rel="stylesheet" type="text/css" href="print.css" media="print">

这意味着根本不要在大型 css 文件中使用media query。

这样，我将允许我在测试期间将media="print"属性更改为通过executeScriptall。

希望它能帮助某人。