如何用量角器或硒測試@media打印？

Question

我實現了一個打印functionallity在我的網站，我想通過量角器/硒進行測試。

還有就是「應用」是在測試過程中@media print下樣式的任何方法？

我只看到一個相關question，但它沒有任何好的答案。

例如在該樣本我想的#hidden DIV將在測試過程中被顯示。

.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到一個單獨的文件，並通過link標籤與media="print"加載它。

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

含義不使用media query內大css文件在所有。

這樣會讓我通過executeScript測試過程中改變media="print"屬性all。

希望它會幫助別人。