<!doctype html>
<title>track element cloneNode</title>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<div id=log></div>
<script>
test(function() {
    var elm = document.createElement('track');
    assert_equals(elm.readyState, elm.NONE, 'elm.readyState after element creation');
    var clone = elm.cloneNode(true);
    assert_equals(clone.readyState, clone.NONE, 'clone.readyState after element creation');
    assert_not_equals(clone.track, elm.track, 'clone.track and elm.track');
}, document.title+', not loaded');

async_test(function(t) {
    var elm = document.createElement('track');
    var video = document.createElement('video');
    video.appendChild(elm);
    elm.track.mode = 'showing';
    assert_equals(elm.readyState, elm.NONE, 'elm.readyState after appening to video setting mode');
    elm.src = 'resources/track.vtt?pipe=trickle(d1)';
    assert_equals(elm.readyState, elm.NONE, 'elm.readyState after setting src');
    t.step_timeout(function() {
      assert_equals(elm.readyState, elm.LOADING, 'elm.readyState in setTimeout');
      var clone = elm.cloneNode(true);
      assert_equals(clone.readyState, clone.NONE, 'clone.readyState after element creation');
      video.appendChild(clone);
      clone.track.mode = 'showing';
      assert_equals(clone.readyState, clone.NONE, 'clone.readyState after appending to video and setting mode');
      assert_not_equals(clone.track, elm.track, 'clone.track and elm.track');
      t.done();
    }, 0);
}, document.title+', loading');

async_test(function(t) {
    var elm = document.createElement('track');
    var video = document.createElement('video');
    video.appendChild(elm);
    elm.track.mode = 'showing';
    elm.src = 'data:text/vtt,'+encodeURIComponent('WEBVTT\n\n00:00:00.000 --> 00:00:01.000\nfoo');
    assert_equals(elm.readyState, elm.NONE, 'elm.readyState after setting src');
    elm.onload = this.step_func(function() {
        assert_equals(elm.readyState, elm.LOADED, 'elm.readyState');
        assert_equals(elm.track.cues.length, 1, 'elm.track.cues.length');
        assert_equals(elm.track.cues[0].startTime, 0, 'elm.track.cues[0].startTime');
        assert_equals(elm.track.cues[0].endTime, 1, 'elm.track.cues[0].endTime');
        assert_equals(elm.track.cues[0].text, 'foo', 'elm.track.cues[0].text');
        var clone = elm.cloneNode(true);
        assert_equals(clone.readyState, clone.NONE, 'clone.readyState after element creation');
        video.appendChild(clone);
        clone.track.mode = 'showing';
        assert_equals(clone.readyState, clone.NONE, 'clone.readyState after appending to video and setting mode');
        assert_not_equals(clone.track, elm.track, 'clone.track and elm.track');
        clone.onload = this.step_func(function(){
            assert_equals(clone.readyState, clone.LOADED, 'clone.readyState');
            assert_not_equals(clone.track, elm.track, 'clone.track and elm.track');
            assert_not_equals(clone.track.cues, elm.track.cues, 'clone.track.cues and elm.track.cues');
            assert_equals(clone.track.cues.length, 1, 'clone.track.cues.length');
            assert_not_equals(clone.track.cues[0], elm.track.cues[0], 'cues[0]');
            assert_equals(clone.track.cues[0].startTime, 0, 'clone.track.cues[0].startTime');
            assert_equals(clone.track.cues[0].endTime, 1, 'clone.track.cues[0].endTime');
            assert_equals(clone.track.cues[0].text, 'foo', 'clone.track.cues[0].text');
            this.done();
        });
        clone.onerror = this.step_func(function() { assert_unreached('clone got error'); });
    });
    elm.onerror = this.step_func(function() { assert_unreached('elm got error'); });
}, document.title+', loaded');

async_test(function(t) {
    var elm = document.createElement('track');
    var video = document.createElement('video');
    video.appendChild(elm);
    elm.track.mode = 'showing';
    elm.onerror = t.step_func(function() {
      assert_equals(elm.readyState, elm.ERROR, 'elm.readyState in onerror');
      var clone = elm.cloneNode(true);
      assert_equals(clone.readyState, clone.NONE, 'clone.readyState after element creation');
      video.appendChild(clone);
      clone.track.mode = 'showing';
      assert_equals(clone.readyState, clone.NONE, 'clone.readyState after appending to video and setting mode');
      assert_not_equals(clone.track, elm.track, 'clone.track and elm.track');
      clone.onerror = t.step_func_done();
    });
    elm.src = 'javascript:"network error"';
}, document.title+', failed to load');
</script>