Mirrors/servo
1
0
Fork 0
mirror of https://github.com/servo/servo.git synced 2025-08-28 00:28:20 +01:00
Code Issues Projects Releases Packages Wiki Activity

Update web-platform-tests to revision 9ca57e052ba1b19fa3dd46c6aa656e8d529469a8

Browse source
This commit is contained in:
WPT Sync Bot 2020-09-12 08:20:19 +00:00
parent 68cb8f3d59
commit 75d6484415
1377 changed files with 31062 additions and 16983 deletions
Download patch file Download diff file Expand all files Collapse all files

4
tests/wpt/web-platform-tests/css/css-masking/clip-path/clip-path-rotated-will-change-transform-ref.html Normal file
View file

@ -0,0 +1,4 @@
<!DOCTYPE html>
<div style="transform: rotate(45deg); width: 200px; height: 200px; will-change: transform">
<div style="position: relative; top: 30px; left: 30px; width: 140px; height: 140px; background: green"></div>
</div>

11
tests/wpt/web-platform-tests/css/css-masking/clip-path/clip-path-rotated-will-change-transform.html Normal file
View file

@ -0,0 +1,11 @@
<!DOCTYPE html>
<title>Clip Path: should be correctly rotated by transform with will-change:transform</title>
<link rel="help" href="http://www.w3.org/TR/css-masking-1/#the-clip-path">
<link rel="match" href="clip-path-rotated-will-change-transform-ref.html">
<style>div { width: 200px; height: 200px; position: absolute; }</style>
<div style="transform: rotate(45deg); clip-path: inset(31px)">
<div style="will-change: transform; background: red"></div>
</div>
<div style="transform: rotate(45deg); will-change: transform">
<div style="top: 30px; left: 30px; width: 140px; height: 140px; background: green"></div>
</div>

4
tests/wpt/web-platform-tests/css/css-masking/clip/clip-no-stacking-context-ref.html Normal file
View file

@ -0,0 +1,4 @@
<!DOCTYPE html>
<meta charset="utf-8">
<p>Expected: A green box with no red visible.</p>
<div style="width: 100px; height: 100px; background: green;"></div>

36
tests/wpt/web-platform-tests/css/css-masking/clip/clip-no-stacking-context.html Normal file
View file

@ -0,0 +1,36 @@
<!DOCTYPE html>
<meta charset="utf-8">
<title>Clip does not create a stacking context</title>
<link rel="help" href="https://drafts.fxtf.org/css-masking-1/#propdef-clip">
<link rel="match" href="clip-no-stacking-context-ref.html">
<link rel="author" title="Philip Rogers" href="mailto:pdr@chromium.org">
<style>
#bottom {
position: absolute;
width: 100px;
height: 100px;
background: red;
z-index: 1;
}
#clip {
position: absolute;
clip: rect(0px, 100px, 100px, 0px);
}
#top {
position: absolute;
width: 100px;
height: 100px;
background: green;
z-index: 3;
}
</style>
<p>Expected: A green box with no red visible.</p>
<div id="bottom"></div>
<!-- If #clip creates a stacking context, it will be below #bottom (which has a
higher z-index) which will force #top to be below #bottom as well. This
should not happen because #clip should not create a stacking context. -->
<div id="clip">
<div id="top"></div>
</div>