forked from web-platform-tests/wpt
-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
Intermittent /css/css-contain/content-visibility/content-visibility-a…
…uto-state-changed-first-observation.html Differential Revision: https://phabricator.services.mozilla.com/D198602 bugzilla-url: https://bugzilla.mozilla.org/show_bug.cgi?id=1806930 gecko-commit: 5cb6a4cd6ed23323def840d1ac4d938f2c11b982 gecko-reviewers: fredw
- Loading branch information
1 parent
c0ff725
commit 21bce1f
Showing
1 changed file
with
46 additions
and
0 deletions.
There are no files selected for viewing
46 changes: 46 additions & 0 deletions
46
css/css-contain/content-visibility/content-visibility-with-top-layer-008.html
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Original file line number | Diff line number | Diff line change |
---|---|---|
@@ -0,0 +1,46 @@ | ||
<!doctype html> | ||
<meta charset="utf8"> | ||
<title>CSS Content Visibility: Contentvisibilityautostatechange fires once when c-v auto's dialog ancestor show</title> | ||
<link rel="author" title="Cathie Chen" href="mailto:[email protected]"> | ||
<link rel="help" href="https://drafts.csswg.org/css-contain/#content-visibility"> | ||
<meta name="assert" content="Contentvisibilityautostatechange fires once when c-v auto's dialog ancestor show"> | ||
|
||
<script src="/resources/testharness.js"></script> | ||
<script src="/resources/testharnessreport.js"></script> | ||
<script src="/common/rendering-utils.js"></script> | ||
|
||
<style> | ||
#inner { | ||
content-visibility: auto; | ||
contain-intrinsic-size: 100px 100px; | ||
} | ||
</style> | ||
|
||
<dialog id="dialog"> | ||
<div id="inner"> | ||
<div style="height: 200px; width: 200px;">content</div> | ||
</div> | ||
<div id="spacer" style="height: 100000px;"></div> | ||
</dialog> | ||
|
||
<script> | ||
promise_test(async () => { | ||
let count = 0; | ||
inner.addEventListener("contentvisibilityautostatechange", (e) => { | ||
count++; | ||
}); | ||
|
||
dialog.show(); | ||
// getBoundingClientRect shouldn't trigger "contentvisibilityautostatechange", because the proximity to the viewport is not determined now. | ||
inner.getBoundingClientRect().height; | ||
|
||
// It takes at least one frame to determine the proximity to the viewport. | ||
await waitForAtLeastOneFrame(); | ||
// getBoundingClientRect should trigger "contentvisibilityautostatechange" now. | ||
inner.getBoundingClientRect().height; | ||
|
||
await waitForAtLeastOneFrame(); | ||
assert_equals(count, 1); | ||
dialog.close(); | ||
}, "Contentvisibilityautostatechange fires once when c-v auto's dialog ancestor show()"); | ||
</script> |