Mirrors/servo
1
0
Fork 0
mirror of https://github.com/servo/servo.git synced 2025-08-15 18:35: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>

5
tests/wpt/web-platform-tests/css/css-masking/mask-svg-content/reference/mask-text-001-ref.svg
View file

@ -1,8 +1,9 @@
<svg xmlns="http://www.w3.org/2000/svg" xmlns:html="http://www.w3.org/1999/xhtml">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:html="http://www.w3.org/1999/xhtml"
width="100px" height="100px">
<g id="testmeta">
<title>CSS Masking: Reftest reference</title>
<html:link rel="author" title="Dirk Schulze" href="mailto:dschulze@adobe.com"/>
<metadata class="flags">svg</metadata>
</g>
<text fill="#000" font-family="Ahem" font-size="12px" transform="rotate(90 50 50)" x="50" y="50">foobar</text>
</svg>
</svg>

Side by side Swipe Overlay

Before

Width:  |  Height:  |  Size: 391 B

After

Width:  |  Height:  |  Size: 426 B

Before After
Before After