Update CSS tests to revision d674587d6ae7d2e231d632785559f2613d554eb0

This commit is contained in:
Ms2ger 2015-08-21 17:46:44 +02:00
parent 7c45ff8e05
commit f235d49372
6623 changed files with 267392 additions and 10061 deletions

View file

@ -13,7 +13,7 @@
<body>
<h1>Compositing and Blending Level 1 CR Test Suite</h1>
<h2>Specifying Blending in CSS (6 tests)</h2>
<h2>Specifying Blending in CSS (8 tests)</h2>
<table width="100%">
<col id="test-column">
<col id="refs-column">
@ -61,7 +61,7 @@
<tr><th colspan="4" scope="rowgroup">
<a href="#s3.4.1">+</a>
<a href="http://www.w3.org/TR/compositing-1/#mix-blend-mode">3.4.1 The mix-blend-mode property</a></th></tr>
<!-- 5 tests -->
<!-- 6 tests -->
<tr id="blending_in_a_group_with_filter-3.4.1" class="primary svg">
<td><strong>
<a href="Blending_in_a_group_with_filter.htm">blending_in_a_group_with_filter</a></strong></td>
@ -111,6 +111,17 @@
</ul>
</td>
</tr>
<tr id="will-change-stacking-context-mix-blend-mode-1-3.4.1" class="">
<td>
<a href="will-change-stacking-context-mix-blend-mode-1.htm">will-change-stacking-context-mix-blend-mode-1</a></td>
<td><a href="reference/green-square-100-by-100-ref.htm">=</a> </td>
<td></td>
<td>CSS will-change: 'will-change: mix-blend-mode' creates a stacking context
<ul class="assert">
<li>If any non-initial value of a property would create a stacking context on the element, specifying that property in will-change must create a stacking context on the element.</li>
</ul>
</td>
</tr>
</tbody>
<tbody id="s3.4.1.#ltblendmodegt">
<!-- 0 tests -->
@ -122,7 +133,7 @@
<tr><th colspan="4" scope="rowgroup">
<a href="#s3.4.2">+</a>
<a href="http://www.w3.org/TR/compositing-1/#isolation">3.4.2 The isolation property</a></th></tr>
<!-- 1 tests -->
<!-- 2 tests -->
<tr id="blend-isolation-3.4.2" class="">
<td>
<a href="blend-isolation.htm">blend-isolation</a></td>
@ -134,6 +145,17 @@
</ul>
</td>
</tr>
<tr id="will-change-stacking-context-isolation-1-3.4.2" class="">
<td>
<a href="will-change-stacking-context-isolation-1.htm">will-change-stacking-context-isolation-1</a></td>
<td><a href="reference/green-square-100-by-100-ref.htm">=</a> </td>
<td></td>
<td>CSS will-change: 'will-change: isolation' creates a stacking context
<ul class="assert">
<li>If any non-initial value of a property would create a stacking context on the element, specifying that property in will-change must create a stacking context on the element.</li>
</ul>
</td>
</tr>
</tbody>
<tbody id="s3.4.2.#img_isolation">
<!-- 0 tests -->

View file

@ -0,0 +1,13 @@
<!DOCTYPE html>
<html><head><meta charset="utf-8">
<title>CSS will-change reference</title>
<link href="http://dbaron.org/" rel="author" title="L. David Baron">
<link href="http://www.mozilla.org/" rel="author" title="Mozilla">
<style>
html, body { margin: 0; padding: 0; }
div { width: 100px; height: 100px; background: green }
</style>
</head><body>
<div></div>
</body></html>

View file

@ -24,6 +24,22 @@
<th>Flags</th>
</tr>
</thead>
<tbody id="will-change-stacking-context-isolation-1" class="">
<tr>
<td rowspan="1" title="CSS will-change: 'will-change: isolation' creates a stacking context">
<a href="will-change-stacking-context-isolation-1.htm">will-change-stacking-context-isolation-1</a></td>
<td><a href="reference/green-square-100-by-100-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
<tbody id="will-change-stacking-context-mix-blend-mode-1" class="">
<tr>
<td rowspan="1" title="CSS will-change: 'will-change: mix-blend-mode' creates a stacking context">
<a href="will-change-stacking-context-mix-blend-mode-1.htm">will-change-stacking-context-mix-blend-mode-1</a></td>
<td><a href="reference/green-square-100-by-100-ref.htm">=</a> </td>
<td rowspan="1"></td>
</tr>
</tbody>
</table>
</body>

View file

@ -1 +1,3 @@
will-change-stacking-context-isolation-1.htm == reference/green-square-100-by-100-ref.htm
will-change-stacking-context-mix-blend-mode-1.htm == reference/green-square-100-by-100-ref.htm

View file

@ -32,7 +32,7 @@
<tbody id="s3">
<tr><th><a href="chapter-3.htm">Chapter 3 -
Specifying Blending in CSS</a></th>
<td>(6 Tests)</td></tr>
<td>(8 Tests)</td></tr>
</tbody>
<tbody id="s4">
<tr><th><a href="chapter-4.htm">Chapter 4 -

View file

@ -0,0 +1,22 @@
<!DOCTYPE html>
<html><head><meta charset="utf-8">
<title>CSS will-change: 'will-change: isolation' creates a stacking context</title>
<link href="http://dbaron.org/" rel="author" title="L. David Baron">
<link href="http://www.mozilla.org/" rel="author" title="Mozilla">
<link href="https://drafts.csswg.org/css-will-change-1/#will-change" rel="help">
<link href="http://www.w3.org/TR/compositing-1/#isolation" rel="help">
<link href="reference/green-square-100-by-100-ref.htm" rel="match">
<meta content="If any non-initial value of a property would create a stacking context on the element, specifying that property in will-change must create a stacking context on the element." name="assert">
<style>
html, body { margin: 0; padding: 0; }
div { width: 100px; height: 100px }
#wc { will-change: isolation; background: red }
#child { position: absolute; top: 0; left: 0; z-index: -1; background: green }
</style>
</head><body>
<div id="wc">
<div id="child">
</div>
</div>
</body></html>

View file

@ -0,0 +1,22 @@
<!DOCTYPE html>
<html><head><meta charset="utf-8">
<title>CSS will-change: 'will-change: mix-blend-mode' creates a stacking context</title>
<link href="http://dbaron.org/" rel="author" title="L. David Baron">
<link href="http://www.mozilla.org/" rel="author" title="Mozilla">
<link href="https://drafts.csswg.org/css-will-change-1/#will-change" rel="help">
<link href="http://www.w3.org/TR/compositing-1/#mix-blend-mode" rel="help">
<link href="reference/green-square-100-by-100-ref.htm" rel="match">
<meta content="If any non-initial value of a property would create a stacking context on the element, specifying that property in will-change must create a stacking context on the element." name="assert">
<style>
html, body { margin: 0; padding: 0; }
div { width: 100px; height: 100px }
#wc { will-change: mix-blend-mode; background: red }
#child { position: absolute; top: 0; left: 0; z-index: -1; background: green }
</style>
</head><body>
<div id="wc">
<div id="child">
</div>
</div>
</body></html>