toolkit/content/tests/widgets/test_videocontrols_onclickplay.html
author Jared Wein <jwein@mozilla.com>
Fri, 30 Dec 2016 21:47:25 -0500
changeset 355829 06698dfb37848558b9edaa6fb947bab0259fa3d9
parent 322432 d5acbd8b896c8433a826eb99a28ff0ff01124f00
child 357679 7b434711753b98a87603453caaa0945791ffe12b
permissions -rw-r--r--
Bug 1326511 - Enable brace-style and no-multi-spaces eslint rules for toolkit. r=MattN MozReview-Commit-ID: FuVu8skcqOe

<!DOCTYPE HTML>
<html>
<head>
  <title>Video controls test</title>
  <script type="text/javascript" src="chrome://mochikit/content/tests/SimpleTest/SimpleTest.js"></script>
  <script type="text/javascript" src="chrome://mochikit/content/tests/SimpleTest/EventUtils.js"></script>
  <script type="text/javascript" src="head.js"></script>
  <link rel="stylesheet" type="text/css" href="/tests/SimpleTest/test.css" />
</head>
<body>
<p id="display"></p>

<div id="content">
  <video id="video" controls mozNoDynamicControls preload="auto"></video>
</div>

<pre id="test">
<script class="testbody" type="text/javascript">

SimpleTest.waitForExplicitFinish();
var video = document.getElementById("video");

function startMediaLoad() {
  // Kick off test once video has loaded, in its canplaythrough event handler.
  video.src = "seek_with_sound.ogg";
  video.addEventListener("canplaythrough", runTest, false);
}

function loadevent(event) {
  SpecialPowers.pushPrefEnv({"set": [["media.cache_size", 40000]]}, startMediaLoad);
}

window.addEventListener("load", loadevent, false);

function runTest() {
  video.addEventListener("click", function() {
    this.play();
  });
  ok(video.paused, "video should be paused initially");

  new Promise(resolve => {
    let timeupdates = 0;
    video.addEventListener("timeupdate", function timeupdate() {
      ok(!video.paused, "video should not get paused after clicking in middle");

      if (++timeupdates == 3) {
        video.removeEventListener("timeupdate", timeupdate);
        resolve();
      }
    });

    synthesizeMouseAtCenter(video, {}, window);
  }).then(function() {
    new Promise(resolve => {
      video.addEventListener("pause", function onpause() {
        setTimeout(() => {
          ok(video.paused, "video should still be paused 200ms after pause request");
          // When the video reaches the end of playback it is automatically paused.
          // Check during the pause event that the video has not reachd the end
          // of playback.
          ok(!video.ended, "video should not have paused due to playback ending");
          resolve();
        }, 200);
      });

      synthesizeMouse(video, 10, video.clientHeight - 10, {}, window);
    }).then(SimpleTest.finish);
  });
}

</script>
</pre>
</body>
</html>