forked from mirrors/gecko-dev
adfd0409b4
Automatic update from web-platform-tests Invalidate :fullscreen using invalidation sets. Invalidation was done for :-webkit-full-screen, but not the standardized :fullscreen pseudo class. Issue created for making :-webkit-full-screen an alias: 1085151 Bug: 1082663 Change-Id: I17ce7da26158fe6ea37c02241938861658960f84 Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/2209217 Reviewed-by: Xiaocheng Hu <xiaochengh@chromium.org> Commit-Queue: Rune Lillesveen <futhark@chromium.org> Cr-Commit-Position: refs/heads/master@{#770799} -- wpt-commits: a75fa468ae3c614bc98b838719786e37dee2528d wpt-pr: 23716
28 lines
987 B
HTML
28 lines
987 B
HTML
<!DOCTYPE html>
|
|
<title>Invalidate :fullscreen based style</title>
|
|
<script src="/resources/testharness.js"></script>
|
|
<script src="/resources/testharnessreport.js"></script>
|
|
<script src="/resources/testdriver.js"></script>
|
|
<script src="/resources/testdriver-vendor.js"></script>
|
|
<style>
|
|
#pass {
|
|
color: red;
|
|
}
|
|
:root:fullscreen #pass {
|
|
color: green;
|
|
}
|
|
</style>
|
|
<div id="pass">Should be green</div>
|
|
<script>
|
|
async_test(t => {
|
|
document.onfullscreenchange = t.step_func_done(() => {
|
|
assert_equals(document.fullscreenElement, document.documentElement);
|
|
assert_equals(getComputedStyle(pass).color, "rgb(0, 128, 0)", "Green when :root is fullscreened.");
|
|
});
|
|
document.documentElement.addEventListener('click', t.step_func(() => {
|
|
document.documentElement.requestFullscreen();
|
|
}), {once: true});
|
|
assert_equals(getComputedStyle(pass).color, "rgb(255, 0, 0)", "Initially red.");
|
|
test_driver.click(document.documentElement);
|
|
});
|
|
</script>
|