<!doctype html>
<title>pointer updates (adding source elements)</title>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<div id=log></div>
<script>
var a = 0;
var b = 0;
var c = 0;
var x1 = 0;
var x2 = 0;
var x3 = 0;
var x4 = 0;
</script>
<video
 ><source onerror=a++
 ><source onerror=b++ src='resources/delayed-broken-video.py'
 ><source onerror=c++
 ></video
>
<script>
async_test(function(t) {
  var video = document.querySelector('video');
  // add source elements
  var source1 = document.createElement('source'); source1.onerror = function() { x1++; };
  var source2 = document.createElement('source'); source2.onerror = function() { x2++; };
  var source3 = document.createElement('source'); source3.onerror = function() { x3++; };
  var source4 = document.createElement('source'); source4.onerror = function() { x4++; };
  video.insertBefore(source1, video.querySelector('[onerror="a++"]'));
  video.insertBefore(source2, video.querySelector('[onerror="b++"]'));
  video.insertBefore(source3, video.querySelector('[onerror="c++"]'));
  video.appendChild(source4);
  window.onload = t.step_func(function() {
    assert_equals(a, 1, 'error events on a');
    assert_equals(b, 1, 'error events on b');
    assert_equals(c, 1, 'error events on c');
    assert_equals(x1, 0, 'error events on x1');
    assert_equals(x2, 0, 'error events on x2');
    assert_equals(x3, 1, 'error events on x3');
    assert_equals(x4, 1, 'error events on x4');
    t.done();
  });
});
</script>
