mirror of
https://github.com/mozilla/gecko-dev.git
synced 2025-11-11 21:58:41 +02:00
78d6dc6bad
Automatic update from web-platform-tests Fix flakiness of external/wpt/css/css-position/z-index-blend-will-change-overlapping-layers.html Use reftest-wait to avoid the test finishing too early. Change-Id: I2f568e1b4fe55eccec9f07012d7c7f8f6b66fd15 Reviewed-on: https://chromium-review.googlesource.com/c/1491135 Auto-Submit: Xianzhu Wang <wangxianzhu@chromium.org> Reviewed-by: Xianzhu Wang <wangxianzhu@chromium.org> Reviewed-by: Philip Rogers <pdr@chromium.org> Commit-Queue: Philip Rogers <pdr@chromium.org> Cr-Commit-Position: refs/heads/master@{#636069} -- wpt-commits: 347653b608c3f36d9313feed45c2b9c20e161fa8 wpt-pr: 15578
25 lines
1.1 KiB
HTML
25 lines
1.1 KiB
HTML
<!DOCTYPE html>
|
|
<html class="reftest-wait">
|
|
<title>z-index, will-change, mix-blend-mode on overlapping layers</title>
|
|
<link rel="match" href="z-index-blend-will-change-overlapping-layers-ref.html">
|
|
<link rel="help" href="https://www.w3.org/TR/CSS2/visuren.html#propdef-z-index">
|
|
<link rel="help" href="https://drafts.csswg.org/css-will-change/#will-change">
|
|
<link rel="help" href="https://www.w3.org/TR/compositing-1/#mix-blend-mode">
|
|
<meta name="assert" content="Tests z-index, will-change and mix-blend-mode on overlapping layers.
|
|
Passes if there is a green bar when the page is scrolled to the bottom.">
|
|
<script src="/common/reftest-wait.js"></script>
|
|
<div style="z-index: 1; position: relative; height: 100vh">
|
|
<div style="mix-blend-mode: multiply"></div>
|
|
<div style="will-change: transform; position: absolute; bottom: -100px; width: 100px; height: 100px; background: red">
|
|
</div>
|
|
</div>
|
|
<div style="z-index: 1; position: relative; background: green; height: 100px"></div>
|
|
<script>
|
|
requestAnimationFrame(()=>{
|
|
requestAnimationFrame(()=>{
|
|
window.scrollBy(0, 100);
|
|
takeScreenshot();
|
|
});
|
|
});
|
|
</script>
|
|
</html>
|