如何測試（自動）瀏覽器重繪後發生的操作？

Question

據the comments of this blog post，以下技術異步執行的操作，而是等待重繪：

function nextTick(callback) { 
    var img = new Image; 
    img.onerror = callback; 
    img.src = 'data:image/png,' + Math.random(); 
} 

，而這一個不等待重繪：

var mc = new MessageChannel; 
function nextTick(callback) { 
    mc.port1.onmessage = callback; 
    mc.port2.postMessage(0); 
} 

我怎麼能驗證這一點，編程在多種平臺/瀏覽器上運行的自動化測試可以檢查？

Answer 1

您可能想使用​​而不是博客文章中的解決方法。

在Paul Irish的博客中瞭解更多關於它的內容http://paulirish.com/2011/requestanimationframe-for-smart-animating/