mirror of
https://github.com/HeyPuter/firefox.git
synced 2026-11-13 20:14:57 -10:00
Anne van Kesteren
023b1fd223
Automatic update from web-platform-tests fullscreen/rendering/backdrop-object.html continues to be flaky The problem is that test_driver.bless creates a button and presses on it, but that button might be shifted due to the <object> loading while the press is happening. An additional issue is that the fullscreen animation might not have finished by the time fullscreenchange fires so we want a couple of additional frames there. -- wpt-commits: eab63d2473f1a0fa91e1bd2ecd36c2fe5edd9a1c wpt-pr: 58434
33 lines
1010 B
HTML
33 lines
1010 B
HTML
<!DOCTYPE html>
|
|
<html class=reftest-wait>
|
|
<title>::backdrop for a fullscreen object element</title>
|
|
<link rel=match href="backdrop-object-ref.html">
|
|
<link rel=help href="https://github.com/w3c/csswg-drafts/issues/6939">
|
|
<script src="/resources/testdriver.js"></script>
|
|
<script src="/resources/testdriver-vendor.js"></script>
|
|
|
|
<style>
|
|
object::backdrop {
|
|
background: blue;
|
|
}
|
|
object {
|
|
object-position: 0 0;
|
|
}
|
|
</style>
|
|
<object width="200" type="image/svg+xml"></object>
|
|
|
|
<script>
|
|
const object = document.querySelector("object");
|
|
|
|
document.addEventListener("fullscreenchange", async () => {
|
|
// Await fullscreen animation. It seems to always be done within 3 frames.
|
|
await new Promise(requestAnimationFrame);
|
|
await new Promise(requestAnimationFrame);
|
|
await new Promise(requestAnimationFrame);
|
|
document.documentElement.classList.remove('reftest-wait');
|
|
});
|
|
|
|
object.onload = () => test_driver.bless('fullscreen', () => object.requestFullscreen());
|
|
object.data = "/images/100px-green-rect.svg";
|
|
</script>
|