forked from mirrors/gecko-dev
6a96b612b6
Backed out changeset 61a4022333fa (bug 1556854) Backed out changeset cfd809c63877 (bug 1556854) Backed out changeset 057cc9878594 (bug 1556854) Backed out changeset 0f02ff8a5c67 (bug 1556854) Backed out changeset 8719996c65b3 (bug 1556854)
50 lines
1.4 KiB
HTML
50 lines
1.4 KiB
HTML
<!DOCTYPE HTML>
|
|
<html>
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>Test cloneElementVisually</title>
|
|
<script src="/tests/SimpleTest/SimpleTest.js"></script>
|
|
<script type="application/javascript" src="https://example.com:443/tests/dom/media/test/cloneElementVisually_helpers.js"></script>
|
|
<link rel="stylesheet" type="text/css" href="/tests/SimpleTest/test.css">
|
|
</head>
|
|
<body>
|
|
<div id="content">
|
|
<h1>Original</h1>
|
|
<video id="original"></video>
|
|
<h1>Clone</h1>
|
|
</div>
|
|
<div id="results">
|
|
<h1>Results</h1>
|
|
<canvas id="left"></canvas>
|
|
<canvas id="right"></canvas>
|
|
</div>
|
|
|
|
<script type="application/javascript">
|
|
|
|
/**
|
|
* Test that when we start cloning a paused video, the clone displays
|
|
* the first paused frame.
|
|
*/
|
|
add_task(async () => {
|
|
await setup();
|
|
|
|
let originalVideo = document.getElementById("original");
|
|
const POSTER_URL = "https://example.com:443/tests/dom/media/test/poster-test.jpg";
|
|
originalVideo.setAttribute("poster", POSTER_URL);
|
|
|
|
await withNewClone(originalVideo, async clone => {
|
|
SpecialPowers.wrap(originalVideo).cloneElementVisually(clone);
|
|
await originalVideo.play();
|
|
await waitForEventOnce(originalVideo, "timeupdate");
|
|
originalVideo.pause();
|
|
await waitForEventOnce(originalVideo, "pause");
|
|
|
|
ok(await assertVideosMatch(originalVideo, clone),
|
|
"Video with a poster should clone properly.");
|
|
});
|
|
});
|
|
|
|
</script>
|
|
|
|
</body>
|
|
</html>
|