зеркало из https://github.com/mozilla/gecko-dev.git
Bug 1699848 [wpt PR 28157] - Prepare web_tests for Paint Holding Cross Origin, a=testonly
Automatic update from web-platform-tests Prepare web_tests for Paint Holding Cross Origin The Paint Holding Cross Origin feature extends Paint Holding to most navigations. Paint Holding defers the first commit of rendering data from the main thread to the compositor until after First Contentful Paint, or a 500ms timeout, has occurred. For web_tests there are issues with starting scroll animations before the commit. So modify those tests a little to paint something. This also fixes issues with css/css-animations/nested-scale-animations.html. It's behavior is slightly different for some reason. Bug: 1120158 Change-Id: I62c5e1533d4682488cfd5c29c1a0b47a77642135 Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/2773733 Auto-Submit: Stephen Chenney <schenney@chromium.org> Commit-Queue: Xianzhu Wang <wangxianzhu@chromium.org> Reviewed-by: Xianzhu Wang <wangxianzhu@chromium.org> Cr-Commit-Position: refs/heads/master@{#864960} -- wpt-commits: ab413549353f83e00e0e88a993b5d37b33088cce wpt-pr: 28157
This commit is contained in:
Stephen Chenney
moz-wptsync-bot
Родитель
075953b0d2
Коммит
0de48ed9f9
|
|
@ -1,4 +1,4 @@
|
|||
<!DOCTYPE html>
|
||||
<div style="width: 200px; height: 95px; background: blue"></div>
|
||||
<div style="height: 10px"></div>
|
||||
<div style="width: 200px; height: 95px; background: green"></div>
|
||||
<div style="width: 200px; height: 90px; background: blue"></div>
|
||||
<div style="height: 20px"></div>
|
||||
<div style="width: 200px; height: 90px; background: green"></div>
|
||||
|
|
|
|||
|
|
@ -24,13 +24,13 @@
|
|||
<div style="width: 200px; height: 200px; overflow: hidden; position: relative">
|
||||
<div class="animate">
|
||||
<div class="animate">
|
||||
<div style="width: 2px; height: 1px; background: blue"></div>
|
||||
<div style="width: 2px; height: 1px; background: blue; color: blue">Some content</div>
|
||||
<div style="width: 2px; height: 1px; background: green"></div>
|
||||
</div>
|
||||
</div>
|
||||
<!-- To mask off the pixels that may be blurry/antialiased while the rendering
|
||||
quality is acceptable. -->
|
||||
<div style="position: absolute; top: 95px; left: 0; width: 200px; height: 10px; background: white"></div>
|
||||
<div style="position: absolute; top: 90px; left: 0; width: 200px; height: 20px; background: white"></div>
|
||||
</div>
|
||||
<script>
|
||||
takeScreenshotDelayed(200);
|
||||
|
|
|
|||
|
|
@ -8,11 +8,12 @@
|
|||
height: 100px;
|
||||
background-color: rgb(0, 200, 0);
|
||||
transition: background-color 200000ms steps(2) -99995ms;
|
||||
color: rgba(100, 100, 0, 0);
|
||||
}
|
||||
</style>
|
||||
<script src="/common/reftest-wait.js"></script>
|
||||
<body>
|
||||
<div class="container" id="target"></div>
|
||||
<div class="container" id="target">Hidden text</div>
|
||||
|
||||
<script>
|
||||
// This test differs from "one-element-transition.html" because it runs the
|
||||
|
|
|
|||
|
|
@ -29,7 +29,7 @@ body {
|
|||
}
|
||||
</style>
|
||||
|
||||
<div id="sticky"></div>
|
||||
<div id="sticky">This is a sticky element!</div>
|
||||
|
||||
<script>
|
||||
promise_test(async () => {
|
||||
|
|
|
|||
|
|
@ -38,7 +38,7 @@ interface">
|
|||
<div id="box"></div>
|
||||
<div id="covered"></div>
|
||||
<div id="scroller">
|
||||
<div id="contents"></div>
|
||||
<div id="contents"><p>Scrolling Contents</p></div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
|
|
|
|||
|
|
@ -40,7 +40,7 @@
|
|||
<div id="box"></div>
|
||||
<div id="covered"></div>
|
||||
<div id="scroller">
|
||||
<div id="contents"></div>
|
||||
<div id="contents"><p>Scrolling Contents</p></div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
|
|
|
|||
|
|
@ -25,7 +25,7 @@
|
|||
</style>
|
||||
|
||||
<div id="box"></div>
|
||||
<div id="covered"></div>
|
||||
<div id="covered"><p>Covered Contents</p></div>
|
||||
|
||||
<script>
|
||||
window.addEventListener('load', function() {
|
||||
|
|
|
|||
|
|
@ -29,7 +29,7 @@
|
|||
</style>
|
||||
|
||||
<div id="box"></div>
|
||||
<div id="covered"></div>
|
||||
<div id="covered"><p>Covered Contents</p></div>
|
||||
|
||||
<script>
|
||||
const box = document.getElementById('box');
|
||||
|
|
|
|||
|
|
@ -36,7 +36,7 @@
|
|||
<div id="box"></div>
|
||||
<div id="covered"></div>
|
||||
<div id="scroller">
|
||||
<div id="contents"></div>
|
||||
<div id="contents"><p>Scrolling Contents</p></div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
|
|
|
|||
|
|
@ -19,6 +19,7 @@ layout changes on percentage-based scroll offset">
|
|||
width: 100px;
|
||||
height: 100px;
|
||||
background-color: red;
|
||||
color: red;
|
||||
}
|
||||
|
||||
#scroller {
|
||||
|
|
@ -43,7 +44,7 @@ layout changes on percentage-based scroll offset">
|
|||
</style>
|
||||
|
||||
<div id="box"></div>
|
||||
<div id="covered"></div>
|
||||
<div id="covered">Scrolling Test</div>
|
||||
<div id="scroller">
|
||||
<div id="contents"></div>
|
||||
<div id="spacer" class="invisible"></div>
|
||||
|
|
|
|||
|
|
@ -37,7 +37,7 @@
|
|||
<div id="box"></div>
|
||||
<div id="covered"></div>
|
||||
<div id="scroller">
|
||||
<div id="contents"></div>
|
||||
<div id="contents"><p>Scrolling Contents</p></div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
|
|
|
|||
|
|
@ -37,7 +37,7 @@ drive two animations">
|
|||
<div id="box"></div>
|
||||
<div id="covered"></div>
|
||||
<div id="scroller">
|
||||
<div id="contents"></div>
|
||||
<div id="contents"><p>Scrolling Contents</p></div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
|
|
|
|||
Загрузка…
Ссылка в новой задаче