| <!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 test(defaultMuted) |
| { |
| consoleWrite("<br><br><b>*** Test <em>" + (defaultMuted ? "with" : "without") + "</em> 'muted' content attribute</b><br>"); |
| |
| run("video = document.createElement('video')"); |
| run("video.setAttribute('controls', 'controls')"); |
| video.setAttribute('width', '300'); |
| if (defaultMuted) |
| run("video.setAttribute('muted', 'muted')"); |
| document.getElementById('parent').appendChild(video); |
| |
| consoleWrite("<br>*** Test before setting src, IDL attribute should default to false"); |
| testMuted(false, defaultMuted); |
| |
| var loadedmetadata = function(evt) |
| { |
| consoleWrite("<br>EVENT(" + evt.type + ")"); |
| |
| consoleWrite("<br>*** After setting url, content attribute should have set IDL attribute"); |
| testMuted(defaultMuted, defaultMuted); |
| |
| 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.removeChild(video); |
| video = null; |
| } |
| |
| switch (++index) |
| { |
| case 1: |
| test(true); |
| break; |
| case 2: |
| test(false); |
| break; |
| case 3: |
| consoleWrite(""); |
| endTest(); |
| break; |
| } |
| } |
| |
| </script> |
| </head> |
| |
| <body onload="runNextTest()"> |
| <div id="parent"></div> |
| <p>Test 'muted' content attribute<p> |
| </body> |
| </html> |
