OLD | NEW |
| 1 <!DOCTYPE html> |
| 2 <title>Test that muted video has an unmute button.</title> |
| 3 <script src="../resources/testharness.js"></script> |
| 4 <script src="../resources/testharnessreport.js"></script> |
| 5 <script src="media-file.js"></script> |
| 6 <script src="media-controls.js"></script> |
1 <video controls></video> | 7 <video controls></video> |
2 <p>Test that muted video has an unmute button.<p> | |
3 <script src=media-file.js></script> | |
4 <!-- TODO(foolip): Convert test to testharness.js. crbug.com/588956 | |
5 (Please avoid writing new tests using video-test.js) --> | |
6 <script src=video-test.js></script> | |
7 <script src=media-controls.js></script> | |
8 <script> | 8 <script> |
9 run("video.muted = true"); | 9 async_test(function(t) { |
| 10 var video = document.querySelector("video"); |
| 11 video.muted = true; |
| 12 |
| 13 video.oncanplaythrough = t.step_func_done(function() { |
| 14 assert_true(video.muted); |
| 15 var muteButton = mediaControlsButton(video, "mute-button"); |
| 16 // Make sure that the mute button is visible. |
| 17 assert_not_equals(getComputedStyle(muteButton).display, "none"); |
| 18 }); |
| 19 |
10 video.src = findMediaFile("video", "content/test"); | 20 video.src = findMediaFile("video", "content/test"); |
11 run("video.load()"); | 21 }); |
12 waitForEvent("canplaythrough", function () { | 22 </script> |
13 testExpected("video.muted", true); | |
14 muteButton = mediaControlsButton(video, "mute-button"); | |
15 // Make sure that the mute button is visible. | |
16 testExpected("getComputedStyle(muteButton).display", "none", '!='); | |
17 endTest(); | |
18 }); | |
19 </script> | |
OLD | NEW |