summaryrefslogtreecommitdiffstats
path: root/toolkit/components/pictureinpicture/tests/browser_mediaStreamVideos.js
blob: 46b36a3a6e862056bbc698013649742ae095a327 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
/* Any copyright is dedicated to the Public Domain.
   http://creativecommons.org/publicdomain/zero/1.0/ */

"use strict";

/**
 * This test checks that the media stream video format has functional
 * support for PiP
 */
add_task(async function test_mediaStreamVideos() {
  await testToggle(
    TEST_ROOT + "test-media-stream.html",
    {
      "with-controls": { canToggle: true },
      "no-controls": { canToggle: true },
    },
    async browser => {
      await SpecialPowers.spawn(browser, [], async () => {
        // Construct a new video element, and capture a stream from it
        // to redirect to both testing videos. Create the captureStreams after
        // we have metadata so tracks are immediately available, but wait with
        // playback until the setup is done.

        function logEvent(element, ev) {
          element.addEventListener(ev, () =>
            info(
              `${element.id} got event ${ev}. currentTime=${element.currentTime}`
            )
          );
        }

        const newVideo = content.document.createElement("video");
        newVideo.id = "new-video";
        newVideo.src = "test-video.mp4";
        newVideo.preload = "auto";
        logEvent(newVideo, "timeupdate");
        logEvent(newVideo, "ended");
        content.document.body.appendChild(newVideo);
        await ContentTaskUtils.waitForEvent(newVideo, "loadedmetadata");

        const mediastreamPlayingPromises = [];
        for (let videoID of ["with-controls", "no-controls"]) {
          const testedVideo = content.document.createElement("video");
          testedVideo.id = videoID;
          testedVideo.srcObject = newVideo.mozCaptureStream();
          testedVideo.play();
          mediastreamPlayingPromises.push(
            new Promise(r => (testedVideo.onplaying = r))
          );
          content.document.body.prepend(testedVideo);
        }

        await newVideo.play();
        await Promise.all(mediastreamPlayingPromises);
        newVideo.pause();
      });
    }
  );
});