<!doctype html>
<html>
    <head>
        <script src=video-test.js></script>
        <script src=media-file.js></script>
        <script>
            var index = 0;

            function testMuted(expectedMuted, expectedDefaultMuted)
            {
                testExpected("video.muted", expectedMuted);
                testExpected("video.defaultMuted", expectedDefaultMuted);
            }

            function testAddedToDocument()
            {
                consoleWrite("<br><br><em>*** Test that the 'muted' content attribute reflects the 'muted' IDL attribute before the element"
                    + " is added to the document, and does not reflect after</em></br>");

                run("video = document.createElement('video')");
                run("video.setAttribute('controls', 'controls')");
                video.setAttribute('width', '300');
                testMuted(false, false);

                consoleWrite("<br>*** Change 'muted' content attribute, IDL attribute should change.");
                run("video.setAttribute('muted', 'muted')");
                testMuted(true, true);
                run("document.getElementById('parent').appendChild(video)");

                consoleWrite("<br>*** Change 'muted' content attribute, IDL attribute should not change.");
                video.removeAttribute('muted');
                testMuted(true, false);

                runNextTest();
            }

            function testExplicitlySetBeforeAddedToDocument()
            {
                consoleWrite("<br><br><em>*** Test that setting the 'muted' IDL attribute means that changes to "
                    + "the 'muted' content attribute are no longer reflected.</em></br>");

                run("video = document.createElement('video')");
                run("video.setAttribute('controls', 'controls')");
                video.setAttribute('width', '300');
                testMuted(false, false);

                consoleWrite("<br>*** Change 'muted' content attribute, IDL attribute should change.");
                run("video.setAttribute('muted', 'muted')");
                testMuted(true, true);

                consoleWrite("<br>*** Change 'muted' IDL attribute, then the content attribute. IDL attribute should not change.");
                run("video.muted = true");
                video.removeAttribute('muted');
                testMuted(true, false);

                runNextTest();
            }

            function test(defaultMuted)
            {
                consoleWrite("<br><br><em>*** Test <em>" + (defaultMuted ? "with" : "without") + "</em> 'muted' content attribute</em><br>");

                run("video = document.createElement('video')");
                run("video.setAttribute('controls', 'controls')");
                video.setAttribute('width', '300');
                if (defaultMuted)
                    run("video.setAttribute('muted', 'muted')");

                consoleWrite("<br>*** Test before setting src, muted IDL attribute should default to muted content attribute");
                testMuted(defaultMuted, defaultMuted);

                var loadedmetadata = function(evt)
                {
                    consoleWrite("<br>EVENT(" + evt.type + ")");

                    consoleWrite("<br>*** Change 'defaultMuted', IDL attribute should not change but content attribute should.");
                    var newDefaultMuted = !defaultMuted;
                    run("video.defaultMuted = " + newDefaultMuted);
                    testMuted(defaultMuted, newDefaultMuted);
                    testExpected("video.hasAttribute('muted')", newDefaultMuted);

                    consoleWrite("<br>*** Change 'muted' IDL attribute, content attribute should not change");
                    run("video.muted = false");
                    testMuted(false, newDefaultMuted);
                    testExpected("video.hasAttribute('muted')", newDefaultMuted);

                    var action = defaultMuted ? "Remove" : "Add";
                    consoleWrite("<br>*** " + action + " 'muted' content attribute, it should have no effect on IDL attribute");
                    if (defaultMuted)
                        run("video.removeAttribute('muted')");
                    else
                        run("video.setAttribute('muted', 'muted')");
                    testMuted(false, video.hasAttribute('muted'));

                    runNextTest();
                }
                video.addEventListener('loadedmetadata', loadedmetadata);
                video.src = findMediaFile("audio", "content/test");
            }

            function runNextTest()
            {
                if (video && video.parentNode) {
                    video.parentNode.removeChild(video);
                    video = null;
                }

                switch (++index)
                {
                case 1:
                    test(true);
                    break;
                case 2:
                    test(false);
                    break;
                case 3:
                    testAddedToDocument();
                    break;
                case 4:
                    testExplicitlySetBeforeAddedToDocument();
                    break;
                case 5:
                    consoleWrite("");
                    endTest();
                    break;
                }
            }

        </script>
    </head>

    <body onload="runNextTest()">
        <div id="parent"></div>
        <p>Test 'muted' content attribute<p>
    </body>
</html>