<!DOCTYPE HTML>
<html>
<head>
  <script type="application/javascript" src="mediaStreamPlayback.js"></script>
</head>
<body>
<pre id="test">
<script type="application/javascript">
  createHTML({
    title: "getUserMedia Basic Windowshare Test",
    bug: "1038926"
  });
  /**
   * Run a test to verify that we can complete a start and stop media playback
   * cycle for an screenshare MediaStream on a video HTMLMediaElement.
   */
  runTest(async function () {
    const testVideo = createMediaElement('video', 'testVideo');
    const constraints = {
      video: { mediaSource: "window" },
    };

    try {
      await getUserMedia(constraints);
      ok(false, "Should require user gesture");
    } catch (e) {
      is(e.name, "InvalidStateError");
    }

    SpecialPowers.wrap(document).notifyUserGestureActivation();
    const stream = await getUserMedia(constraints);
    const playback = new MediaStreamPlayback(testVideo, stream);
    return playback.playMedia(false);
  });

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