mirror of
https://github.com/servo/servo.git
synced 2025-08-06 06:00:15 +01:00
Update CSS tests to revision c68e4df16362489debde94340cc6f54945a72f2f
This commit is contained in:
parent
32efe41299
commit
53608a60a4
1543 changed files with 42190 additions and 14617 deletions
|
@ -13,7 +13,7 @@
|
|||
<body>
|
||||
|
||||
<h1>CSS Values and Units Module Level 3 CR Test Suite</h1>
|
||||
<h2>Functional Notations (32 tests)</h2>
|
||||
<h2>Functional Notations (66 tests)</h2>
|
||||
<table width="100%">
|
||||
<col id="test-column">
|
||||
<col id="refs-column">
|
||||
|
@ -43,7 +43,7 @@
|
|||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s8.1">+</a>
|
||||
<a href="http://www.w3.org/TR/css3-values/#calc-notation">8.1 Mathematical Expressions: calc()</a></th></tr>
|
||||
<!-- 31 tests -->
|
||||
<!-- 50 tests -->
|
||||
<tr id="calc-background-image-gradient-1-8.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="calc-background-image-gradient-1.htm">calc-background-image-gradient-1</a></strong></td>
|
||||
|
@ -100,6 +100,50 @@
|
|||
<td>Test that height:calc() with no percentages has an effect on inner table elements
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="calc-in-calc-8.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="calc-in-calc.htm">calc-in-calc</a></strong></td>
|
||||
<td><a href="reference/all-green.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>Calc() inside calc()
|
||||
<ul class="assert">
|
||||
<li>The calc() function notation is allowed inside a calc() notation.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="calc-in-media-queries-001-8.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="calc-in-media-queries-001.htm">calc-in-media-queries-001</a></strong></td>
|
||||
<td><a href="reference/all-green.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>Calc function inside media queries
|
||||
<ul class="assert">
|
||||
<li>The calc() expression is supported in the min-width media query.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="calc-in-media-queries-002-8.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="calc-in-media-queries-002.htm">calc-in-media-queries-002</a></strong></td>
|
||||
<td><a href="reference/all-green.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>Calc function inside media queries
|
||||
<ul class="assert">
|
||||
<li>The calc() expression is supported in the min-width media query properly (=with range clamping).</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="calc-invalid-range-clamping-8.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="calc-invalid-range-clamping.htm">calc-invalid-range-clamping</a></strong></td>
|
||||
<td><a href="reference/200-200-green.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>Range clamping into calc() expressions
|
||||
<ul class="assert">
|
||||
<li>A calc expression can evaluate to a value which is outside the validity range. If it does, this value must be clamped into the range. The declaration must not be ignored.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="calc-margin-block-1-8.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="calc-margin-block-1.htm">calc-margin-block-1</a></strong></td>
|
||||
|
@ -228,6 +272,17 @@
|
|||
<td>Test of padding-*: calc()
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="calc-parenthesis-stack-8.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="calc-parenthesis-stack.htm">calc-parenthesis-stack</a></strong></td>
|
||||
<td><a href="reference/all-green.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>Calc() inside calc()
|
||||
<ul class="assert">
|
||||
<li>The calc() function notation is allowed inside a calc() notation.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="calc-text-indent-1-8.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="calc-text-indent-1.htm">calc-text-indent-1</a></strong></td>
|
||||
|
@ -292,6 +347,160 @@
|
|||
<td>width: calc() on table-layout: auto tables
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="mq-calc-001-8.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="mq-calc-001.htm">mq-calc-001</a></strong></td>
|
||||
<td><a href="reference/mq-calc-001-ref.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>support for calc in Media Queries
|
||||
<ul class="assert">
|
||||
<li>calc can be used in Media Queries</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="mq-calc-002-8.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="mq-calc-002.htm">mq-calc-002</a></strong></td>
|
||||
<td><a href="reference/mq-calc-001-ref.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>evaluation of em in calc in Media Queries
|
||||
<ul class="assert">
|
||||
<li>The size in pixels of the 'em' unit used in calc inside a media query does not depend on declarations and use the initial value.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="mq-calc-003-8.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="mq-calc-003.htm">mq-calc-003</a></strong></td>
|
||||
<td><a href="reference/mq-calc-001-ref.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>evaluation of ex in calc in Media Queries
|
||||
<ul class="assert">
|
||||
<li>The size in pixels of the 'ex' unit used in calc inside a media query does not depend on declarations and use the initial value.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="mq-calc-004-8.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="mq-calc-004.htm">mq-calc-004</a></strong></td>
|
||||
<td><a href="reference/mq-calc-001-ref.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>evaluation of ch in calc in Media Queries
|
||||
<ul class="assert">
|
||||
<li>The size in pixels of the 'ch' unit used in calc inside a media query does not depend on declarations and use the initial value.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="mq-calc-005-8.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="mq-calc-005.htm">mq-calc-005</a></strong></td>
|
||||
<td><a href="reference/mq-calc-001-ref.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>evaluation of rem in calc in Media Queries
|
||||
<ul class="assert">
|
||||
<li>The size in pixels of the 'rem' unit used in calc inside a media query does not depend on declarations and use the initial value.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="shape-outside-circle-010-8.1" class="dom script">
|
||||
<td>
|
||||
<a href="shape-outside-circle-010.htm">shape-outside-circle-010</a></td>
|
||||
<td></td>
|
||||
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
|
||||
<td>Shape Outside Circle args - calc() values
|
||||
<ul class="assert">
|
||||
<li>A circle's arguments may be in calc() values.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="shape-outside-circle-011-8.1" class="dom script">
|
||||
<td>
|
||||
<a href="shape-outside-circle-011.htm">shape-outside-circle-011</a></td>
|
||||
<td></td>
|
||||
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
|
||||
<td>Shape Outside Circle position args - calc() values
|
||||
<ul class="assert">
|
||||
<li>A circle's <position> arguments may be in calc() values.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="shape-outside-ellipse-010-8.1" class="dom script">
|
||||
<td>
|
||||
<a href="shape-outside-ellipse-010.htm">shape-outside-ellipse-010</a></td>
|
||||
<td></td>
|
||||
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
|
||||
<td>Shape Outside Ellipse args - calc() values
|
||||
<ul class="assert">
|
||||
<li>An ellipse's arguments may be in calc() values.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="shape-outside-ellipse-011-8.1" class="dom script">
|
||||
<td>
|
||||
<a href="shape-outside-ellipse-011.htm">shape-outside-ellipse-011</a></td>
|
||||
<td></td>
|
||||
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
|
||||
<td>Shape Outside Ellipse position args - calc() values
|
||||
<ul class="assert">
|
||||
<li>An ellipse's <position> arguments may be in calc() values.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="shape-outside-inset-008-8.1" class="dom script">
|
||||
<td>
|
||||
<a href="shape-outside-inset-008.htm">shape-outside-inset-008</a></td>
|
||||
<td></td>
|
||||
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
|
||||
<td>Shape Outside Inset Args - calc() values
|
||||
<ul class="assert">
|
||||
<li>An inset's arguments may be in calc() values.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="shape-outside-inset-009-8.1" class="dom script">
|
||||
<td>
|
||||
<a href="shape-outside-inset-009.htm">shape-outside-inset-009</a></td>
|
||||
<td></td>
|
||||
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
|
||||
<td>Shape Outside Inset round args - calc() values
|
||||
<ul class="assert">
|
||||
<li>An inset's radial component arguments may be in calc() values.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="shape-outside-polygon-006-8.1" class="dom script">
|
||||
<td>
|
||||
<a href="shape-outside-polygon-006.htm">shape-outside-polygon-006</a></td>
|
||||
<td></td>
|
||||
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
|
||||
<td>Shape Outside Polygon args - calc() values
|
||||
<ul class="assert">
|
||||
<li>A polygon's arguments may be in calc() values.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="vh-calc-support-8.1" class="">
|
||||
<td>
|
||||
<a href="vh-calc-support.htm">vh-calc-support</a></td>
|
||||
<td><a href="reference/all-green.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>Viewport units are supported inside calc expressions.
|
||||
<ul class="assert">
|
||||
<li>Check that viewport units add correctly to pixels in calc() expressions</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="vh-calc-support-pct-8.1" class="">
|
||||
<td>
|
||||
<a href="vh-calc-support-pct.htm">vh-calc-support-pct</a></td>
|
||||
<td><a href="reference/all-green.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>Viewport units are supported inside calc expressions.
|
||||
<ul class="assert">
|
||||
<li>Check that viewport units add correctly to percentages in calc() expressions</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="s8.1.#example-0bd12a8e">
|
||||
<!-- 0 tests -->
|
||||
|
@ -392,7 +601,172 @@
|
|||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s8.3">+</a>
|
||||
<a href="http://www.w3.org/TR/css3-values/#attr-notation">8.3 Attribute References: attr()</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
<!-- 15 tests -->
|
||||
<tr id="attr-color-invalid-cast-8.3" class="primary">
|
||||
<td><strong>
|
||||
<a href="attr-color-invalid-cast.htm">attr-color-invalid-cast</a></strong></td>
|
||||
<td><a href="reference/200-200-green.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>Attribute references (colors)
|
||||
<ul class="assert">
|
||||
<li>Invalid color values in referenced attributes are replaced by the fallback value</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="attr-color-invalid-fallback-8.3" class="primary">
|
||||
<td><strong>
|
||||
<a href="attr-color-invalid-fallback.htm">attr-color-invalid-fallback</a></strong></td>
|
||||
<td><a href="reference/200-200-green.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>Attribute references (colors)
|
||||
<ul class="assert">
|
||||
<li>When the fallback value of an attr() function is invalid, the delcaration is ignored.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="attr-color-valid-8.3" class="primary">
|
||||
<td><strong>
|
||||
<a href="attr-color-valid.htm">attr-color-valid</a></strong></td>
|
||||
<td><a href="reference/200-200-green.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>Attribute references (colors)
|
||||
<ul class="assert">
|
||||
<li>The value of the reference attribute is used correctly in the layout when it's a color.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="attr-invalid-type-001-8.3" class="primary">
|
||||
<td><strong>
|
||||
<a href="attr-invalid-type-001.htm">attr-invalid-type-001</a></strong></td>
|
||||
<td><a href="reference/200-200-green.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>Attribute references (types)
|
||||
<ul class="assert">
|
||||
<li>When the type of an att() function is known and unexpected, the declaration is ingored</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="attr-invalid-type-002-8.3" class="primary">
|
||||
<td><strong>
|
||||
<a href="attr-invalid-type-002.htm">attr-invalid-type-002</a></strong></td>
|
||||
<td><a href="reference/200-200-green.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>Attribute references (types)
|
||||
<ul class="assert">
|
||||
<li>When the type of an att() function is known and unexpected, the declaration is ignored</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="attr-invalid-type-003-8.3" class="primary">
|
||||
<td><strong>
|
||||
<a href="attr-invalid-type-003.htm">attr-invalid-type-003</a></strong></td>
|
||||
<td><a href="reference/200-200-green.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>Attribute references (types)
|
||||
<ul class="assert">
|
||||
<li>When the type of an att() function is known and unexpected, the declaration is ignored</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="attr-length-invalid-cast-8.3" class="primary">
|
||||
<td><strong>
|
||||
<a href="attr-length-invalid-cast.htm">attr-length-invalid-cast</a></strong></td>
|
||||
<td><a href="reference/200-200-green.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>Attribute references (length)
|
||||
<ul class="assert">
|
||||
<li>When the value of referenced attribute isn't a valid length, the fallback value is unsed instead.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="attr-length-invalid-fallback-8.3" class="primary">
|
||||
<td><strong>
|
||||
<a href="attr-length-invalid-fallback.htm">attr-length-invalid-fallback</a></strong></td>
|
||||
<td><a href="reference/200-200-green.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>Attribute references (length)
|
||||
<ul class="assert">
|
||||
<li>When the attr() fallback is an invalid length, the delcaration is correctly ignored.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="attr-length-valid-8.3" class="primary">
|
||||
<td><strong>
|
||||
<a href="attr-length-valid.htm">attr-length-valid</a></strong></td>
|
||||
<td><a href="reference/200-200-green.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>Attribute references (length)
|
||||
<ul class="assert">
|
||||
<li>The value of referenced attribute is used correctly as a length.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="attr-length-valid-zero-8.3" class="primary">
|
||||
<td><strong>
|
||||
<a href="attr-length-valid-zero.htm">attr-length-valid-zero</a></strong></td>
|
||||
<td><a href="reference/200-200-green.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>Attribute references (length)
|
||||
<ul class="assert">
|
||||
<li>The value of referenced attribute is used correctly as a length (even if it's 0).</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="attr-length-valid-zero-nofallback-8.3" class="primary">
|
||||
<td><strong>
|
||||
<a href="attr-length-valid-zero-nofallback.htm">attr-length-valid-zero-nofallback</a></strong></td>
|
||||
<td><a href="reference/200-200-green.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>Attribute references (length)
|
||||
<ul class="assert">
|
||||
<li>The value of referenced attribute is used correctly as a length (even if it's 0).</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="attr-px-invalid-cast-8.3" class="primary">
|
||||
<td><strong>
|
||||
<a href="attr-px-invalid-cast.htm">attr-px-invalid-cast</a></strong></td>
|
||||
<td><a href="reference/200-200-green.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>Attributes references (pixels)
|
||||
<ul class="assert">
|
||||
<li>When the value of the referenced attribute is not a pixel value, the fallback value is used instead.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="attr-px-invalid-fallback-8.3" class="primary">
|
||||
<td><strong>
|
||||
<a href="attr-px-invalid-fallback.htm">attr-px-invalid-fallback</a></strong></td>
|
||||
<td><a href="reference/200-200-green.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>Attribute references (pixels)
|
||||
<ul class="assert">
|
||||
<li>When the fallback of a pixel attribute reference is invalid, the declaration is ignored.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="attr-px-valid-8.3" class="primary">
|
||||
<td><strong>
|
||||
<a href="attr-px-valid.htm">attr-px-valid</a></strong></td>
|
||||
<td><a href="reference/200-200-green.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>Attribute references (pixels)
|
||||
<ul class="assert">
|
||||
<li>Attribute references for pixel values are replaced correctly at computed time.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="initial-background-color-8.3" class="primary">
|
||||
<td><strong>
|
||||
<a href="initial-background-color.htm">initial-background-color</a></strong></td>
|
||||
<td><a href="reference/all-green.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>Initial property and background-color
|
||||
<ul class="assert">
|
||||
<li>The initial keyword is supported on background-color.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="s8.3.#example-0366e27a">
|
||||
<!-- 0 tests -->
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue