如何使用量角器或硒测试@media print？

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

有任何方法可以“应用”下面的样式@media print测试期间？

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

例如在那个样本中我想要#hiddendiv 将在测试过程中显示。

.print-only {
  display: none;
}

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

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

我发现的一个选择是将所有“打印”CSS 拆分为一个单独的文件，然后通过加载它link标记为media="print".

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

不使用的意思media query完全位于大型 css 文件内。

这样我就可以改变media="print"测试期间的属性all via executeScript.

希望它能帮助某人。