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

Update web-platform-tests to revision e29e596073468910d8655a8ec23262f17543e147

Browse source
This commit is contained in:
WPT Sync Bot 2018-10-03 21:30:54 -04:00
parent e56db1f322
commit 5e2118728a
67 changed files with 1403 additions and 821 deletions
Download patch file Download diff file Expand all files Collapse all files

27
tests/wpt/web-platform-tests/css/css-masking/clip-path/clip-path-inline-001.html Normal file
View file

@ -0,0 +1,27 @@
<!DOCTYPE html>
<title>clip-path on inline, horizontal-tb writing-mode</title>
<link rel="author" title="Morten Stenshorne" href="mstensho@chromium.org">
<link rel="help" href="https://www.w3.org/TR/css-masking-1/#the-clip-path" title="5.1 Clipping Shape: the clip-path property">
<link rel="match" href="../../reference/ref-filled-green-100px-square.xht">
<meta content="ahem" name="flags">
<style>
.container {
writing-mode: horizontal-tb;
font: 100px/1 Ahem;
line-height: 100px;
color: red;
}
.container::first-letter {
color:green;
}
.container > span {
clip-path: polygon(0% 0%, 50% 0%, 50% 100%, 0% 100%);
}
</style>
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
<div class="container">
<span>
XX<br>
XXX
</span>
</div>

28
tests/wpt/web-platform-tests/css/css-masking/clip-path/clip-path-inline-002.html Normal file
View file

@ -0,0 +1,28 @@
<!DOCTYPE html>
<title>clip-path on inline, vertical-rl writing-mode</title>
<link rel="author" title="Morten Stenshorne" href="mstensho@chromium.org">
<link rel="help" href="https://www.w3.org/TR/css-masking-1/#the-clip-path" title="5.1 Clipping Shape: the clip-path property">
<link rel="match" href="../../reference/ref-filled-green-100px-square.xht">
<meta content="ahem" name="flags">
<style>
.container {
writing-mode: vertical-rl;
margin-left: -100px;
font: 100px/1 Ahem;
line-height: 100px;
color: red;
}
.container::first-letter {
color:green;
}
.container > span {
clip-path: polygon(0% 0%, 100% 0%, 100% 50%, 0% 50%);
}
</style>
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
<div class="container">
<span>
XX<br>
XXX
</span>
</div>

27
tests/wpt/web-platform-tests/css/css-masking/clip-path/clip-path-inline-003.html Normal file
View file

@ -0,0 +1,27 @@
<!DOCTYPE html>
<title>clip-path on inline, vertical-lr writing-mode</title>
<link rel="author" title="Morten Stenshorne" href="mstensho@chromium.org">
<link rel="help" href="https://www.w3.org/TR/css-masking-1/#the-clip-path" title="5.1 Clipping Shape: the clip-path property">
<link rel="match" href="../../reference/ref-filled-green-100px-square.xht">
<meta content="ahem" name="flags">
<style>
.container {
writing-mode: vertical-lr;
font: 100px/1 Ahem;
line-height: 100px;
color: red;
}
.container::first-letter {
color:green;
}
.container > span {
clip-path: polygon(0% 0%, 100% 0%, 100% 50%, 0% 50%);
}
</style>
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
<div class="container">
<span>
XX<br>
XXX
</span>
</div>