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

Update web-platform-tests to revision b'b6f6bf16fe6069aed53d28af86a79b8ff4963844'

Browse source
This commit is contained in:
WPT Sync Bot 2023-02-15 01:36:04 +00:00
parent 0720f4f736
commit 8bfdc02dd8
590 changed files with 11442 additions and 3709 deletions
Download patch file Download diff file Expand all files Collapse all files

15
tests/wpt/web-platform-tests/css/css-masking/clip-path/clip-path-on-fixed-position-scroll-ref.html Normal file
View file

@ -0,0 +1,15 @@
<!DOCTYPE html>
<style>
.ref {
height: 100px;
width: 100px;
background: green;
}
</style>
<div style="height: 800px"></div>
<div class="ref"></div>
<script>
onload = () => {
window.scrollTo(0, 800);
};
</script>

35
tests/wpt/web-platform-tests/css/css-masking/clip-path/clip-path-on-fixed-position-scroll.html Normal file
View file

@ -0,0 +1,35 @@
<!DOCTYPE html>
<title>CSS Masking: Test out-of-view clip-path above fixed-position element scrolled into view</title>
<link rel="help" href="http://www.w3.org/TR/css-masking-1/#clipping-paths">
<link rel="help" href="https://www.w3.org/TR/css-position-3/#fixed-position">
<link rel="help" href="https://crbug.com/1400107">
<link rel="match" href="clip-path-on-fixed-position-scroll-ref.html">
<style>
div {
width: 100px;
height: 100px;
}
.clip {
clip-path: inset(0);
}
.fixed {
position: fixed;
background: red;
z-index: -1;
bottom: 0;
}
.green {
position: relative;
background: green;
}
</style>
<div style="height: 800px">Scroll to the bottom. </div>
<div class="clip">
<div class="fixed"></div>
<div class="green"></div>
</div>
<script>
onload = () => {
window.scrollTo(0, 400);
};
</script>

22
tests/wpt/web-platform-tests/css/css-masking/parsing/mask-valid.sub.html
View file

@ -8,6 +8,7 @@
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="/css/support/parsing-testcommon.js"></script>
<script src="/css/support/shorthand-testcommon.js"></script>
</head>
<body>
<script>
@ -60,6 +61,27 @@ test_valid_value('mask', 'intersect no-clip space round 1px 2px / contain view-b
// To avoid unnecessarily losing test coverage, keep one of the test cases from back then.
test_valid_value('mask', 'none alpha', 'alpha');
test_shorthand_value('mask', 'none', {
'mask-image': 'none',
'mask-position': '0%',
'mask-size': 'auto',
'mask-repeat': 'repeat',
'mask-origin': 'border-box',
'mask-clip': 'border-box',
'mask-composite': 'add',
'mask-mode': 'match-source',
})
test_shorthand_value('mask', 'none, linear-gradient(to left bottom, red, blue) padding-box', {
'mask-image': 'none, linear-gradient(to left bottom, red, blue)',
'mask-position': '0%, 0%',
'mask-size': 'auto, auto',
'mask-repeat': 'repeat, repeat',
'mask-origin': 'border-box, padding-box',
'mask-clip': 'border-box, padding-box',
'mask-composite': 'add, add',
'mask-mode': 'match-source, match-source',
})
</script>
</body>
</html>