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

Update CSS tests to revision 7d0ff6117ee51720c307ea24d413d13eb5abf3e6

Browse source
This commit is contained in:
Ms2ger 2016-03-01 16:08:43 +01:00
parent 40c52d55e2
commit 349c75536d
7391 changed files with 304135 additions and 153491 deletions
Download patch file Download diff file Expand all files Collapse all files

6
tests/wpt/css-tests/css-masking-1_dev/xhtml1print/chapter-1.xht
View file

@ -30,13 +30,13 @@
<tbody id="s1">
<tr><th colspan="4" scope="rowgroup">
<a href="#s1">+</a>
<a href="http://www.w3.org/TR/css-masking-1/#intro">1 Introduction</a></th></tr>
<a href="https://www.w3.org/TR/css-masking-1/#intro">1 Introduction</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s1.1">
<tr><th colspan="4" scope="rowgroup">
<a href="#s1.1">+</a>
<a href="http://www.w3.org/TR/css-masking-1/#clipping">1.1 Clipping</a></th></tr>
<a href="https://www.w3.org/TR/css-masking-1/#clipping">1.1 Clipping</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s1.1.#clipping-path">
@ -45,7 +45,7 @@
<tbody id="s1.2">
<tr><th colspan="4" scope="rowgroup">
<a href="#s1.2">+</a>
<a href="http://www.w3.org/TR/css-masking-1/#masking0">1.2 Masking</a></th></tr>
<a href="https://www.w3.org/TR/css-masking-1/#masking0">1.2 Masking</a></th></tr>
<!-- 0 tests -->
</tbody>
</table>

2
tests/wpt/css-tests/css-masking-1_dev/xhtml1print/chapter-10.xht
View file

@ -30,7 +30,7 @@
<tbody id="s10">
<tr><th colspan="4" scope="rowgroup">
<a href="#s10">+</a>
<a href="http://www.w3.org/TR/css-masking-1/#security">10 Security</a></th></tr>
<a href="https://www.w3.org/TR/css-masking-1/#security">10 Security</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s.#abstract">

2
tests/wpt/css-tests/css-masking-1_dev/xhtml1print/chapter-2.xht
View file

@ -30,7 +30,7 @@
<tbody id="s2">
<tr><th colspan="4" scope="rowgroup">
<a href="#s2">+</a>
<a href="http://www.w3.org/TR/css-masking-1/#placement">2 Module interactions</a></th></tr>
<a href="https://www.w3.org/TR/css-masking-1/#placement">2 Module interactions</a></th></tr>
<!-- 0 tests -->
</tbody>
</table>

2
tests/wpt/css-tests/css-masking-1_dev/xhtml1print/chapter-3.xht
View file

@ -30,7 +30,7 @@
<tbody id="s3">
<tr><th colspan="4" scope="rowgroup">
<a href="#s3">+</a>
<a href="http://www.w3.org/TR/css-masking-1/#values">3 Values</a></th></tr>
<a href="https://www.w3.org/TR/css-masking-1/#values">3 Values</a></th></tr>
<!-- 0 tests -->
</tbody>
</table>

2
tests/wpt/css-tests/css-masking-1_dev/xhtml1print/chapter-4.xht
View file

@ -30,7 +30,7 @@
<tbody id="s4">
<tr><th colspan="4" scope="rowgroup">
<a href="#s4">+</a>
<a href="http://www.w3.org/TR/css-masking-1/#terminology">4 Terminology</a></th></tr>
<a href="https://www.w3.org/TR/css-masking-1/#terminology">4 Terminology</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s4.#mask-position">

322
tests/wpt/css-tests/css-masking-1_dev/xhtml1print/chapter-5.xht
View file

@ -30,11 +30,11 @@
<tbody id="s5">
<tr><th colspan="4" scope="rowgroup">
<a href="#s5">+</a>
<a href="http://www.w3.org/TR/css-masking-1/#clipping-paths">5 Clipping Paths</a></th></tr>
<a href="https://www.w3.org/TR/css-masking-1/#clipping-paths">5 Clipping Paths</a></th></tr>
<!-- 53 tests -->
<tr id="clip-absolute-positioned-001-5" class="primary">
<td><strong>
<a href="clip-absolute-positioned-001.xht">clip-absolute-positioned-001</a></strong></td>
<tr id="clip-absolute-positioned-001-5" class="">
<td>
<a href="clip-absolute-positioned-001.xht">clip-absolute-positioned-001</a></td>
<td><a href="reference/clip-absolute-positioned-ref.xht">=</a> </td>
<td></td>
<td>CSS Masking: Test clip property and rect function on div with position: absolute
@ -43,9 +43,9 @@
</ul>
</td>
</tr>
<tr id="clip-absolute-positioned-002-5" class="primary">
<td><strong>
<a href="clip-absolute-positioned-002.xht">clip-absolute-positioned-002</a></strong></td>
<tr id="clip-absolute-positioned-002-5" class="">
<td>
<a href="clip-absolute-positioned-002.xht">clip-absolute-positioned-002</a></td>
<td><a href="reference/clip-absolute-positioned-ref.xht">=</a> </td>
<td></td>
<td>CSS Masking: Test clip property and rect function on div with position: fixed
@ -54,9 +54,9 @@
</ul>
</td>
</tr>
<tr id="clip-negative-values-001-5" class="primary">
<td><strong>
<a href="clip-negative-values-001.xht">clip-negative-values-001</a></strong></td>
<tr id="clip-negative-values-001-5" class="">
<td>
<a href="clip-negative-values-001.xht">clip-negative-values-001</a></td>
<td><a href="reference/clip-full-ref.xht">=</a> </td>
<td></td>
<td>CSS Masking: Test clip property does not clip on with negative values - 1
@ -65,9 +65,9 @@
</ul>
</td>
</tr>
<tr id="clip-negative-values-002-5" class="primary">
<td><strong>
<a href="clip-negative-values-002.xht">clip-negative-values-002</a></strong></td>
<tr id="clip-negative-values-002-5" class="">
<td>
<a href="clip-negative-values-002.xht">clip-negative-values-002</a></td>
<td><a href="reference/clip-full-ref.xht">=</a> </td>
<td></td>
<td>CSS Masking: Test clip property does not clip on with negative values - 2
@ -76,9 +76,9 @@
</ul>
</td>
</tr>
<tr id="clip-negative-values-003-5" class="primary">
<td><strong>
<a href="clip-negative-values-003.xht">clip-negative-values-003</a></strong></td>
<tr id="clip-negative-values-003-5" class="">
<td>
<a href="clip-negative-values-003.xht">clip-negative-values-003</a></td>
<td><a href="reference/clip-vertical-stripe-ref.xht">=</a> </td>
<td></td>
<td>CSS Masking: Test clip property does not clip on with negative values - 3
@ -87,9 +87,9 @@
</ul>
</td>
</tr>
<tr id="clip-negative-values-004-5" class="primary">
<td><strong>
<a href="clip-negative-values-004.xht">clip-negative-values-004</a></strong></td>
<tr id="clip-negative-values-004-5" class="">
<td>
<a href="clip-negative-values-004.xht">clip-negative-values-004</a></td>
<td><a href="reference/clip-horizontal-stripe-ref.xht">=</a> </td>
<td></td>
<td>CSS Masking: Test clip property does not clip on with negative values - 4
@ -98,9 +98,9 @@
</ul>
</td>
</tr>
<tr id="clip-no-clipping-001-5" class="primary">
<td><strong>
<a href="clip-no-clipping-001.xht">clip-no-clipping-001</a></strong></td>
<tr id="clip-no-clipping-001-5" class="">
<td>
<a href="clip-no-clipping-001.xht">clip-no-clipping-001</a></td>
<td><a href="reference/clip-no-clipping-ref.xht">=</a> </td>
<td></td>
<td>CSS Masking: Test clip property does not clip on 'auto'
@ -109,9 +109,9 @@
</ul>
</td>
</tr>
<tr id="clip-no-clipping-002-5" class="primary">
<td><strong>
<a href="clip-no-clipping-002.xht">clip-no-clipping-002</a></strong></td>
<tr id="clip-no-clipping-002-5" class="">
<td>
<a href="clip-no-clipping-002.xht">clip-no-clipping-002</a></td>
<td><a href="reference/clip-no-clipping-ref.xht">=</a> </td>
<td></td>
<td>CSS Masking: Test clip property does not clip overflowing content on 'auto'.
@ -120,9 +120,9 @@
</ul>
</td>
</tr>
<tr id="clip-not-absolute-positioned-001-5" class="primary">
<td><strong>
<a href="clip-not-absolute-positioned-001.xht">clip-not-absolute-positioned-001</a></strong></td>
<tr id="clip-not-absolute-positioned-001-5" class="">
<td>
<a href="clip-not-absolute-positioned-001.xht">clip-not-absolute-positioned-001</a></td>
<td><a href="reference/clip-no-clipping-ref.xht">=</a> </td>
<td></td>
<td>CSS Masking: Test clip property and rect function on not absolutely positioned div - 1
@ -131,9 +131,9 @@
</ul>
</td>
</tr>
<tr id="clip-not-absolute-positioned-002-5" class="primary">
<td><strong>
<a href="clip-not-absolute-positioned-002.xht">clip-not-absolute-positioned-002</a></strong></td>
<tr id="clip-not-absolute-positioned-002-5" class="">
<td>
<a href="clip-not-absolute-positioned-002.xht">clip-not-absolute-positioned-002</a></td>
<td><a href="reference/clip-no-clipping-ref.xht">=</a> </td>
<td></td>
<td>CSS Masking: Test clip property and rect function on not absolutely positioned div - 2
@ -142,9 +142,9 @@
</ul>
</td>
</tr>
<tr id="clip-not-absolute-positioned-003-5" class="primary">
<td><strong>
<a href="clip-not-absolute-positioned-003.xht">clip-not-absolute-positioned-003</a></strong></td>
<tr id="clip-not-absolute-positioned-003-5" class="">
<td>
<a href="clip-not-absolute-positioned-003.xht">clip-not-absolute-positioned-003</a></td>
<td><a href="reference/clip-no-clipping-ref.xht">=</a> </td>
<td></td>
<td>CSS Masking: Test clip property and rect function on not absolutely positioned div - 3
@ -153,9 +153,9 @@
</ul>
</td>
</tr>
<tr id="clip-not-absolute-positioned-004-5" class="primary">
<td><strong>
<a href="clip-not-absolute-positioned-004.xht">clip-not-absolute-positioned-004</a></strong></td>
<tr id="clip-not-absolute-positioned-004-5" class="">
<td>
<a href="clip-not-absolute-positioned-004.xht">clip-not-absolute-positioned-004</a></td>
<td><a href="reference/clip-no-clipping-ref.xht">=</a> </td>
<td></td>
<td>CSS Masking: Test clip property and rect function on not absolutely positioned div - 4
@ -164,9 +164,9 @@
</ul>
</td>
</tr>
<tr id="clip-path-circle-001-5" class="primary">
<td><strong>
<a href="clip-path-circle-001.xht">clip-path-circle-001</a></strong></td>
<tr id="clip-path-circle-001-5" class="">
<td>
<a href="clip-path-circle-001.xht">clip-path-circle-001</a></td>
<td><a href="reference/clip-path-circle-ref.xht">=</a> </td>
<td></td>
<td>CSS Masking: Test clip-path property and circle function with absolute values
@ -175,9 +175,9 @@
</ul>
</td>
</tr>
<tr id="clip-path-circle-002-5" class="primary">
<td><strong>
<a href="clip-path-circle-002.xht">clip-path-circle-002</a></strong></td>
<tr id="clip-path-circle-002-5" class="">
<td>
<a href="clip-path-circle-002.xht">clip-path-circle-002</a></td>
<td><a href="reference/clip-path-circle-ref.xht">=</a> </td>
<td></td>
<td>CSS Masking: Test clip-path property and circle function with percentage values
@ -186,9 +186,9 @@
</ul>
</td>
</tr>
<tr id="clip-path-circle-003-5" class="primary">
<td><strong>
<a href="clip-path-circle-003.xht">clip-path-circle-003</a></strong></td>
<tr id="clip-path-circle-003-5" class="">
<td>
<a href="clip-path-circle-003.xht">clip-path-circle-003</a></td>
<td><a href="reference/clip-path-circle-ref.xht">=</a> </td>
<td></td>
<td>CSS Masking: Test clip-path property and circle function with percentage radius
@ -197,9 +197,9 @@
</ul>
</td>
</tr>
<tr id="clip-path-circle-004-5" class="primary">
<td><strong>
<a href="clip-path-circle-004.xht">clip-path-circle-004</a></strong></td>
<tr id="clip-path-circle-004-5" class="">
<td>
<a href="clip-path-circle-004.xht">clip-path-circle-004</a></td>
<td><a href="reference/clip-path-circle-ref.xht">=</a> </td>
<td></td>
<td>CSS Masking: Test clip-path property and circle function with percentage position
@ -208,9 +208,9 @@
</ul>
</td>
</tr>
<tr id="clip-path-circle-005-5" class="primary">
<td><strong>
<a href="clip-path-circle-005.xht">clip-path-circle-005</a></strong></td>
<tr id="clip-path-circle-005-5" class="">
<td>
<a href="clip-path-circle-005.xht">clip-path-circle-005</a></td>
<td><a href="reference/clip-path-circle-ref.xht">=</a> </td>
<td></td>
<td>CSS Masking: Test clip-path property and circle function with closest-side
@ -219,9 +219,9 @@
</ul>
</td>
</tr>
<tr id="clip-path-circle-006-5" class="primary">
<td><strong>
<a href="clip-path-circle-006.xht">clip-path-circle-006</a></strong></td>
<tr id="clip-path-circle-006-5" class="">
<td>
<a href="clip-path-circle-006.xht">clip-path-circle-006</a></td>
<td><a href="reference/clip-path-circle-ref.xht">=</a> </td>
<td></td>
<td>CSS Masking: Test clip-path property and circle function with farthest-side
@ -230,9 +230,9 @@
</ul>
</td>
</tr>
<tr id="clip-path-circle-007-5" class="primary">
<td><strong>
<a href="clip-path-circle-007.xht">clip-path-circle-007</a></strong></td>
<tr id="clip-path-circle-007-5" class="">
<td>
<a href="clip-path-circle-007.xht">clip-path-circle-007</a></td>
<td><a href="reference/clip-path-circle-2-ref.xht">=</a> </td>
<td></td>
<td>CSS Masking: Test clip-path property and circle with closest-side on rectangular div 1
@ -241,9 +241,9 @@
</ul>
</td>
</tr>
<tr id="clip-path-circle-008-5" class="primary">
<td><strong>
<a href="clip-path-circle-008.xht">clip-path-circle-008</a></strong></td>
<tr id="clip-path-circle-008-5" class="">
<td>
<a href="clip-path-circle-008.xht">clip-path-circle-008</a></td>
<td><a href="reference/clip-path-circle-3-ref.xht">=</a> </td>
<td></td>
<td>CSS Masking: Test clip-path property and circle with closest-side on rectangular div 2
@ -252,9 +252,9 @@
</ul>
</td>
</tr>
<tr id="clip-path-element-userspaceonuse-001-5" class="primary">
<td><strong>
<a href="clip-path-element-userSpaceOnUse-001.xht">clip-path-element-userspaceonuse-001</a></strong></td>
<tr id="clip-path-element-userspaceonuse-001-5" class="">
<td>
<a href="clip-path-element-userSpaceOnUse-001.xht">clip-path-element-userspaceonuse-001</a></td>
<td><a href="reference/clip-path-rectangle-ref.xht">=</a> </td>
<td></td>
<td>CSS Masking: Test clip-path property and external clipPath reference with userSpaceOnUse - 1
@ -263,9 +263,9 @@
</ul>
</td>
</tr>
<tr id="clip-path-element-userspaceonuse-002-5" class="primary">
<td><strong>
<a href="clip-path-element-userSpaceOnUse-002.xht">clip-path-element-userspaceonuse-002</a></strong></td>
<tr id="clip-path-element-userspaceonuse-002-5" class="">
<td>
<a href="clip-path-element-userSpaceOnUse-002.xht">clip-path-element-userspaceonuse-002</a></td>
<td><a href="reference/clip-path-rectangle-ref.xht">=</a> </td>
<td></td>
<td>CSS Masking: Test clip-path property and external clipPath reference with userSpaceOnUse - 2
@ -274,9 +274,9 @@
</ul>
</td>
</tr>
<tr id="clip-path-element-userspaceonuse-003-5" class="primary">
<td><strong>
<a href="clip-path-element-userSpaceOnUse-003.xht">clip-path-element-userspaceonuse-003</a></strong></td>
<tr id="clip-path-element-userspaceonuse-003-5" class="">
<td>
<a href="clip-path-element-userSpaceOnUse-003.xht">clip-path-element-userspaceonuse-003</a></td>
<td><a href="reference/clip-path-ref-right-green-ref.xht">=</a> </td>
<td></td>
<td>CSS Masking: Test clip-path property and external clipPath reference with userSpaceOnUse with percentage - 1
@ -285,9 +285,9 @@
</ul>
</td>
</tr>
<tr id="clip-path-element-userspaceonuse-004-5" class="primary">
<td><strong>
<a href="clip-path-element-userSpaceOnUse-004.xht">clip-path-element-userspaceonuse-004</a></strong></td>
<tr id="clip-path-element-userspaceonuse-004-5" class="">
<td>
<a href="clip-path-element-userSpaceOnUse-004.xht">clip-path-element-userspaceonuse-004</a></td>
<td><a href="reference/clip-path-ref-bottom-green-ref.xht">=</a> </td>
<td></td>
<td>CSS Masking: Test clip-path property and external clipPath reference with userSpaceOnUse with percentage - 2
@ -296,9 +296,9 @@
</ul>
</td>
</tr>
<tr id="clip-path-ellipse-001-5" class="primary">
<td><strong>
<a href="clip-path-ellipse-001.xht">clip-path-ellipse-001</a></strong></td>
<tr id="clip-path-ellipse-001-5" class="">
<td>
<a href="clip-path-ellipse-001.xht">clip-path-ellipse-001</a></td>
<td><a href="reference/clip-path-ellipse-ref.xht">=</a> </td>
<td></td>
<td>CSS Masking: Test clip-path property and ellipse function with absolute values
@ -307,9 +307,9 @@
</ul>
</td>
</tr>
<tr id="clip-path-ellipse-002-5" class="primary">
<td><strong>
<a href="clip-path-ellipse-002.xht">clip-path-ellipse-002</a></strong></td>
<tr id="clip-path-ellipse-002-5" class="">
<td>
<a href="clip-path-ellipse-002.xht">clip-path-ellipse-002</a></td>
<td><a href="reference/clip-path-ellipse-ref.xht">=</a> </td>
<td></td>
<td>CSS Masking: Test clip-path property and ellipse function with percentage values
@ -318,9 +318,9 @@
</ul>
</td>
</tr>
<tr id="clip-path-ellipse-003-5" class="primary">
<td><strong>
<a href="clip-path-ellipse-003.xht">clip-path-ellipse-003</a></strong></td>
<tr id="clip-path-ellipse-003-5" class="">
<td>
<a href="clip-path-ellipse-003.xht">clip-path-ellipse-003</a></td>
<td><a href="reference/clip-path-circle-ref.xht">=</a> </td>
<td></td>
<td>CSS Masking: Test clip-path property and ellipse function with percentage values on square
@ -329,9 +329,9 @@
</ul>
</td>
</tr>
<tr id="clip-path-ellipse-004-5" class="primary">
<td><strong>
<a href="clip-path-ellipse-004.xht">clip-path-ellipse-004</a></strong></td>
<tr id="clip-path-ellipse-004-5" class="">
<td>
<a href="clip-path-ellipse-004.xht">clip-path-ellipse-004</a></td>
<td><a href="reference/clip-path-ellipse-ref.xht">=</a> </td>
<td></td>
<td>CSS Masking: Test clip-path property and ellipse function with different absolute values on square
@ -340,9 +340,9 @@
</ul>
</td>
</tr>
<tr id="clip-path-ellipse-005-5" class="primary">
<td><strong>
<a href="clip-path-ellipse-005.xht">clip-path-ellipse-005</a></strong></td>
<tr id="clip-path-ellipse-005-5" class="">
<td>
<a href="clip-path-ellipse-005.xht">clip-path-ellipse-005</a></td>
<td><a href="reference/clip-path-ellipse-ref.xht">=</a> </td>
<td></td>
<td>CSS Masking: Test clip-path property and ellipse function with different percentage values on square
@ -351,9 +351,9 @@
</ul>
</td>
</tr>
<tr id="clip-path-ellipse-006-5" class="primary">
<td><strong>
<a href="clip-path-ellipse-006.xht">clip-path-ellipse-006</a></strong></td>
<tr id="clip-path-ellipse-006-5" class="">
<td>
<a href="clip-path-ellipse-006.xht">clip-path-ellipse-006</a></td>
<td><a href="reference/clip-path-circle-ref.xht">=</a> </td>
<td></td>
<td>CSS Masking: Test clip-path property and ellipse function with absolute values
@ -362,9 +362,9 @@
</ul>
</td>
</tr>
<tr id="clip-path-ellipse-007-5" class="primary">
<td><strong>
<a href="clip-path-ellipse-007.xht">clip-path-ellipse-007</a></strong></td>
<tr id="clip-path-ellipse-007-5" class="">
<td>
<a href="clip-path-ellipse-007.xht">clip-path-ellipse-007</a></td>
<td><a href="reference/clip-path-ellipse-ref.xht">=</a> </td>
<td></td>
<td>CSS Masking: Test clip-path property and ellipse function with no arguments
@ -373,9 +373,9 @@
</ul>
</td>
</tr>
<tr id="clip-path-ellipse-008-5" class="primary">
<td><strong>
<a href="clip-path-ellipse-008.xht">clip-path-ellipse-008</a></strong></td>
<tr id="clip-path-ellipse-008-5" class="">
<td>
<a href="clip-path-ellipse-008.xht">clip-path-ellipse-008</a></td>
<td><a href="reference/clip-path-ellipse-ref.xht">=</a> </td>
<td></td>
<td>CSS Masking: Test clip-path property and ellipse function with 50% 50%
@ -384,9 +384,9 @@
</ul>
</td>
</tr>
<tr id="clip-path-polygon-001-5" class="primary">
<td><strong>
<a href="clip-path-polygon-001.xht">clip-path-polygon-001</a></strong></td>
<tr id="clip-path-polygon-001-5" class="">
<td>
<a href="clip-path-polygon-001.xht">clip-path-polygon-001</a></td>
<td><a href="reference/clip-path-rectangle-ref.xht">=</a> </td>
<td></td>
<td>CSS Masking: Test clip-path property and polygon function with absolute values
@ -395,9 +395,9 @@
</ul>
</td>
</tr>
<tr id="clip-path-polygon-002-5" class="primary">
<td><strong>
<a href="clip-path-polygon-002.xht">clip-path-polygon-002</a></strong></td>
<tr id="clip-path-polygon-002-5" class="">
<td>
<a href="clip-path-polygon-002.xht">clip-path-polygon-002</a></td>
<td><a href="reference/clip-path-rectangle-ref.xht">=</a> </td>
<td></td>
<td>CSS Masking: Test clip-path property and polygon function with percentage values
@ -406,9 +406,9 @@
</ul>
</td>
</tr>
<tr id="clip-path-polygon-003-5" class="primary">
<td><strong>
<a href="clip-path-polygon-003.xht">clip-path-polygon-003</a></strong></td>
<tr id="clip-path-polygon-003-5" class="">
<td>
<a href="clip-path-polygon-003.xht">clip-path-polygon-003</a></td>
<td><a href="reference/clip-path-rectangle-ref.xht">=</a> </td>
<td></td>
<td>CSS Masking: Test clip-path property and polygon function with absolute and percentage values
@ -417,9 +417,9 @@
</ul>
</td>
</tr>
<tr id="clip-path-polygon-004-5" class="primary">
<td><strong>
<a href="clip-path-polygon-004.xht">clip-path-polygon-004</a></strong></td>
<tr id="clip-path-polygon-004-5" class="">
<td>
<a href="clip-path-polygon-004.xht">clip-path-polygon-004</a></td>
<td><a href="reference/clip-path-rectangle-border-ref.xht">=</a> </td>
<td></td>
<td>CSS Masking: Test clip-path property and polygon function with fill rule evenodd
@ -428,9 +428,9 @@
</ul>
</td>
</tr>
<tr id="clip-path-polygon-005-5" class="primary">
<td><strong>
<a href="clip-path-polygon-005.xht">clip-path-polygon-005</a></strong></td>
<tr id="clip-path-polygon-005-5" class="">
<td>
<a href="clip-path-polygon-005.xht">clip-path-polygon-005</a></td>
<td><a href="reference/clip-path-rectangle-border-ref.xht">=</a> </td>
<td></td>
<td>CSS Masking: Test clip-path property and polygon function with fill rule nonzero
@ -439,9 +439,9 @@
</ul>
</td>
</tr>
<tr id="clip-path-polygon-006-5" class="primary">
<td><strong>
<a href="clip-path-polygon-006.xht">clip-path-polygon-006</a></strong></td>
<tr id="clip-path-polygon-006-5" class="">
<td>
<a href="clip-path-polygon-006.xht">clip-path-polygon-006</a></td>
<td><a href="reference/clip-path-square-001-ref.xht">=</a> </td>
<td></td>
<td>CSS Masking: Test clip-path and polygon with padding-box
@ -450,9 +450,9 @@
</ul>
</td>
</tr>
<tr id="clip-path-polygon-007-5" class="primary">
<td><strong>
<a href="clip-path-polygon-007.xht">clip-path-polygon-007</a></strong></td>
<tr id="clip-path-polygon-007-5" class="">
<td>
<a href="clip-path-polygon-007.xht">clip-path-polygon-007</a></td>
<td><a href="reference/clip-path-stripes-001-ref.xht">=</a> </td>
<td></td>
<td>CSS Masking: Test clip-path and polygon with border-box
@ -461,9 +461,9 @@
</ul>
</td>
</tr>
<tr id="clip-path-polygon-008-5" class="primary">
<td><strong>
<a href="clip-path-polygon-008.xht">clip-path-polygon-008</a></strong></td>
<tr id="clip-path-polygon-008-5" class="">
<td>
<a href="clip-path-polygon-008.xht">clip-path-polygon-008</a></td>
<td><a href="reference/clip-path-stripes-002-ref.xht">=</a> </td>
<td></td>
<td>CSS Masking: Test clip-path and polygon with margin-box
@ -472,9 +472,9 @@
</ul>
</td>
</tr>
<tr id="clip-path-polygon-009-5" class="primary">
<td><strong>
<a href="clip-path-polygon-009.xht">clip-path-polygon-009</a></strong></td>
<tr id="clip-path-polygon-009-5" class="">
<td>
<a href="clip-path-polygon-009.xht">clip-path-polygon-009</a></td>
<td><a href="reference/clip-path-square-002-ref.xht">=</a> </td>
<td></td>
<td>CSS Masking: Test clip-path and polygon with content-box
@ -483,9 +483,9 @@
</ul>
</td>
</tr>
<tr id="clip-path-polygon-010-5" class="primary">
<td><strong>
<a href="clip-path-polygon-010.xht">clip-path-polygon-010</a></strong></td>
<tr id="clip-path-polygon-010-5" class="">
<td>
<a href="clip-path-polygon-010.xht">clip-path-polygon-010</a></td>
<td><a href="reference/clip-path-stripes-001-ref.xht">=</a> </td>
<td></td>
<td>CSS Masking: Test clip-path and polygon with fill-box
@ -494,9 +494,9 @@
</ul>
</td>
</tr>
<tr id="clip-path-polygon-011-5" class="primary">
<td><strong>
<a href="clip-path-polygon-011.xht">clip-path-polygon-011</a></strong></td>
<tr id="clip-path-polygon-011-5" class="">
<td>
<a href="clip-path-polygon-011.xht">clip-path-polygon-011</a></td>
<td><a href="reference/clip-path-stripes-001-ref.xht">=</a> </td>
<td></td>
<td>CSS Masking: Test clip-path and polygon with stroke-box
@ -505,9 +505,9 @@
</ul>
</td>
</tr>
<tr id="clip-path-polygon-012-5" class="primary">
<td><strong>
<a href="clip-path-polygon-012.xht">clip-path-polygon-012</a></strong></td>
<tr id="clip-path-polygon-012-5" class="">
<td>
<a href="clip-path-polygon-012.xht">clip-path-polygon-012</a></td>
<td><a href="reference/clip-path-stripes-001-ref.xht">=</a> </td>
<td></td>
<td>CSS Masking: Test clip-path and polygon with view-box
@ -516,9 +516,9 @@
</ul>
</td>
</tr>
<tr id="clip-path-polygon-013-5" class="primary">
<td><strong>
<a href="clip-path-polygon-013.xht">clip-path-polygon-013</a></strong></td>
<tr id="clip-path-polygon-013-5" class="">
<td>
<a href="clip-path-polygon-013.xht">clip-path-polygon-013</a></td>
<td><a href="reference/clip-path-stripes-003-ref.xht">=</a> </td>
<td></td>
<td>CSS Masking: Test clip-path and polygon different units
@ -527,9 +527,9 @@
</ul>
</td>
</tr>
<tr id="clip-rect-auto-001-5" class="primary">
<td><strong>
<a href="clip-rect-auto-001.xht">clip-rect-auto-001</a></strong></td>
<tr id="clip-rect-auto-001-5" class="">
<td>
<a href="clip-rect-auto-001.xht">clip-rect-auto-001</a></td>
<td><a href="reference/clip-overflow-hidden-ref.xht">=</a> </td>
<td></td>
<td>CSS Masking: Test clip property with rect function and auto values clip to border box - 1
@ -538,9 +538,9 @@
</ul>
</td>
</tr>
<tr id="clip-rect-auto-002-5" class="primary">
<td><strong>
<a href="clip-rect-auto-002.xht">clip-rect-auto-002</a></strong></td>
<tr id="clip-rect-auto-002-5" class="">
<td>
<a href="clip-rect-auto-002.xht">clip-rect-auto-002</a></td>
<td><a href="reference/clip-no-clipping-ref.xht">=</a> </td>
<td></td>
<td>CSS Masking: Test clip property with rect function and auto values clip to border box - 2
@ -549,9 +549,9 @@
</ul>
</td>
</tr>
<tr id="clip-rect-auto-003-5" class="primary">
<td><strong>
<a href="clip-rect-auto-003.xht">clip-rect-auto-003</a></strong></td>
<tr id="clip-rect-auto-003-5" class="">
<td>
<a href="clip-rect-auto-003.xht">clip-rect-auto-003</a></td>
<td><a href="reference/clip-rect-top-ref.xht">=</a> </td>
<td></td>
<td>CSS Masking: Test clip property with rect function and auto value for top value
@ -560,9 +560,9 @@
</ul>
</td>
</tr>
<tr id="clip-rect-auto-004-5" class="primary">
<td><strong>
<a href="clip-rect-auto-004.xht">clip-rect-auto-004</a></strong></td>
<tr id="clip-rect-auto-004-5" class="">
<td>
<a href="clip-rect-auto-004.xht">clip-rect-auto-004</a></td>
<td><a href="reference/clip-rect-right-ref.xht">=</a> </td>
<td></td>
<td>CSS Masking: Test clip property with rect function and auto value for right value
@ -571,9 +571,9 @@
</ul>
</td>
</tr>
<tr id="clip-rect-auto-005-5" class="primary">
<td><strong>
<a href="clip-rect-auto-005.xht">clip-rect-auto-005</a></strong></td>
<tr id="clip-rect-auto-005-5" class="">
<td>
<a href="clip-rect-auto-005.xht">clip-rect-auto-005</a></td>
<td><a href="reference/clip-rect-bottom-ref.xht">=</a> </td>
<td></td>
<td>CSS Masking: Test clip property with rect function and auto value for bottom value
@ -582,9 +582,9 @@
</ul>
</td>
</tr>
<tr id="clip-rect-auto-006-5" class="primary">
<td><strong>
<a href="clip-rect-auto-006.xht">clip-rect-auto-006</a></strong></td>
<tr id="clip-rect-auto-006-5" class="">
<td>
<a href="clip-rect-auto-006.xht">clip-rect-auto-006</a></td>
<td><a href="reference/clip-rect-left-ref.xht">=</a> </td>
<td></td>
<td>CSS Masking: Test clip property with rect function and auto value for left value
@ -593,9 +593,9 @@
</ul>
</td>
</tr>
<tr id="clip-rule-001-5" class="primary">
<td><strong>
<a href="clip-rule-001.xht">clip-rule-001</a></strong></td>
<tr id="clip-rule-001-5" class="">
<td>
<a href="clip-rule-001.xht">clip-rule-001</a></td>
<td><a href="reference/clip-rule-rectangle-border-ref.xht">=</a> </td>
<td></td>
<td>CSS Masking: Test clip-rule property on polygon clip rule evenodd
@ -604,9 +604,9 @@
</ul>
</td>
</tr>
<tr id="clip-rule-002-5" class="primary">
<td><strong>
<a href="clip-rule-002.xht">clip-rule-002</a></strong></td>
<tr id="clip-rule-002-5" class="">
<td>
<a href="clip-rule-002.xht">clip-rule-002</a></td>
<td><a href="reference/clip-rule-rectangle-border-ref.xht">=</a> </td>
<td></td>
<td>CSS Masking: Test clip-rule property on polygon clip rule nonzero
@ -622,7 +622,7 @@
<tbody id="s5.1">
<tr><th colspan="4" scope="rowgroup">
<a href="#s5.1">+</a>
<a href="http://www.w3.org/TR/css-masking-1/#the-clip-path">5.1 Clipping Shape: the clip-path property</a></th></tr>
<a href="https://www.w3.org/TR/css-masking-1/#the-clip-path">5.1 Clipping Shape: the clip-path property</a></th></tr>
<!-- 8 tests -->
<tr id="clip-path-circle-001-5.1" class="">
<td>

6
tests/wpt/css-tests/css-masking-1_dev/xhtml1print/chapter-6.xht
View file

@ -30,13 +30,13 @@
<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>
<a href="https://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>
<a href="https://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>
@ -120,7 +120,7 @@
<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>
<a href="https://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">

80
tests/wpt/css-tests/css-masking-1_dev/xhtml1print/chapter-7.xht
View file

@ -13,7 +13,7 @@
<body>
<h1>CSS Masking Level 1 CR Test Suite</h1>
<h2>Positioned Masks (1 tests)</h2>
<h2>Positioned Masks (5 tests)</h2>
<table width="100%">
<col id="test-column"></col>
<col id="refs-column"></col>
@ -30,13 +30,13 @@
<tbody id="s7">
<tr><th colspan="4" scope="rowgroup">
<a href="#s7">+</a>
<a href="http://www.w3.org/TR/css-masking-1/#masking">7 Positioned Masks</a></th></tr>
<a href="https://www.w3.org/TR/css-masking-1/#masking">7 Positioned Masks</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s7.1">
<tr><th colspan="4" scope="rowgroup">
<a href="#s7.1">+</a>
<a href="http://www.w3.org/TR/css-masking-1/#the-mask-image">7.1 Mask Image Source: the mask-image property</a></th></tr>
<a href="https://www.w3.org/TR/css-masking-1/#the-mask-image">7.1 Mask Image Source: the mask-image property</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s7.1.#mask-layer-image">
@ -57,7 +57,7 @@
<tbody id="s7.2">
<tr><th colspan="4" scope="rowgroup">
<a href="#s7.2">+</a>
<a href="http://www.w3.org/TR/css-masking-1/#the-mask-mode">7.2 Mask Image Interpretation: the mask-mode property</a></th></tr>
<a href="https://www.w3.org/TR/css-masking-1/#the-mask-mode">7.2 Mask Image Interpretation: the mask-mode property</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s7.2.#propdef-mask-mode">
@ -78,11 +78,11 @@
<tbody id="s7.3">
<tr><th colspan="4" scope="rowgroup">
<a href="#s7.3">+</a>
<a href="http://www.w3.org/TR/css-masking-1/#the-mask-repeat">7.3 Tiling Mask Images: The mask-repeat property</a></th></tr>
<a href="https://www.w3.org/TR/css-masking-1/#the-mask-repeat">7.3 Tiling Mask Images: The mask-repeat property</a></th></tr>
<!-- 1 tests -->
<tr id="test-mask-7.3" class="primary">
<td><strong>
<a href="test-mask.xht">test-mask</a></strong></td>
<tr id="test-mask-7.3" class="">
<td>
<a href="test-mask.xht">test-mask</a></td>
<td><a href="reference/test-mask-ref.xht">=</a> </td>
<td></td>
<td>CSS Masking: mask-repeat:round repeat;
@ -98,7 +98,7 @@
<tbody id="s7.4">
<tr><th colspan="4" scope="rowgroup">
<a href="#s7.4">+</a>
<a href="http://www.w3.org/TR/css-masking-1/#the-mask-position">7.4 Positioning Mask Images: the mask-position property</a></th></tr>
<a href="https://www.w3.org/TR/css-masking-1/#the-mask-position">7.4 Positioning Mask Images: the mask-position property</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s7.4.#propdef-mask-position">
@ -107,7 +107,7 @@
<tbody id="s7.5">
<tr><th colspan="4" scope="rowgroup">
<a href="#s7.5">+</a>
<a href="http://www.w3.org/TR/css-masking-1/#the-mask-clip">7.5 Masking Area: the mask-clip property</a></th></tr>
<a href="https://www.w3.org/TR/css-masking-1/#the-mask-clip">7.5 Masking Area: the mask-clip property</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s7.5.#mask-painting-area">
@ -143,7 +143,7 @@
<tbody id="s7.6">
<tr><th colspan="4" scope="rowgroup">
<a href="#s7.6">+</a>
<a href="http://www.w3.org/TR/css-masking-1/#the-mask-origin">7.6 Positioning Area: the mask-origin property</a></th></tr>
<a href="https://www.w3.org/TR/css-masking-1/#the-mask-origin">7.6 Positioning Area: the mask-origin property</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s7.6.#mask-positioning-area">
@ -176,7 +176,7 @@
<tbody id="s7.7">
<tr><th colspan="4" scope="rowgroup">
<a href="#s7.7">+</a>
<a href="http://www.w3.org/TR/css-masking-1/#the-mask-size">7.7 Sizing Mask Images: the mask-size property</a></th></tr>
<a href="https://www.w3.org/TR/css-masking-1/#the-mask-size">7.7 Sizing Mask Images: the mask-size property</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s7.7.#propdef-mask-size">
@ -185,8 +185,52 @@
<tbody id="s7.8">
<tr><th colspan="4" scope="rowgroup">
<a href="#s7.8">+</a>
<a href="http://www.w3.org/TR/css-masking-1/#the-mask-composite">7.8 Compositing mask layers: the mask-composite property</a></th></tr>
<!-- 0 tests -->
<a href="https://www.w3.org/TR/css-masking-1/#the-mask-composite">7.8 Compositing mask layers: the mask-composite property</a></th></tr>
<!-- 4 tests -->
<tr id="mask-composite-1a-7.8" class="">
<td>
<a href="mask-composite-1a.xht">mask-composite-1a</a></td>
<td><a href="reference/mask-composite-1-ref.xht">=</a> </td>
<td></td>
<td>CSS Masking: mask-composite: compose vector image
<ul class="assert">
<li>Test checks that vector-mask-image can be composed correctly by different mask-composite value.</li>
</ul>
</td>
</tr>
<tr id="mask-composite-1b-7.8" class="">
<td>
<a href="mask-composite-1b.xht">mask-composite-1b</a></td>
<td><a href="reference/mask-composite-1-ref.xht">=</a> </td>
<td></td>
<td>CSS Masking: mask-composite: compose raster image
<ul class="assert">
<li>Test checks that raster-mask-image can be composed correctly by different mask-composite value.</li>
</ul>
</td>
</tr>
<tr id="mask-composite-2a-7.8" class="">
<td>
<a href="mask-composite-2a.xht">mask-composite-2a</a></td>
<td><a href="reference/mask-composite-2-ref.xht">=</a> </td>
<td></td>
<td>CSS Masking: mask-composite: compose vector image
<ul class="assert">
<li>Test checks that vector-mask-image can be composed correctly by different mask-composite value.</li>
</ul>
</td>
</tr>
<tr id="mask-composite-2b-7.8" class="">
<td>
<a href="mask-composite-2b.xht">mask-composite-2b</a></td>
<td><a href="reference/mask-composite-2-ref.xht">=</a> </td>
<td></td>
<td>CSS Masking: mask-composite: compose raster image
<ul class="assert">
<li>Test checks that raster-mask-image can be composed correctly by different mask-composite value.</li>
</ul>
</td>
</tr>
</tbody>
<tbody id="s7.8.#destination">
<!-- 0 tests -->
@ -215,7 +259,7 @@
<tbody id="s7.9">
<tr><th colspan="4" scope="rowgroup">
<a href="#s7.9">+</a>
<a href="http://www.w3.org/TR/css-masking-1/#the-mask">7.9 Mask Shorthand: the mask property</a></th></tr>
<a href="https://www.w3.org/TR/css-masking-1/#the-mask">7.9 Mask Shorthand: the mask property</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s7.9.#propdef-mask">
@ -227,13 +271,13 @@
<tbody id="s7.10">
<tr><th colspan="4" scope="rowgroup">
<a href="#s7.10">+</a>
<a href="http://www.w3.org/TR/css-masking-1/#the-mask-image-rendering-model">7.10 The Mask Image Rendering Model</a></th></tr>
<a href="https://www.w3.org/TR/css-masking-1/#the-mask-image-rendering-model">7.10 The Mask Image Rendering Model</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s7.10.1">
<tr><th colspan="4" scope="rowgroup">
<a href="#s7.10.1">+</a>
<a href="http://www.w3.org/TR/css-masking-1/#MaskValues">7.10.1 Mask processing</a></th></tr>
<a href="https://www.w3.org/TR/css-masking-1/#MaskValues">7.10.1 Mask processing</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s7.10.1.#mask-image">
@ -242,7 +286,7 @@
<tbody id="s7.10.2">
<tr><th colspan="4" scope="rowgroup">
<a href="#s7.10.2">+</a>
<a href="http://www.w3.org/TR/css-masking-1/#layering">7.10.2 Layering Multiple Mask Images</a></th></tr>
<a href="https://www.w3.org/TR/css-masking-1/#layering">7.10.2 Layering Multiple Mask Images</a></th></tr>
<!-- 0 tests -->
</tbody>
</table>

18
tests/wpt/css-tests/css-masking-1_dev/xhtml1print/chapter-8.xht
View file

@ -30,13 +30,13 @@
<tbody id="s8">
<tr><th colspan="4" scope="rowgroup">
<a href="#s8">+</a>
<a href="http://www.w3.org/TR/css-masking-1/#mask-borders">8 Border-Box Mask</a></th></tr>
<a href="https://www.w3.org/TR/css-masking-1/#mask-borders">8 Border-Box Mask</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s8.1">
<tr><th colspan="4" scope="rowgroup">
<a href="#s8.1">+</a>
<a href="http://www.w3.org/TR/css-masking-1/#the-mask-border-source">8.1 Mask Border Image Source: the mask-border-source property</a></th></tr>
<a href="https://www.w3.org/TR/css-masking-1/#the-mask-border-source">8.1 Mask Border Image Source: the mask-border-source property</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s8.1.#mask-border-image">
@ -48,7 +48,7 @@
<tbody id="s8.2">
<tr><th colspan="4" scope="rowgroup">
<a href="#s8.2">+</a>
<a href="http://www.w3.org/TR/css-masking-1/#the-mask-border-mode">8.2 Mask Border Image Interpretation: the mask-border-mode property</a></th></tr>
<a href="https://www.w3.org/TR/css-masking-1/#the-mask-border-mode">8.2 Mask Border Image Interpretation: the mask-border-mode property</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s8.2.#propdef-mask-border-mode">
@ -63,7 +63,7 @@
<tbody id="s8.3">
<tr><th colspan="4" scope="rowgroup">
<a href="#s8.3">+</a>
<a href="http://www.w3.org/TR/css-masking-1/#the-mask-border-slice">8.3 Mask Border Image Slicing: the mask-border-slice property</a></th></tr>
<a href="https://www.w3.org/TR/css-masking-1/#the-mask-border-slice">8.3 Mask Border Image Slicing: the mask-border-slice property</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s8.3.#propdef-mask-border-slice">
@ -75,7 +75,7 @@
<tbody id="s8.4">
<tr><th colspan="4" scope="rowgroup">
<a href="#s8.4">+</a>
<a href="http://www.w3.org/TR/css-masking-1/#the-mask-border-width">8.4 Masking Areas: the mask-border-width property</a></th></tr>
<a href="https://www.w3.org/TR/css-masking-1/#the-mask-border-width">8.4 Masking Areas: the mask-border-width property</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s8.4.#mask-border-image-area">
@ -87,7 +87,7 @@
<tbody id="s8.5">
<tr><th colspan="4" scope="rowgroup">
<a href="#s8.5">+</a>
<a href="http://www.w3.org/TR/css-masking-1/#the-mask-border-outset">8.5 Edge Overhang: the mask-border-outset property</a></th></tr>
<a href="https://www.w3.org/TR/css-masking-1/#the-mask-border-outset">8.5 Edge Overhang: the mask-border-outset property</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s8.5.#propdef-mask-border-outset">
@ -96,7 +96,7 @@
<tbody id="s8.6">
<tr><th colspan="4" scope="rowgroup">
<a href="#s8.6">+</a>
<a href="http://www.w3.org/TR/css-masking-1/#the-mask-border-repeat">8.6 Mask Border Image Tiling: the mask-border-repeat property</a></th></tr>
<a href="https://www.w3.org/TR/css-masking-1/#the-mask-border-repeat">8.6 Mask Border Image Tiling: the mask-border-repeat property</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s8.6.#propdef-mask-border-repeat">
@ -105,7 +105,7 @@
<tbody id="s8.7">
<tr><th colspan="4" scope="rowgroup">
<a href="#s8.7">+</a>
<a href="http://www.w3.org/TR/css-masking-1/#the-mask-border">8.7 Mask Border Image Shorthand: the mask-border property</a></th></tr>
<a href="https://www.w3.org/TR/css-masking-1/#the-mask-border">8.7 Mask Border Image Shorthand: the mask-border property</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s8.7.#propdef-mask-border">
@ -114,7 +114,7 @@
<tbody id="s8.8">
<tr><th colspan="4" scope="rowgroup">
<a href="#s8.8">+</a>
<a href="http://www.w3.org/TR/css-masking-1/#masking-with-the-mask-border-image">8.8 Masking with the mask border image</a></th></tr>
<a href="https://www.w3.org/TR/css-masking-1/#masking-with-the-mask-border-image">8.8 Masking with the mask border image</a></th></tr>
<!-- 0 tests -->
</tbody>
</table>

6
tests/wpt/css-tests/css-masking-1_dev/xhtml1print/chapter-9.xht
View file

@ -30,13 +30,13 @@
<tbody id="s9">
<tr><th colspan="4" scope="rowgroup">
<a href="#s9">+</a>
<a href="http://www.w3.org/TR/css-masking-1/#svg-masks">9 SVG Mask Sources</a></th></tr>
<a href="https://www.w3.org/TR/css-masking-1/#svg-masks">9 SVG Mask Sources</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s9.1">
<tr><th colspan="4" scope="rowgroup">
<a href="#s9.1">+</a>
<a href="http://www.w3.org/TR/css-masking-1/#MaskElement">9.1 The mask element</a></th></tr>
<a href="https://www.w3.org/TR/css-masking-1/#MaskElement">9.1 The mask element</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s9.1.#element-attrdef-height">
@ -75,7 +75,7 @@
<tbody id="s9.2">
<tr><th colspan="4" scope="rowgroup">
<a href="#s9.2">+</a>
<a href="http://www.w3.org/TR/css-masking-1/#the-mask-type">9.2 Mask Source Interpretation: the mask-type property</a></th></tr>
<a href="https://www.w3.org/TR/css-masking-1/#the-mask-type">9.2 Mask Source Interpretation: the mask-type property</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="s9.2.#propdef-mask-type">

26
tests/wpt/css-tests/css-masking-1_dev/xhtml1print/chapter-A.xht
View file

@ -30,7 +30,7 @@
<tbody id="sA">
<tr><th colspan="4" scope="rowgroup">
<a href="#sA">+</a>
<a href="http://www.w3.org/TR/css-masking-1/#clip-property">A The deprecated clip property</a></th></tr>
<a href="https://www.w3.org/TR/css-masking-1/#clip-property">A The deprecated clip property</a></th></tr>
<!-- 22 tests -->
<tr id="clip-absolute-positioned-001-A" class="">
<td>
@ -230,9 +230,9 @@
</ul>
</td>
</tr>
<tr id="clip-rect-comma-001-A" class="primary">
<td><strong>
<a href="clip-rect-comma-001.xht">clip-rect-comma-001</a></strong></td>
<tr id="clip-rect-comma-001-A" class="">
<td>
<a href="clip-rect-comma-001.xht">clip-rect-comma-001</a></td>
<td><a href="reference/clip-absolute-positioned-ref.xht">=</a> </td>
<td></td>
<td>CSS Masking: Test comma separation of rect function on clip - no commas
@ -241,9 +241,9 @@
</ul>
</td>
</tr>
<tr id="clip-rect-comma-002-A" class="primary">
<td><strong>
<a href="clip-rect-comma-002.xht">clip-rect-comma-002</a></strong></td>
<tr id="clip-rect-comma-002-A" class="">
<td>
<a href="clip-rect-comma-002.xht">clip-rect-comma-002</a></td>
<td><a href="reference/clip-no-clipping-ref.xht">=</a> </td>
<td></td>
<td>CSS Masking: Test comma separation of rect function on clip - no comma between 1st and 2nd value
@ -252,9 +252,9 @@
</ul>
</td>
</tr>
<tr id="clip-rect-comma-003-A" class="primary">
<td><strong>
<a href="clip-rect-comma-003.xht">clip-rect-comma-003</a></strong></td>
<tr id="clip-rect-comma-003-A" class="">
<td>
<a href="clip-rect-comma-003.xht">clip-rect-comma-003</a></td>
<td><a href="reference/clip-no-clipping-ref.xht">=</a> </td>
<td></td>
<td>CSS Masking: Test comma separation of rect function on clip - no comma between 2nd and 3rd value
@ -263,9 +263,9 @@
</ul>
</td>
</tr>
<tr id="clip-rect-comma-004-A" class="primary">
<td><strong>
<a href="clip-rect-comma-004.xht">clip-rect-comma-004</a></strong></td>
<tr id="clip-rect-comma-004-A" class="">
<td>
<a href="clip-rect-comma-004.xht">clip-rect-comma-004</a></td>
<td><a href="reference/clip-no-clipping-ref.xht">=</a> </td>
<td></td>
<td>CSS Masking: Test comma separation of rect function on clip - no comma between 3rd and 4th value

2
tests/wpt/css-tests/css-masking-1_dev/xhtml1print/chapter-B.xht
View file

@ -30,7 +30,7 @@
<tbody id="sB">
<tr><th colspan="4" scope="rowgroup">
<a href="#sB">+</a>
<a href="http://www.w3.org/TR/css-masking-1/#compute-stroke-bounding-box">B Compute stroke bounding box</a></th></tr>
<a href="https://www.w3.org/TR/css-masking-1/#compute-stroke-bounding-box">B Compute stroke bounding box</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="sB.#stroke-bounding-box">

2
tests/wpt/css-tests/css-masking-1_dev/xhtml1print/chapter-C.xht
View file

@ -30,7 +30,7 @@
<tbody id="sC">
<tr><th colspan="4" scope="rowgroup">
<a href="#sC">+</a>
<a href="http://www.w3.org/TR/css-masking-1/#DOMInterfaces">C DOM interfaces</a></th></tr>
<a href="https://www.w3.org/TR/css-masking-1/#DOMInterfaces">C DOM interfaces</a></th></tr>
<!-- 0 tests -->
</tbody>
<tbody id="sC.#InterfaceSVGClipPathElement">

51
tests/wpt/css-tests/css-masking-1_dev/xhtml1print/mask-composite-1a.xht Normal file
View file

@ -0,0 +1,51 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<meta charset="utf-8" />
<title>CSS Masking: mask-composite: compose vector image</title>
<link href="mailto:cku@mozilla.com" rel="author" title="CJ Ku" />
<link href="https://www.mozilla.org" rel="author" title="Mozilla" />
<link href="http://www.w3.org/TR/css-masking-1/#the-mask-composite" rel="help" />
<link href="reference/mask-composite-1-ref.xht" rel="match" />
<meta content="Test checks that vector-mask-image can be composed correctly by different mask-composite value." name="assert" />
<style type="text/css">
div {
background-color: blue;
position: absolute;
margin: 0px;
padding: 0px;
width: 100px;
height: 100px;
top:10px;
mask-image: url(support/blue-100x50-transparent-100x50.svg),
url(support/blue-100x50-transparent-100x50.svg);
}
div.add {
left: 10px;
mask-composite: add;
}
div.substract {
left: 120px;
mask-composite: substract;
}
div.intersect {
left: 230px;
mask-composite: intersect;
}
div.exclude {
left: 340px;
mask-composite: exclude;
}
</style>
</head>
<body>
<div class="add"></div>
<div class="substract"></div>
<div class="intersect"></div>
<div class="exclude"></div>
</body></html>

50
tests/wpt/css-tests/css-masking-1_dev/xhtml1print/mask-composite-1b.xht Normal file
View file

@ -0,0 +1,50 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<meta charset="utf-8" />
<title>CSS Masking: mask-composite: compose raster image</title>
<link href="mailto:cku@mozilla.com" rel="author" title="CJ Ku" />
<link href="https://www.mozilla.org" rel="author" title="Mozilla" />
<link href="http://www.w3.org/TR/css-masking-1/#the-mask-composite" rel="help" />
<link href="reference/mask-composite-1-ref.xht" rel="match" />
<meta content="Test checks that raster-mask-image can be composed correctly by different mask-composite value." name="assert" />
<style type="text/css">
div {
background-color: blue;
position: absolute;
margin: 0px;
padding: 0px;
width: 100px;
height: 100px;
top:10px;
mask-image: url(support/blue-100x50-transparent-100x50.png),
url(support/blue-100x50-transparent-100x50.png);
}
div.add {
left: 10px;
mask-composite: add;
}
div.substract {
left: 120px;
mask-composite: substract;
}
div.intersect {
left: 230px;
mask-composite: intersect;
}
div.exclude {
left: 340px;
mask-composite: exclude;
}
</style>
</head>
<body>
<div class="add"></div>
<div class="substract"></div>
<div class="intersect"></div>
<div class="exclude"></div>
</body></html>

51
tests/wpt/css-tests/css-masking-1_dev/xhtml1print/mask-composite-2a.xht Normal file
View file

@ -0,0 +1,51 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<meta charset="utf-8" />
<title>CSS Masking: mask-composite: compose vector image</title>
<link href="mailto:cku@mozilla.com" rel="author" title="CJ Ku" />
<link href="https://www.mozilla.org" rel="author" title="Mozilla" />
<link href="http://www.w3.org/TR/css-masking-1/#the-mask-composite" rel="help" />
<link href="reference/mask-composite-2-ref.xht" rel="match" />
<meta content="Test checks that vector-mask-image can be composed correctly by different mask-composite value." name="assert" />
<style type="text/css">
div {
background-color: blue;
position: absolute;
margin: 0px;
padding: 0px;
width: 100px;
height: 100px;
top:10px;
mask-image: url(support/blue-100x50-transparent-100x50.svg),
url(support/transparent-100x50-blue-100x50.svg);
}
div.add {
left: 10px;
mask-composite: add;
}
div.substract {
left: 120px;
mask-composite: substract;
}
div.intersect {
left: 230px;
mask-composite: intersect;
}
div.exclude {
left: 340px;
mask-composite: exclude;
}
</style>
</head>
<body>
<div class="add"></div>
<div class="substract"></div>
<div class="intersect"></div>
<div class="exclude"></div>
</body></html>

50
tests/wpt/css-tests/css-masking-1_dev/xhtml1print/mask-composite-2b.xht Normal file
View file

@ -0,0 +1,50 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<meta charset="utf-8" />
<title>CSS Masking: mask-composite: compose raster image</title>
<link href="mailto:cku@mozilla.com" rel="author" title="CJ Ku" />
<link href="https://www.mozilla.org" rel="author" title="Mozilla" />
<link href="http://www.w3.org/TR/css-masking-1/#the-mask-composite" rel="help" />
<link href="reference/mask-composite-2-ref.xht" rel="match" />
<meta content="Test checks that raster-mask-image can be composed correctly by different mask-composite value." name="assert" />
<style type="text/css">
div {
background-color: blue;
position: absolute;
margin: 0px;
padding: 0px;
width: 100px;
height: 100px;
top:10px;
mask-image: url(support/blue-100x50-transparent-100x50.png),
url(support/transparent-100x50-blue-100x50.png);
}
div.add {
left: 10px;
mask-composite: add;
}
div.substract {
left: 120px;
mask-composite: substract;
}
div.intersect {
left: 230px;
mask-composite: intersect;
}
div.exclude {
left: 340px;
mask-composite: exclude;
}
</style>
</head>
<body>
<div class="add"></div>
<div class="substract"></div>
<div class="intersect"></div>
<div class="exclude"></div>
</body></html>

32
tests/wpt/css-tests/css-masking-1_dev/xhtml1print/reference/mask-composite-1-ref.xht Normal file
View file

@ -0,0 +1,32 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<meta charset="utf-8" />
<title>CSS mask-composite reference</title>
<link href="mailto:cku@mozilla.com" rel="author" title="CJ Ku" />
<link href="https://www.mozilla.org" rel="author" title="Mozilla" />
<style type="text/css">
div {
position: absolute;
margin: 0px;
padding: 0px;
width: 100px;
height: 100px;
top: 10px;
}
div.add {
left: 10px;
background-image: url(support/blue-100x50-transparent-100x50.svg);
}
div.intersect {
left: 230px;
background-image: url(support/blue-100x50-transparent-100x50.svg);
}
</style>
</head>
<body>
<div class="add"></div>
<div class="intersect"></div>
</body></html>

38
tests/wpt/css-tests/css-masking-1_dev/xhtml1print/reference/mask-composite-2-ref.xht Normal file
View file

@ -0,0 +1,38 @@
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<meta charset="utf-8" />
<title>CSS mask-composite reference</title>
<link href="mailto:cku@mozilla.com" rel="author" title="CJ Ku" />
<link href="https://www.mozilla.org" rel="author" title="Mozilla" />
<style type="text/css">
div {
position: absolute;
margin: 0px;
padding: 0px;
width: 100px;
height: 100px;
top: 10px;
}
div.add {
left: 10px;
background-color: blue;
}
div.substract {
left: 120px;
background-image: url(support/blue-100x50-transparent-100x50.svg);
}
div.exclude {
left: 340px;
background-color: blue;
}
</style>
</head>
<body>
<div class="add"></div>
<div class="substract"></div>
<div class="exclude"></div>
</body></html>

1
tests/wpt/css-tests/css-masking-1_dev/xhtml1print/reference/support/README
View file

@ -21,7 +21,6 @@ The square-* images all use 15x15 cells with one pixel borders.
The pattern-* images use cells of various sizes:
pattern-gg-gr.png 20x20
pattern-grg-rgr-grg.png 20x20
pattern-rgr-grg-rgr.png 20x20
pattern-tr.png 15x15

BIN
tests/wpt/css-tests/css-masking-1_dev/xhtml1print/reference/support/blue-100x50-transparent-100x50.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 237 B

4
tests/wpt/css-tests/css-masking-1_dev/xhtml1print/reference/support/blue-100x50-transparent-100x50.svg Normal file
View file

@ -0,0 +1,4 @@
<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
<rect x="0" y="0" width="100%" height="50%" fill="blue" fill-opacity="0"/>
<rect x="0" y="50" width="100%" height="50%" fill="blue" fill-opacity="1"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 216 B

BIN
tests/wpt/css-tests/css-masking-1_dev/xhtml1print/reference/support/transparent-100x50-blue-100x50.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 233 B

4
tests/wpt/css-tests/css-masking-1_dev/xhtml1print/reference/support/transparent-100x50-blue-100x50.svg Normal file
View file

@ -0,0 +1,4 @@
<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
<rect x="0" y="0" width="100%" height="50%" fill="blue" fill-opacity="1"/>
<rect x="0" y="50" width="100%" height="50%" fill="blue" fill-opacity="0"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 216 B

32
tests/wpt/css-tests/css-masking-1_dev/xhtml1print/reftest-toc.xht
View file

@ -480,6 +480,38 @@
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="mask-composite-1a" class="">
<tr>
<td rowspan="1" title="CSS Masking: mask-composite: compose vector image">
<a href="mask-composite-1a.xht">mask-composite-1a</a></td>
<td><a href="reference/mask-composite-1-ref.xht">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="mask-composite-1b" class="">
<tr>
<td rowspan="1" title="CSS Masking: mask-composite: compose raster image">
<a href="mask-composite-1b.xht">mask-composite-1b</a></td>
<td><a href="reference/mask-composite-1-ref.xht">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="mask-composite-2a" class="">
<tr>
<td rowspan="1" title="CSS Masking: mask-composite: compose vector image">
<a href="mask-composite-2a.xht">mask-composite-2a</a></td>
<td><a href="reference/mask-composite-2-ref.xht">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="mask-composite-2b" class="">
<tr>
<td rowspan="1" title="CSS Masking: mask-composite: compose raster image">
<a href="mask-composite-2b.xht">mask-composite-2b</a></td>
<td><a href="reference/mask-composite-2-ref.xht">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="test-mask" class="">
<tr>
<td rowspan="1" title="CSS Masking: mask-repeat:round repeat;">

4
tests/wpt/css-tests/css-masking-1_dev/xhtml1print/reftest.list
View file

@ -56,4 +56,8 @@ clip-rect-comma-003.xht == reference/clip-no-clipping-ref.xht
clip-rect-comma-004.xht == reference/clip-no-clipping-ref.xht
clip-rule-001.xht == reference/clip-rule-rectangle-border-ref.xht
clip-rule-002.xht == reference/clip-rule-rectangle-border-ref.xht
mask-composite-1a.xht == reference/mask-composite-1-ref.xht
mask-composite-1b.xht == reference/mask-composite-1-ref.xht
mask-composite-2a.xht == reference/mask-composite-2-ref.xht
mask-composite-2b.xht == reference/mask-composite-2-ref.xht
test-mask.xht == reference/test-mask-ref.xht

1
tests/wpt/css-tests/css-masking-1_dev/xhtml1print/support/README
View file

@ -21,7 +21,6 @@ The square-* images all use 15x15 cells with one pixel borders.
The pattern-* images use cells of various sizes:
pattern-gg-gr.png 20x20
pattern-grg-rgr-grg.png 20x20
pattern-rgr-grg-rgr.png 20x20
pattern-tr.png 15x15

BIN
tests/wpt/css-tests/css-masking-1_dev/xhtml1print/support/blue-100x50-transparent-100x50.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 237 B

4
tests/wpt/css-tests/css-masking-1_dev/xhtml1print/support/blue-100x50-transparent-100x50.svg Normal file
View file

@ -0,0 +1,4 @@
<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
<rect x="0" y="0" width="100%" height="50%" fill="blue" fill-opacity="0"/>
<rect x="0" y="50" width="100%" height="50%" fill="blue" fill-opacity="1"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 216 B

BIN
tests/wpt/css-tests/css-masking-1_dev/xhtml1print/support/transparent-100x50-blue-100x50.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 233 B

4
tests/wpt/css-tests/css-masking-1_dev/xhtml1print/support/transparent-100x50-blue-100x50.svg Normal file
View file

@ -0,0 +1,4 @@
<svg xmlns="http://www.w3.org/2000/svg" version="1.1">
<rect x="0" y="0" width="100%" height="50%" fill="blue" fill-opacity="1"/>
<rect x="0" y="50" width="100%" height="50%" fill="blue" fill-opacity="0"/>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 216 B

2
tests/wpt/css-tests/css-masking-1_dev/xhtml1print/toc.xht
View file

@ -52,7 +52,7 @@
<tbody id="s7">
<tr><th><a href="chapter-7.xht">Chapter 7 -
Positioned Masks</a></th>
<td>(1 Tests)</td></tr>
<td>(5 Tests)</td></tr>
</tbody>
<tbody id="s8">
<tr><th><a href="chapter-8.xht">Chapter 8 -