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

Update CSS tests to revision 31d63cc79bd4c929ed582229e936d7b389f3e6ab

Browse source
This commit is contained in:
James Graham 2015-03-27 09:18:12 +00:00
parent 1a81b18b9f
commit 2c9faf5363
91915 changed files with 5979820 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

138
tests/wpt/css-tests/css-masking-1_dev/html/chapter-6.htm Normal file
View file

@ -0,0 +1,138 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
<html>
<head>
<title>SVG Clipping Path Sources - CSS Masking Level 1 CR Test Suite</title>
<style type="text/css">
@import "http://www.w3.org/StyleSheets/TR/base.css";
@import "../indices.css";
</style>
</head>
<body>
<h1>CSS Masking Level 1 CR Test Suite</h1>
<h2>SVG Clipping Path Sources (6 tests)</h2>
<table width="100%">
<col id="test-column">
<col id="refs-column">
<col id="flags-column">
<col id="info-column">
<thead>
<tr>
<th>Test</th>
<th><abbr title="Rendering References">Refs</abbr></th>
<th>Flags</th>
<th>Info</th>
</tr>
</thead>
<tbody id="s6">
<tr><th colspan="4" scope="rowgroup">
<a href="#s6">+</a>
<a href="http://www.w3.org/TR/css-masking-1/#svg-clipping-paths">6 SVG Clipping Path Sources</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s6.1">
<tr><th colspan="4" scope="rowgroup">
<a href="#s6.1">+</a>
<a href="http://www.w3.org/TR/css-masking-1/#ClipPathElement">6.1 The clipPath element</a></th></tr>
<!-- 6 tests -->
<tr id="clip-path-element-userspaceonuse-001-6.1" class="">
<td>
<a href="clip-path-element-userSpaceOnUse-001.htm">clip-path-element-userspaceonuse-001</a></td>
<td><a href="reference/clip-path-rectangle-ref.htm">=</a> </td>
<td></td>
<td>CSS Masking: Test clip-path property and external clipPath reference with userSpaceOnUse - 1
<ul class="assert">
<li>The clip-path property takes an external reference to a clipPath element for clipping. On pass you should see a green box.</li>
</ul>
</td>
</tr>
<tr id="clip-path-element-userspaceonuse-002-6.1" class="">
<td>
<a href="clip-path-element-userSpaceOnUse-002.htm">clip-path-element-userspaceonuse-002</a></td>
<td><a href="reference/clip-path-rectangle-ref.htm">=</a> </td>
<td></td>
<td>CSS Masking: Test clip-path property and external clipPath reference with userSpaceOnUse - 2
<ul class="assert">
<li>The clip-path property takes an reference to a clipPath element for clipping. On pass you should see a green with a blue border.</li>
</ul>
</td>
</tr>
<tr id="clip-path-element-userspaceonuse-003-6.1" class="">
<td>
<a href="clip-path-element-userSpaceOnUse-003.htm">clip-path-element-userspaceonuse-003</a></td>
<td><a href="reference/clip-path-ref-right-green-ref.htm">=</a> </td>
<td></td>
<td>CSS Masking: Test clip-path property and external clipPath reference with userSpaceOnUse with percentage - 1
<ul class="assert">
<li>The clip-path property takes a reference to a clipPath element for clipping. Percentage values are relative to the viewport for userSpaceOnUse on clipPathUnits. On pass the left half of the site is white and the right half of the site is blue.</li>
</ul>
</td>
</tr>
<tr id="clip-path-element-userspaceonuse-004-6.1" class="">
<td>
<a href="clip-path-element-userSpaceOnUse-004.htm">clip-path-element-userspaceonuse-004</a></td>
<td><a href="reference/clip-path-ref-bottom-green-ref.htm">=</a> </td>
<td></td>
<td>CSS Masking: Test clip-path property and external clipPath reference with userSpaceOnUse with percentage - 2
<ul class="assert">
<li>The clip-path property takes a reference to a clipPath element for clipping. Percentage values are relative to the viewport for userSpaceOnUse on clipPathUnits. On pass the top half of the site is white and the bottom half of the site is green.</li>
</ul>
</td>
</tr>
<tr id="clip-rule-001-6.1" class="">
<td>
<a href="clip-rule-001.htm">clip-rule-001</a></td>
<td><a href="reference/clip-rule-rectangle-border-ref.htm">=</a> </td>
<td></td>
<td>CSS Masking: Test clip-rule property on polygon clip rule evenodd
<ul class="assert">
<li>The clipPath element takes the basic shape 'polygon' for clipping. The point list for the polygon creates a 'whole' with the dimension of the background. With the clip rule 'evenodd', this whole is clipped out. The clipping makes the green background of the parent div box visible. On pass you should see a green box with a blue border.</li>
</ul>
</td>
</tr>
<tr id="clip-rule-002-6.1" class="">
<td>
<a href="clip-rule-002.htm">clip-rule-002</a></td>
<td><a href="reference/clip-rule-rectangle-border-ref.htm">=</a> </td>
<td></td>
<td>CSS Masking: Test clip-rule property on polygon clip rule nonzero
<ul class="assert">
<li>The clipPath element takes the basic shape 'polygon' for clipping. The point list for the polygon creates a 'whole' with the dimension of the background. With the clip rule 'nonzero', this whole is clipped out. The clipping makes the green background of the parent div box visible. On pass you should see a green box with a blue border.</li>
</ul>
</td>
</tr>
</tbody>
<tbody id="s6.1.#element-attrdef-clippathunits">
<!-- 0 tests -->
</tbody>
<tbody id="s6.1.#elementdef-clippath">
<!-- 0 tests -->
</tbody>
<tbody id="s6.1.#valuedef-objectboundingbox0">
<!-- 0 tests -->
</tbody>
<tbody id="s6.1.#valuedef-userspaceonuse0">
<!-- 0 tests -->
</tbody>
<tbody id="s6.2">
<tr><th colspan="4" scope="rowgroup">
<a href="#s6.2">+</a>
<a href="http://www.w3.org/TR/css-masking-1/#the-clip-rule">6.2 Winding Rules: the clip-rule property</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s6.2.#propdef-clip-rule">
<!-- 0 tests -->
</tbody>
<tbody id="s6.2.#valuedef-evenodd">
<!-- 0 tests -->
</tbody>
<tbody id="s6.2.#valuedef-nonzero">
<!-- 0 tests -->
</tbody>
</table>
</body>
</html>