summaryrefslogtreecommitdiffstats
path: root/toolkit/components/pictureinpicture/tests/browser_toggleOnInsertedVideo.js
blob: 36172feeb4aa8e3b9de6439a946aab3c0e693054 (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
/* Any copyright is dedicated to the Public Domain.
 * http://creativecommons.org/publicdomain/zero/1.0/ */

"use strict";

/**
 * Tests that the Picture-in-Picture toggle correctly attaches itself when the
 * video element has been inserted into the DOM after the video is ready to
 * play.
 */
add_task(async () => {
  const PAGE = TEST_ROOT + "test-page.html";

  await testToggle(
    PAGE,
    {
      inserted: { canToggle: true },
    },
    async browser => {
      await SpecialPowers.spawn(browser, [], async () => {
        let doc = content.document;

        // To avoid issues with the video not being scrolled into view, get
        // rid of the other videos on the page.
        let preExistingVideos = doc.querySelectorAll("video");
        for (let video of preExistingVideos) {
          video.remove();
        }

        let newVideo = doc.createElement("video");
        const { ContentTaskUtils } = ChromeUtils.importESModule(
          "resource://testing-common/ContentTaskUtils.sys.mjs"
        );
        let ready = ContentTaskUtils.waitForEvent(newVideo, "canplay");
        newVideo.src = "test-video.mp4";
        newVideo.id = "inserted";
        await ready;
        doc.body.appendChild(newVideo);
      });
    }
  );
});