Как проверить (автоматически), что операция происходит после перерисовки браузера?

Question

Согласно комментариям к этому сообщению в блоге , следующий метод выполняет операцию асинхронно, но ожидает перерисовки:

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

Возможно, вы захотите использовать requestAnimationFrame вместо обходного пути в сообщении в блоге.

Узнайте больше об этом в блоге Пола Айриша http://paulirish.com/2011/requestanimationframe-for-smart-animating/