mirror of
https://github.com/servo/servo.git
synced 2025-08-03 20:50:07 +01:00
Auto merge of #8133 - Ms2ger:update-tests, r=Ms2ger
Update tests. <!-- Reviewable:start --> [<img src="https://reviewable.io/review_button.png" height=40 alt="Review on Reviewable"/>](https://reviewable.io/reviews/servo/servo/8133) <!-- Reviewable:end -->
This commit is contained in:
bors-servo
commit
128e12f011
464 changed files with 6968 additions and 233 deletions
|
|
@ -13,7 +13,7 @@
|
|||
<body>
|
||||
|
||||
<h1>CSS Writing Modes Module Level 3 CR Test Suite</h1>
|
||||
<h2>Inline Direction and Bidirectionality (172 tests)</h2>
|
||||
<h2>Inline Direction and Bidirectionality (173 tests)</h2>
|
||||
<table width="100%">
|
||||
<col id="test-column">
|
||||
<col id="refs-column">
|
||||
|
|
@ -1451,7 +1451,7 @@
|
|||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s2.2">+</a>
|
||||
<a href="http://www.w3.org/TR/css-writing-modes-3/#unicode-bidi">2.2 Embeddings and Overrides: the unicode-bidi property</a></th></tr>
|
||||
<!-- 20 tests -->
|
||||
<!-- 21 tests -->
|
||||
<tr id="bidi-alt-001-2.2" class="primary">
|
||||
<td><strong>
|
||||
<a href="bidi-alt-001.htm">bidi-alt-001</a></strong></td>
|
||||
|
|
@ -1661,6 +1661,17 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="unicode-bidi-parsing-001-2.2" class="dom script">
|
||||
<td>
|
||||
<a href="unicode-bidi-parsing-001.htm">unicode-bidi-parsing-001</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>CSS Writing Modes: parsing unicode-bidi: normal, embed, bidi-override
|
||||
<ul class="assert">
|
||||
<li>This test asserts the parser and getComputedStyle works correctly for the unicode-bidi: normal, embed, bidi-override.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="unicode-bidi-parsing-002-2.2" class="primary dom script">
|
||||
<td><strong>
|
||||
<a href="unicode-bidi-parsing-002.htm">unicode-bidi-parsing-002</a></strong></td>
|
||||
|
|
|
|||
|
|
@ -7,12 +7,12 @@
|
|||
<style type="text/css">
|
||||
img
|
||||
{
|
||||
padding-left: 60px;
|
||||
padding-left: 100px;
|
||||
vertical-align: top;
|
||||
}
|
||||
img + br + img
|
||||
{
|
||||
padding-left: 108px; /* 60 px (padding-left) + 48 px (the position of small blue box)*/
|
||||
padding-left: 180px; /* 100 px (padding-left) + 80 px (the position of small blue box)*/
|
||||
}
|
||||
</style>
|
||||
|
||||
|
|
@ -23,7 +23,7 @@
|
|||
<p>Test passes if the <strong>right edge</strong> of an irregular polygon is straight and unbroken.</p>
|
||||
|
||||
<div>
|
||||
<img class="blue" src="support/swatch-blue.png" width="60" height="60" alt="Image download support must be enabled"><br><img class="blue" src="support/swatch-blue.png" width="12" height="12" alt="Image download support must be enabled">
|
||||
<img class="blue" src="support/swatch-blue.png" width="100" height="100" alt="Image download support must be enabled"><br><img class="blue" src="support/swatch-blue.png" width="20" height="20" alt="Image download support must be enabled">
|
||||
</div>
|
||||
|
||||
</body>
|
||||
|
|
|
|||
|
|
@ -7,12 +7,12 @@
|
|||
<style type="text/css">
|
||||
img
|
||||
{
|
||||
padding-left: 60px;
|
||||
padding-left: 100px;
|
||||
vertical-align: top;
|
||||
}
|
||||
img + br + img
|
||||
{
|
||||
padding-left: 72px; /* 60 px (padding-left) + 12 px (the position of small blue box)*/
|
||||
padding-left: 120px; /* 60 px (padding-left) + 12 px (the position of small blue box)*/
|
||||
}
|
||||
</style>
|
||||
|
||||
|
|
@ -23,7 +23,7 @@
|
|||
<p>Test passes if the <strong>right edge</strong> of an irregular polygon is straight and unbroken.</p>
|
||||
|
||||
<div>
|
||||
<img class="blue" src="support/swatch-blue.png" width="60" height="60" alt="Image download support must be enabled"><br><img class="blue" src="support/swatch-blue.png" width="48" height="48" alt="Image download support must be enabled">
|
||||
<img class="blue" src="support/swatch-blue.png" width="100" height="100" alt="Image download support must be enabled"><br><img class="blue" src="support/swatch-blue.png" width="80" height="80" alt="Image download support must be enabled">
|
||||
</div>
|
||||
|
||||
</body>
|
||||
|
|
|
|||
|
|
@ -27,7 +27,7 @@
|
|||
<tbody id="s2">
|
||||
<tr><th><a href="chapter-2.htm">Chapter 2 -
|
||||
Inline Direction and Bidirectionality</a></th>
|
||||
<td>(172 Tests)</td></tr>
|
||||
<td>(173 Tests)</td></tr>
|
||||
</tbody>
|
||||
<tbody id="s3">
|
||||
<tr><th><a href="chapter-3.htm">Chapter 3 -
|
||||
|
|
|
|||
|
|
@ -0,0 +1,29 @@
|
|||
<!DOCTYPE html>
|
||||
<html><head><title>CSS Writing Modes: parsing unicode-bidi: normal, embed, bidi-override</title>
|
||||
<link href="kojiishi@gmail.com" rel="author" title="Koji Ishii">
|
||||
<link href="https://drafts.csswg.org/css2/visuren.html#direction" rel="help">
|
||||
<link href="https://drafts.csswg.org/css-writing-modes-3/#unicode-bidi" rel="help">
|
||||
<meta content="This test asserts the parser and getComputedStyle works correctly for the unicode-bidi: normal, embed, bidi-override." name="assert">
|
||||
<meta content="dom" name="flags">
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
|
||||
</head><body><div data-expected="normal" title="Initial value of unicode-bidi"></div>
|
||||
|
||||
<div data-expected="normal" style="unicode-bidi: embed; unicode-bidi: normal"></div>
|
||||
<div data-expected="embed" style="unicode-bidi: embed"></div>
|
||||
<div data-expected="bidi-override" style="unicode-bidi: bidi-override"></div>
|
||||
|
||||
<div style="unicode-bidi: embed">
|
||||
<div data-expected="normal" title="unicode-bidi should not inherit"></div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
Array.prototype.forEach.call(document.querySelectorAll("[data-expected]"), function (element) {
|
||||
test(function () {
|
||||
var actual = getComputedStyle(element).unicodeBidi;
|
||||
assert_equals(actual, element.dataset.expected);
|
||||
}, element.title || element.getAttribute("style"));
|
||||
});
|
||||
</script>
|
||||
</body></html>
|
||||
|
|
@ -12,7 +12,7 @@
|
|||
div#rl-upright
|
||||
{
|
||||
writing-mode: vertical-rl;
|
||||
font: 60px/3 Ahem; /* computes to 60px/180px */
|
||||
font: 100px/3 Ahem; /* computes to 100px/300px */
|
||||
color: blue;
|
||||
text-orientation: upright;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -12,7 +12,7 @@
|
|||
div#rl-mixed
|
||||
{
|
||||
writing-mode: vertical-rl;
|
||||
font: 60px/3 Ahem; /* computes to 60px/180px */
|
||||
font: 100px/3 Ahem; /* computes to 100px/300px */
|
||||
color: blue;
|
||||
text-orientation: mixed;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -12,7 +12,7 @@
|
|||
div#rl-sideways
|
||||
{
|
||||
writing-mode: vertical-rl;
|
||||
font: 60px/3 Ahem; /* computes to 60px/180px */
|
||||
font: 100px/3 Ahem; /* computes to 100px/300px */
|
||||
color: blue;
|
||||
text-orientation: sideways;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1645,6 +1645,8 @@ html/unicode-bidi-applies-to-014.htm 1ea78d913a72bdf534c9701bc8a771df856e3d2f ?
|
|||
xhtml1/unicode-bidi-applies-to-014.xht 1ea78d913a72bdf534c9701bc8a771df856e3d2f ?
|
||||
html/unicode-bidi-applies-to-015.htm f319b3e86aea3385f390f78d56ba608a6ac94f27 ?
|
||||
xhtml1/unicode-bidi-applies-to-015.xht f319b3e86aea3385f390f78d56ba608a6ac94f27 ?
|
||||
html/unicode-bidi-parsing-001.htm 72b131c94f05aa0b1ff6a6072b6c6376a39e100a ?
|
||||
xhtml1/unicode-bidi-parsing-001.xht 72b131c94f05aa0b1ff6a6072b6c6376a39e100a ?
|
||||
html/unicode-bidi-parsing-002.htm 94149c4ee2d6fad7f1ba5b12d076637c39479996 ?
|
||||
xhtml1/unicode-bidi-parsing-002.xht 94149c4ee2d6fad7f1ba5b12d076637c39479996 ?
|
||||
html/vertical-alignment-002.htm 7976476f1e1577a4f43f628fedad2fcac850e226 ?
|
||||
|
|
@ -1675,12 +1677,12 @@ html/vertical-alignment-vrl-018.htm 7e7e14382efae5767eecdb45ff697dff5e54688d ?
|
|||
xhtml1/vertical-alignment-vrl-018.xht 7e7e14382efae5767eecdb45ff697dff5e54688d ?
|
||||
html/vertical-alignment-vrl-020.htm 015c20befc16f691e32515ac377698c473da65e5 ?
|
||||
xhtml1/vertical-alignment-vrl-020.xht 015c20befc16f691e32515ac377698c473da65e5 ?
|
||||
html/vertical-alignment-vrl-022.htm c831bb6084a1e44cb93d20880f3c3e3efd446581 ?
|
||||
xhtml1/vertical-alignment-vrl-022.xht c831bb6084a1e44cb93d20880f3c3e3efd446581 ?
|
||||
html/vertical-alignment-vrl-024.htm c934e3bd41a2a8c605b5752b1f577c654cb83822 ?
|
||||
xhtml1/vertical-alignment-vrl-024.xht c934e3bd41a2a8c605b5752b1f577c654cb83822 ?
|
||||
html/vertical-alignment-vrl-026.htm 7a26be3255ca5f516f5fc18e3892498f1a8523b7 ?
|
||||
xhtml1/vertical-alignment-vrl-026.xht 7a26be3255ca5f516f5fc18e3892498f1a8523b7 ?
|
||||
html/vertical-alignment-vrl-022.htm 6dbc7179619268a8ec32d6280cb99b40fb9a2aa0 ?
|
||||
xhtml1/vertical-alignment-vrl-022.xht 6dbc7179619268a8ec32d6280cb99b40fb9a2aa0 ?
|
||||
html/vertical-alignment-vrl-024.htm 2e91edb95fd8d7edca1fe75eb83ab9e4b8dfb646 ?
|
||||
xhtml1/vertical-alignment-vrl-024.xht 2e91edb95fd8d7edca1fe75eb83ab9e4b8dfb646 ?
|
||||
html/vertical-alignment-vrl-026.htm fd50bbc488c4ffc9891805e968e71507fdb4a317 ?
|
||||
xhtml1/vertical-alignment-vrl-026.xht fd50bbc488c4ffc9891805e968e71507fdb4a317 ?
|
||||
html/writing-mode-horizontal-001l.htm 820b6baaa9ff63cf1a29b989c8d68ebdafe3c4da ?
|
||||
xhtml1/writing-mode-horizontal-001l.xht 820b6baaa9ff63cf1a29b989c8d68ebdafe3c4da ?
|
||||
html/writing-mode-horizontal-001r.htm 946a8be6f47e1cdc7ca7539e48e9964bd77c9ba9 ?
|
||||
|
|
|
|||
|
|
@ -820,6 +820,7 @@ unicode-bidi-applies-to-012 reference/direction-applies-to-008-ref Unicode-bidi
|
|||
unicode-bidi-applies-to-013 reference/direction-applies-to-008-ref Unicode-bidi applied to element with 'display' set to 'table' http://www.w3.org/TR/css-writing-modes-3/#unicode-bidi,http://www.w3.org/TR/CSS21/visuren.html#propdef-unicode-bidi,http://www.w3.org/TR/CSS21/visuren.html#direction 5e96cad2593bff9bf262c57806aa45b87820f36b `Microsoft`<http://www.microsoft.com/> The 'unicode-bidi' property does not apply to elements with a display of 'table'. 'unicode-bidi' property only applies to inline elements or block containers' immediate inline-level descendants.
|
||||
unicode-bidi-applies-to-014 reference/direction-applies-to-008-ref Unicode-bidi applied to element with 'display' set to 'inline-table' http://www.w3.org/TR/css-writing-modes-3/#unicode-bidi,http://www.w3.org/TR/CSS21/visuren.html#propdef-unicode-bidi,http://www.w3.org/TR/CSS21/visuren.html#direction 1ea78d913a72bdf534c9701bc8a771df856e3d2f `Microsoft`<http://www.microsoft.com/> The 'unicode-bidi' property does not apply to elements with a display of 'inline-table'. 'unicode-bidi' property only applies to inline elements or block containers' immediate inline-level descendants.
|
||||
unicode-bidi-applies-to-015 reference/direction-applies-to-008-ref Unicode-bidi applied to element with 'display' set to 'table-caption' http://www.w3.org/TR/css-writing-modes-3/#unicode-bidi,http://www.w3.org/TR/CSS21/visuren.html#propdef-unicode-bidi,http://www.w3.org/TR/CSS21/visuren.html#direction f319b3e86aea3385f390f78d56ba608a6ac94f27 `Microsoft`<http://www.microsoft.com/> The 'unicode-bidi' property applies to elements with a display of 'table-caption'.
|
||||
unicode-bidi-parsing-001 CSS Writing Modes: parsing unicode-bidi: normal, embed, bidi-override dom,script https://drafts.csswg.org/css2/visuren.html#direction,https://drafts.csswg.org/css-writing-modes-3/#unicode-bidi 72b131c94f05aa0b1ff6a6072b6c6376a39e100a `Koji Ishii`<kojiishi@gmail.com> This test asserts the parser and getComputedStyle works correctly for the unicode-bidi: normal, embed, bidi-override.
|
||||
unicode-bidi-parsing-002 CSS Writing Modes: parsing unicode-bidi: isolate, isolate-override, plaintext dom,script https://drafts.csswg.org/css-writing-modes-3/#unicode-bidi 94149c4ee2d6fad7f1ba5b12d076637c39479996 `Koji Ishii`<kojiishi@gmail.com> This test asserts the parser and getComputedStyle works correctly for the unicode-bidi: isolate, isolate-override, plaintext.
|
||||
vertical-alignment-002 reference/vertical-alignment-002-ref vertical-align - 'top' and vertical-rl writing-mode ahem http://www.w3.org/TR/css-writing-modes-3/#line-mappings,http://www.w3.org/TR/2011/REC-CSS2-20110607/visudet.html#leading 7976476f1e1577a4f43f628fedad2fcac850e226 `Hajime Shiozawa`<mailto:hajime.shiozawa@gmail.com> This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-rl', 'vertical-align' is 'top', the physical right (logical top) edge of an inline non-replaced box is aligned with the physical right (logical top) edge of its line box.
|
||||
vertical-alignment-003 reference/vertical-alignment-002-ref vertical-align - 'top' and vertical-lr writing-mode ahem http://www.w3.org/TR/css-writing-modes-3/#line-mappings,http://www.w3.org/TR/2011/REC-CSS2-20110607/visudet.html#leading 5346514767a52ffdf37c0e9c48f2f9e67baff22b `Hajime Shiozawa`<mailto:hajime.shiozawa@gmail.com> This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-lr', 'vertical-align' is 'top', the physical right (logical top) edge of an inline non-replaced box is aligned with the physical right (logical top) edge of its line box.
|
||||
|
|
@ -835,9 +836,9 @@ vertical-alignment-vrl-014 vertical-align - 'top' and vertical-rl writing-mode
|
|||
vertical-alignment-vrl-016 vertical-align - 'top' and vertical-rl writing-mode ahem http://www.w3.org/TR/css-writing-modes-3/#line-mappings,http://www.w3.org/TR/2011/REC-CSS2-20110607/visudet.html#leading 82308fb56104b4d673b1d59c18e975f78fbdb3f1 `Hajime Shiozawa`<mailto:hajime.shiozawa@gmail.com> This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-rl', 'text-orientation' is 'mixed', 'vertical-align' is 'sub', the baseline of the box is shifted to the left.
|
||||
vertical-alignment-vrl-018 vertical-align - 'top' and vertical-rl writing-mode ahem http://www.w3.org/TR/css-writing-modes-3/#line-mappings,http://www.w3.org/TR/2011/REC-CSS2-20110607/visudet.html#leading 7e7e14382efae5767eecdb45ff697dff5e54688d `Hajime Shiozawa`<mailto:hajime.shiozawa@gmail.com> This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-rl', 'text-orientation' is 'upright', 'vertical-align' is 'sub', the baseline of the box is shifted to the left.
|
||||
vertical-alignment-vrl-020 vertical-align - 'top' and vertical-rl writing-mode ahem http://www.w3.org/TR/css-writing-modes-3/#line-mappings,http://www.w3.org/TR/2011/REC-CSS2-20110607/visudet.html#leading 015c20befc16f691e32515ac377698c473da65e5 `Hajime Shiozawa`<mailto:hajime.shiozawa@gmail.com> This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-rl', 'text-orientation' is 'sideways', 'vertical-align' is 'sub', the baseline of the box is shifted to the left.
|
||||
vertical-alignment-vrl-022 reference/vertical-alignment-vrl-022-ref vertical-align - 'top' and vertical-rl writing-mode ahem http://www.w3.org/TR/css-writing-modes-3/#line-mappings,http://www.w3.org/TR/2011/REC-CSS2-20110607/visudet.html#leading c831bb6084a1e44cb93d20880f3c3e3efd446581 `Hajime Shiozawa`<mailto:hajime.shiozawa@gmail.com> This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-rl', 'text-orientation' is 'upright', 'vertical-align' is 'middle', the vertical midpoint of the box is aligned with the central baseline of the parent box plus half the x-height of the parent.
|
||||
vertical-alignment-vrl-024 reference/vertical-alignment-vrl-022-ref vertical-align - 'top' and vertical-rl writing-mode ahem http://www.w3.org/TR/css-writing-modes-3/#line-mappings,http://www.w3.org/TR/2011/REC-CSS2-20110607/visudet.html#leading c934e3bd41a2a8c605b5752b1f577c654cb83822 `Hajime Shiozawa`<mailto:hajime.shiozawa@gmail.com> This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-rl', 'text-orientation' is 'upright', 'vertical-align' is 'middle', the vertical midpoint of the box is aligned with the central baseline of the parent box plus half the x-height of the parent.
|
||||
vertical-alignment-vrl-026 reference/vertical-alignment-vrl-026-ref vertical-align - 'top' and vertical-rl writing-mode ahem http://www.w3.org/TR/css-writing-modes-3/#line-mappings,http://www.w3.org/TR/2011/REC-CSS2-20110607/visudet.html#leading 7a26be3255ca5f516f5fc18e3892498f1a8523b7 `Hajime Shiozawa`<mailto:hajime.shiozawa@gmail.com> This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-rl', 'text-orientation' is 'sideways, 'vertical-align' is 'middle', the vertical midpoint of the box is aligned with the central baseline of the parent box plus half the x-height of the parent.
|
||||
vertical-alignment-vrl-022 reference/vertical-alignment-vrl-022-ref vertical-align - 'top' and vertical-rl writing-mode ahem http://www.w3.org/TR/css-writing-modes-3/#line-mappings,http://www.w3.org/TR/2011/REC-CSS2-20110607/visudet.html#leading 6dbc7179619268a8ec32d6280cb99b40fb9a2aa0 `Hajime Shiozawa`<mailto:hajime.shiozawa@gmail.com> This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-rl', 'text-orientation' is 'upright', 'vertical-align' is 'middle', the vertical midpoint of the box is aligned with the central baseline of the parent box plus half the x-height of the parent.
|
||||
vertical-alignment-vrl-024 reference/vertical-alignment-vrl-022-ref vertical-align - 'top' and vertical-rl writing-mode ahem http://www.w3.org/TR/css-writing-modes-3/#line-mappings,http://www.w3.org/TR/2011/REC-CSS2-20110607/visudet.html#leading 2e91edb95fd8d7edca1fe75eb83ab9e4b8dfb646 `Hajime Shiozawa`<mailto:hajime.shiozawa@gmail.com> This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-rl', 'text-orientation' is 'upright', 'vertical-align' is 'middle', the vertical midpoint of the box is aligned with the central baseline of the parent box plus half the x-height of the parent.
|
||||
vertical-alignment-vrl-026 reference/vertical-alignment-vrl-026-ref vertical-align - 'top' and vertical-rl writing-mode ahem http://www.w3.org/TR/css-writing-modes-3/#line-mappings,http://www.w3.org/TR/2011/REC-CSS2-20110607/visudet.html#leading fd50bbc488c4ffc9891805e968e71507fdb4a317 `Hajime Shiozawa`<mailto:hajime.shiozawa@gmail.com> This test checks the position of inline non-replaced box with vertical align property. When 'writing-mode' is 'vertical-rl', 'text-orientation' is 'sideways, 'vertical-align' is 'middle', the vertical midpoint of the box is aligned with the central baseline of the parent box plus half the x-height of the parent.
|
||||
writing-mode-horizontal-001l reference/writing-mode-horizontal-001l-ref CSS Writing Modes: text-combine-upright in horizontal writing mode http://www.w3.org/TR/css-writing-modes-3/#text-combine-upright 820b6baaa9ff63cf1a29b989c8d68ebdafe3c4da `Masataka Yakura`<http://google.com/+MasatakaYakura> text-combine-upright does not have an effect in horizontal writing modes.
|
||||
writing-mode-horizontal-001r reference/writing-mode-horizontal-001r-ref CSS Writing Modes: text-combine-upright in horizontal writing mode http://www.w3.org/TR/css-writing-modes-3/#text-combine-upright 946a8be6f47e1cdc7ca7539e48e9964bd77c9ba9 `Masataka Yakura`<http://google.com/+MasatakaYakura> text-combine-upright does not have an effect in horizontal writing modes.
|
||||
writing-mode-parsing-001 CSS Writing Modes: parsing writing-mode dom,script https://drafts.csswg.org/css-writing-modes-3/#block-flow c51a2ea776e89eab37f78a5005ad12f1f23f07b4 `Koji Ishii`<kojiishi@gmail.com> This test asserts the parser and getComputedStyle works correctly for the writing-mode property.
|
||||
|
|
|
|||
|
|
@ -13,7 +13,7 @@
|
|||
<body>
|
||||
|
||||
<h1>CSS Writing Modes Module Level 3 CR Test Suite</h1>
|
||||
<h2>Inline Direction and Bidirectionality (172 tests)</h2>
|
||||
<h2>Inline Direction and Bidirectionality (173 tests)</h2>
|
||||
<table width="100%">
|
||||
<col id="test-column"></col>
|
||||
<col id="refs-column"></col>
|
||||
|
|
@ -1451,7 +1451,7 @@
|
|||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s2.2">+</a>
|
||||
<a href="http://www.w3.org/TR/css-writing-modes-3/#unicode-bidi">2.2 Embeddings and Overrides: the unicode-bidi property</a></th></tr>
|
||||
<!-- 20 tests -->
|
||||
<!-- 21 tests -->
|
||||
<tr id="bidi-alt-001-2.2" class="primary">
|
||||
<td><strong>
|
||||
<a href="bidi-alt-001.xht">bidi-alt-001</a></strong></td>
|
||||
|
|
@ -1661,6 +1661,17 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="unicode-bidi-parsing-001-2.2" class="dom script">
|
||||
<td>
|
||||
<a href="unicode-bidi-parsing-001.xht">unicode-bidi-parsing-001</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>CSS Writing Modes: parsing unicode-bidi: normal, embed, bidi-override
|
||||
<ul class="assert">
|
||||
<li>This test asserts the parser and getComputedStyle works correctly for the unicode-bidi: normal, embed, bidi-override.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="unicode-bidi-parsing-002-2.2" class="primary dom script">
|
||||
<td><strong>
|
||||
<a href="unicode-bidi-parsing-002.xht">unicode-bidi-parsing-002</a></strong></td>
|
||||
|
|
|
|||
|
|
@ -7,12 +7,12 @@
|
|||
<style type="text/css"><![CDATA[
|
||||
img
|
||||
{
|
||||
padding-left: 60px;
|
||||
padding-left: 100px;
|
||||
vertical-align: top;
|
||||
}
|
||||
img + br + img
|
||||
{
|
||||
padding-left: 108px; /* 60 px (padding-left) + 48 px (the position of small blue box)*/
|
||||
padding-left: 180px; /* 100 px (padding-left) + 80 px (the position of small blue box)*/
|
||||
}
|
||||
]]></style>
|
||||
|
||||
|
|
@ -23,7 +23,7 @@
|
|||
<p>Test passes if the <strong>right edge</strong> of an irregular polygon is straight and unbroken.</p>
|
||||
|
||||
<div>
|
||||
<img class="blue" src="support/swatch-blue.png" width="60" height="60" alt="Image download support must be enabled" /><br /><img class="blue" src="support/swatch-blue.png" width="12" height="12" alt="Image download support must be enabled" />
|
||||
<img class="blue" src="support/swatch-blue.png" width="100" height="100" alt="Image download support must be enabled" /><br /><img class="blue" src="support/swatch-blue.png" width="20" height="20" alt="Image download support must be enabled" />
|
||||
</div>
|
||||
|
||||
</body>
|
||||
|
|
|
|||
|
|
@ -7,12 +7,12 @@
|
|||
<style type="text/css"><![CDATA[
|
||||
img
|
||||
{
|
||||
padding-left: 60px;
|
||||
padding-left: 100px;
|
||||
vertical-align: top;
|
||||
}
|
||||
img + br + img
|
||||
{
|
||||
padding-left: 72px; /* 60 px (padding-left) + 12 px (the position of small blue box)*/
|
||||
padding-left: 120px; /* 60 px (padding-left) + 12 px (the position of small blue box)*/
|
||||
}
|
||||
]]></style>
|
||||
|
||||
|
|
@ -23,7 +23,7 @@
|
|||
<p>Test passes if the <strong>right edge</strong> of an irregular polygon is straight and unbroken.</p>
|
||||
|
||||
<div>
|
||||
<img class="blue" src="support/swatch-blue.png" width="60" height="60" alt="Image download support must be enabled" /><br /><img class="blue" src="support/swatch-blue.png" width="48" height="48" alt="Image download support must be enabled" />
|
||||
<img class="blue" src="support/swatch-blue.png" width="100" height="100" alt="Image download support must be enabled" /><br /><img class="blue" src="support/swatch-blue.png" width="80" height="80" alt="Image download support must be enabled" />
|
||||
</div>
|
||||
|
||||
</body>
|
||||
|
|
|
|||
|
|
@ -27,7 +27,7 @@
|
|||
<tbody id="s2">
|
||||
<tr><th><a href="chapter-2.xht">Chapter 2 -
|
||||
Inline Direction and Bidirectionality</a></th>
|
||||
<td>(172 Tests)</td></tr>
|
||||
<td>(173 Tests)</td></tr>
|
||||
</tbody>
|
||||
<tbody id="s3">
|
||||
<tr><th><a href="chapter-3.xht">Chapter 3 -
|
||||
|
|
|
|||
|
|
@ -0,0 +1,29 @@
|
|||
<!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><title>CSS Writing Modes: parsing unicode-bidi: normal, embed, bidi-override</title>
|
||||
<link href="kojiishi@gmail.com" rel="author" title="Koji Ishii" />
|
||||
<link href="https://drafts.csswg.org/css2/visuren.html#direction" rel="help" />
|
||||
<link href="https://drafts.csswg.org/css-writing-modes-3/#unicode-bidi" rel="help" />
|
||||
<meta content="This test asserts the parser and getComputedStyle works correctly for the unicode-bidi: normal, embed, bidi-override." name="assert" />
|
||||
<meta content="dom" name="flags" />
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
|
||||
</head><body><div data-expected="normal" title="Initial value of unicode-bidi"></div>
|
||||
|
||||
<div data-expected="normal" style="unicode-bidi: embed; unicode-bidi: normal"></div>
|
||||
<div data-expected="embed" style="unicode-bidi: embed"></div>
|
||||
<div data-expected="bidi-override" style="unicode-bidi: bidi-override"></div>
|
||||
|
||||
<div style="unicode-bidi: embed">
|
||||
<div data-expected="normal" title="unicode-bidi should not inherit"></div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
Array.prototype.forEach.call(document.querySelectorAll("[data-expected]"), function (element) {
|
||||
test(function () {
|
||||
var actual = getComputedStyle(element).unicodeBidi;
|
||||
assert_equals(actual, element.dataset.expected);
|
||||
}, element.title || element.getAttribute("style"));
|
||||
});
|
||||
</script>
|
||||
</body></html>
|
||||
|
|
@ -12,7 +12,7 @@
|
|||
div#rl-upright
|
||||
{
|
||||
writing-mode: vertical-rl;
|
||||
font: 60px/3 Ahem; /* computes to 60px/180px */
|
||||
font: 100px/3 Ahem; /* computes to 100px/300px */
|
||||
color: blue;
|
||||
text-orientation: upright;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -12,7 +12,7 @@
|
|||
div#rl-mixed
|
||||
{
|
||||
writing-mode: vertical-rl;
|
||||
font: 60px/3 Ahem; /* computes to 60px/180px */
|
||||
font: 100px/3 Ahem; /* computes to 100px/300px */
|
||||
color: blue;
|
||||
text-orientation: mixed;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -12,7 +12,7 @@
|
|||
div#rl-sideways
|
||||
{
|
||||
writing-mode: vertical-rl;
|
||||
font: 60px/3 Ahem; /* computes to 60px/180px */
|
||||
font: 100px/3 Ahem; /* computes to 100px/300px */
|
||||
color: blue;
|
||||
text-orientation: sideways;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -13,7 +13,7 @@
|
|||
<body>
|
||||
|
||||
<h1>CSS Writing Modes Module Level 3 CR Test Suite</h1>
|
||||
<h2>Inline Direction and Bidirectionality (172 tests)</h2>
|
||||
<h2>Inline Direction and Bidirectionality (173 tests)</h2>
|
||||
<table width="100%">
|
||||
<col id="test-column"></col>
|
||||
<col id="refs-column"></col>
|
||||
|
|
@ -1451,7 +1451,7 @@
|
|||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s2.2">+</a>
|
||||
<a href="http://www.w3.org/TR/css-writing-modes-3/#unicode-bidi">2.2 Embeddings and Overrides: the unicode-bidi property</a></th></tr>
|
||||
<!-- 20 tests -->
|
||||
<!-- 21 tests -->
|
||||
<tr id="bidi-alt-001-2.2" class="primary">
|
||||
<td><strong>
|
||||
<a href="bidi-alt-001.xht">bidi-alt-001</a></strong></td>
|
||||
|
|
@ -1661,6 +1661,17 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="unicode-bidi-parsing-001-2.2" class="dom script">
|
||||
<td>
|
||||
<a href="unicode-bidi-parsing-001.xht">unicode-bidi-parsing-001</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>CSS Writing Modes: parsing unicode-bidi: normal, embed, bidi-override
|
||||
<ul class="assert">
|
||||
<li>This test asserts the parser and getComputedStyle works correctly for the unicode-bidi: normal, embed, bidi-override.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="unicode-bidi-parsing-002-2.2" class="primary dom script">
|
||||
<td><strong>
|
||||
<a href="unicode-bidi-parsing-002.xht">unicode-bidi-parsing-002</a></strong></td>
|
||||
|
|
|
|||
|
|
@ -16,12 +16,12 @@
|
|||
<style type="text/css"><![CDATA[
|
||||
img
|
||||
{
|
||||
padding-left: 60px;
|
||||
padding-left: 100px;
|
||||
vertical-align: top;
|
||||
}
|
||||
img + br + img
|
||||
{
|
||||
padding-left: 108px; /* 60 px (padding-left) + 48 px (the position of small blue box)*/
|
||||
padding-left: 180px; /* 100 px (padding-left) + 80 px (the position of small blue box)*/
|
||||
}
|
||||
]]></style>
|
||||
|
||||
|
|
@ -32,7 +32,7 @@
|
|||
<p>Test passes if the <strong>right edge</strong> of an irregular polygon is straight and unbroken.</p>
|
||||
|
||||
<div>
|
||||
<img class="blue" src="support/swatch-blue.png" width="60" height="60" alt="Image download support must be enabled" /><br /><img class="blue" src="support/swatch-blue.png" width="12" height="12" alt="Image download support must be enabled" />
|
||||
<img class="blue" src="support/swatch-blue.png" width="100" height="100" alt="Image download support must be enabled" /><br /><img class="blue" src="support/swatch-blue.png" width="20" height="20" alt="Image download support must be enabled" />
|
||||
</div>
|
||||
|
||||
</body>
|
||||
|
|
|
|||
|
|
@ -16,12 +16,12 @@
|
|||
<style type="text/css"><![CDATA[
|
||||
img
|
||||
{
|
||||
padding-left: 60px;
|
||||
padding-left: 100px;
|
||||
vertical-align: top;
|
||||
}
|
||||
img + br + img
|
||||
{
|
||||
padding-left: 72px; /* 60 px (padding-left) + 12 px (the position of small blue box)*/
|
||||
padding-left: 120px; /* 60 px (padding-left) + 12 px (the position of small blue box)*/
|
||||
}
|
||||
]]></style>
|
||||
|
||||
|
|
@ -32,7 +32,7 @@
|
|||
<p>Test passes if the <strong>right edge</strong> of an irregular polygon is straight and unbroken.</p>
|
||||
|
||||
<div>
|
||||
<img class="blue" src="support/swatch-blue.png" width="60" height="60" alt="Image download support must be enabled" /><br /><img class="blue" src="support/swatch-blue.png" width="48" height="48" alt="Image download support must be enabled" />
|
||||
<img class="blue" src="support/swatch-blue.png" width="100" height="100" alt="Image download support must be enabled" /><br /><img class="blue" src="support/swatch-blue.png" width="80" height="80" alt="Image download support must be enabled" />
|
||||
</div>
|
||||
|
||||
</body>
|
||||
|
|
|
|||
|
|
@ -27,7 +27,7 @@
|
|||
<tbody id="s2">
|
||||
<tr><th><a href="chapter-2.xht">Chapter 2 -
|
||||
Inline Direction and Bidirectionality</a></th>
|
||||
<td>(172 Tests)</td></tr>
|
||||
<td>(173 Tests)</td></tr>
|
||||
</tbody>
|
||||
<tbody id="s3">
|
||||
<tr><th><a href="chapter-3.xht">Chapter 3 -
|
||||
|
|
|
|||
|
|
@ -0,0 +1,29 @@
|
|||
<!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><title>CSS Writing Modes: parsing unicode-bidi: normal, embed, bidi-override</title>
|
||||
<link href="kojiishi@gmail.com" rel="author" title="Koji Ishii" />
|
||||
<link href="https://drafts.csswg.org/css2/visuren.html#direction" rel="help" />
|
||||
<link href="https://drafts.csswg.org/css-writing-modes-3/#unicode-bidi" rel="help" />
|
||||
<meta content="This test asserts the parser and getComputedStyle works correctly for the unicode-bidi: normal, embed, bidi-override." name="assert" />
|
||||
<meta content="dom" name="flags" />
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
|
||||
</head><body><div data-expected="normal" title="Initial value of unicode-bidi"></div>
|
||||
|
||||
<div data-expected="normal" style="unicode-bidi: embed; unicode-bidi: normal"></div>
|
||||
<div data-expected="embed" style="unicode-bidi: embed"></div>
|
||||
<div data-expected="bidi-override" style="unicode-bidi: bidi-override"></div>
|
||||
|
||||
<div style="unicode-bidi: embed">
|
||||
<div data-expected="normal" title="unicode-bidi should not inherit"></div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
Array.prototype.forEach.call(document.querySelectorAll("[data-expected]"), function (element) {
|
||||
test(function () {
|
||||
var actual = getComputedStyle(element).unicodeBidi;
|
||||
assert_equals(actual, element.dataset.expected);
|
||||
}, element.title || element.getAttribute("style"));
|
||||
});
|
||||
</script>
|
||||
</body></html>
|
||||
|
|
@ -21,7 +21,7 @@
|
|||
div#rl-upright
|
||||
{
|
||||
writing-mode: vertical-rl;
|
||||
font: 60px/3 Ahem; /* computes to 60px/180px */
|
||||
font: 100px/3 Ahem; /* computes to 100px/300px */
|
||||
color: blue;
|
||||
text-orientation: upright;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -21,7 +21,7 @@
|
|||
div#rl-mixed
|
||||
{
|
||||
writing-mode: vertical-rl;
|
||||
font: 60px/3 Ahem; /* computes to 60px/180px */
|
||||
font: 100px/3 Ahem; /* computes to 100px/300px */
|
||||
color: blue;
|
||||
text-orientation: mixed;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -21,7 +21,7 @@
|
|||
div#rl-sideways
|
||||
{
|
||||
writing-mode: vertical-rl;
|
||||
font: 60px/3 Ahem; /* computes to 60px/180px */
|
||||
font: 100px/3 Ahem; /* computes to 100px/300px */
|
||||
color: blue;
|
||||
text-orientation: sideways;
|
||||
}
|
||||
|
|
|
|||
|
|
@ -4,6 +4,7 @@
|
|||
<title>CSS Test: Attribute selector matching value</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/">
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#attribute-selectors">
|
||||
<link rel="match" href="reference/attribute-value-selector-001-ref.htm">
|
||||
<meta name="flags" content="">
|
||||
<meta name="assert" content="Selector matches attribute with specific value.">
|
||||
<style type="text/css">
|
||||
|
|
|
|||
|
|
@ -4,6 +4,7 @@
|
|||
<title>CSS Test: Attribute selector matching value in hyphenated list</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/">
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#attribute-selectors">
|
||||
<link rel="match" href="reference/attribute-value-selector-001-ref.htm">
|
||||
<meta name="flags" content="">
|
||||
<meta name="assert" content="Selector matches attributes with specific value in a hyphen-separated list.">
|
||||
<style type="text/css">
|
||||
|
|
|
|||
|
|
@ -4,6 +4,7 @@
|
|||
<title>CSS Test: Attribute selector matching value in list</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/">
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#attribute-selectors">
|
||||
<link rel="match" href="reference/attribute-value-selector-001-ref.htm">
|
||||
<meta name="flags" content="">
|
||||
<meta name="assert" content="Selector matches attribute with specific value in a space-separated list.">
|
||||
<style type="text/css">
|
||||
|
|
|
|||
|
|
@ -13,7 +13,7 @@
|
|||
<body>
|
||||
|
||||
<h1>CSS 2.1 Conformance Test Suite</h1>
|
||||
<h2>Tables (1153 tests)</h2>
|
||||
<h2>Tables (1154 tests)</h2>
|
||||
<table width="100%">
|
||||
<col id="test-column">
|
||||
<col id="refs-column">
|
||||
|
|
@ -5343,7 +5343,7 @@
|
|||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s17.5.2.2">+</a>
|
||||
<a href="http://www.w3.org/TR/CSS21/tables.html#auto-table-layout">17.5.2.2 Automatic table layout</a></th></tr>
|
||||
<!-- 6 tests -->
|
||||
<!-- 7 tests -->
|
||||
<tr id="anonymous-table-box-width-001-17.5.2.2" class="primary">
|
||||
<td><strong>
|
||||
<a href="anonymous-table-box-width-001.htm">anonymous-table-box-width-001</a></strong></td>
|
||||
|
|
@ -5387,6 +5387,17 @@
|
|||
<td>Test for 'width' shrink-wrapping on inline-table
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="min-width-tables-001-17.5.2.2" class="primary dom">
|
||||
<td><strong>
|
||||
<a href="min-width-tables-001.htm">min-width-tables-001</a></strong></td>
|
||||
<td><a href="ref.htm">=</a> </td>
|
||||
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
|
||||
<td>Table Layout and Viewport Resizing
|
||||
<ul class="assert">
|
||||
<li>Resizing a page which toggles the `display` of elements between `block` and `table-cell` based on the viewport width should not cause unnecessary wrapping of the table.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="table-percent-width-001-17.5.2.2" class="primary">
|
||||
<td><strong>
|
||||
<a href="table-percent-width-001.htm">table-percent-width-001</a></strong></td>
|
||||
|
|
|
|||
|
|
@ -784,7 +784,7 @@
|
|||
<tr id="attribute-value-selector-001-5.8" class="primary">
|
||||
<td><strong>
|
||||
<a href="attribute-value-selector-001.htm">attribute-value-selector-001</a></strong></td>
|
||||
<td></td>
|
||||
<td><a href="reference/attribute-value-selector-001-ref.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>Attribute selector matching value
|
||||
<ul class="assert">
|
||||
|
|
@ -795,7 +795,7 @@
|
|||
<tr id="attribute-value-selector-002-5.8" class="primary">
|
||||
<td><strong>
|
||||
<a href="attribute-value-selector-002.htm">attribute-value-selector-002</a></strong></td>
|
||||
<td></td>
|
||||
<td><a href="reference/attribute-value-selector-001-ref.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>Attribute selector matching value in hyphenated list
|
||||
<ul class="assert">
|
||||
|
|
@ -806,7 +806,7 @@
|
|||
<tr id="attribute-value-selector-003-5.8" class="primary">
|
||||
<td><strong>
|
||||
<a href="attribute-value-selector-003.htm">attribute-value-selector-003</a></strong></td>
|
||||
<td></td>
|
||||
<td><a href="reference/attribute-value-selector-001-ref.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>Attribute selector matching value in list
|
||||
<ul class="assert">
|
||||
|
|
|
|||
|
|
@ -13,7 +13,7 @@
|
|||
<body>
|
||||
|
||||
<h1>CSS 2.1 Conformance Test Suite</h1>
|
||||
<h2>Visual formatting model (1244 tests)</h2>
|
||||
<h2>Visual formatting model (1245 tests)</h2>
|
||||
<table width="100%">
|
||||
<col id="test-column">
|
||||
<col id="refs-column">
|
||||
|
|
@ -17418,7 +17418,7 @@
|
|||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s9.10">+</a>
|
||||
<a href="http://www.w3.org/TR/CSS21/visuren.html#direction">9.10 Text direction: the 'direction' and 'unicode-bidi' properties</a></th></tr>
|
||||
<!-- 119 tests -->
|
||||
<!-- 120 tests -->
|
||||
<tr id="bidi-001-9.10" class="">
|
||||
<td>
|
||||
<a href="bidi-001.htm">bidi-001</a></td>
|
||||
|
|
@ -18668,6 +18668,17 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="unicode-bidi-parsing-001-9.10" class="primary dom script">
|
||||
<td><strong>
|
||||
<a href="unicode-bidi-parsing-001.htm">unicode-bidi-parsing-001</a></strong></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>CSS Writing Modes: parsing unicode-bidi: normal, embed, bidi-override
|
||||
<ul class="assert">
|
||||
<li>This test asserts the parser and getComputedStyle works correctly for the unicode-bidi: normal, embed, bidi-override.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="s9.10.#propdef-direction">
|
||||
<!-- 31 tests -->
|
||||
|
|
|
|||
42
tests/wpt/css-tests/css21_dev/html4/min-width-tables-001.htm
Normal file
42
tests/wpt/css-tests/css21_dev/html4/min-width-tables-001.htm
Normal file
|
|
@ -0,0 +1,42 @@
|
|||
<!DOCTYPE html>
|
||||
<html class="reftest-wait"><head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Test: Table Layout and Viewport Resizing</title>
|
||||
<link href="http://chrisrebert.com" rel="author" title="Chris Rebert">
|
||||
<link href="https://drafts.csswg.org/css2/tables.html#auto-table-layout" rel="help">
|
||||
<link href="https://drafts.csswg.org/mediaqueries-3/#width" rel="help">
|
||||
<link href="https://drafts.csswg.org/mediaqueries-4/#width" rel="help">
|
||||
<link href="ref.htm" rel="match">
|
||||
<meta content="dom" name="flags">
|
||||
<meta content="Resizing a page which toggles the `display` of elements between `block` and `table-cell` based on the viewport width should not cause unnecessary wrapping of the table." name="assert">
|
||||
<style>
|
||||
iframe {
|
||||
border: 0;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is a <strong>filled green square</strong> and <strong>no red</strong>.</p>
|
||||
<iframe src="support/min-width-tables-001-iframe.html" height="300" id="toy" width="100"></iframe>
|
||||
<!-- See min-width-tables-001-iframe.html for the derivation of the 100px value -->
|
||||
<!-- We use 300px height so the incorrect stacking is visible in failure cases -->
|
||||
<!-- This test is not about iframes specifically. It's just that resizing an iframe is more reliable than resizing the window, given browser security restrictions. -->
|
||||
<script>
|
||||
window.addEventListener('load', function () {
|
||||
var PAINT_MS = 250;/* Assume the browser takes about this long to layout/paint this whole page */
|
||||
var iframe = document.getElementById('toy');
|
||||
window.setTimeout(function () {
|
||||
iframe.width = 64;/* <100px ; toggle media query off */
|
||||
window.setTimeout(function () {
|
||||
iframe.width = 100;/* >=100px ; toggle media query on; back to initial width */
|
||||
// Take the reftest screenshot after the last relayout/repaint finishes
|
||||
window.setTimeout(function () {
|
||||
document.documentElement.className = '';
|
||||
}, PAINT_MS);
|
||||
}, PAINT_MS);
|
||||
}, PAINT_MS);
|
||||
}, false);
|
||||
</script>
|
||||
|
||||
|
||||
</body></html>
|
||||
18
tests/wpt/css-tests/css21_dev/html4/ref.htm
Normal file
18
tests/wpt/css-tests/css21_dev/html4/ref.htm
Normal file
|
|
@ -0,0 +1,18 @@
|
|||
<!DOCTYPE html>
|
||||
<html><head>
|
||||
<title>CSS Reftest Reference</title>
|
||||
<link href="http://florian.rivoal.net/" rel="author" title="Florian Rivoal">
|
||||
<style>
|
||||
div {
|
||||
background-color:green;
|
||||
height:100px;
|
||||
width:100px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is a <strong>filled green square</strong> and <strong>no red</strong>.</p>
|
||||
<div></div>
|
||||
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,17 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
|
||||
<html>
|
||||
<head>
|
||||
<title>CSS Reftest Reference</title>
|
||||
<link rel="author" title="Ms2ger" href="mailto:Ms2ger@gmail.com">
|
||||
<style type="text/css">
|
||||
.green {
|
||||
color: green;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if the first line of "Filler Text" below is black and the second one is green.</p>
|
||||
<div>Filler Text</div>
|
||||
<div class="green">Filler Text</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,59 @@
|
|||
<!DOCTYPE html>
|
||||
<html><head>
|
||||
<meta charset="utf-8">
|
||||
<title>iframe containing the meat of the test</title>
|
||||
<style>
|
||||
body {
|
||||
margin: 0;
|
||||
overflow: hidden;
|
||||
}
|
||||
/* green div that should cover the red divs */
|
||||
#green {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
background-color: green;
|
||||
width: 100%;
|
||||
height: 600px;
|
||||
}
|
||||
.spacer {
|
||||
height: 98px;
|
||||
width: 20px;
|
||||
}
|
||||
.item {
|
||||
background-color: red;
|
||||
display: block;/* property under test */
|
||||
/* border to aid understanding of boundaries between items */
|
||||
border-style: solid;
|
||||
border-width: 1px;
|
||||
border-color: red;/* Note: if you're trying to debug this, use a different color here */
|
||||
}
|
||||
/* 100px = 10*(1 + 8 + 1) */
|
||||
@media (min-width: 100px) {
|
||||
#green {
|
||||
width: 100px;
|
||||
height: 100px;/* = 1 + 98 + 1 */
|
||||
}
|
||||
.item {
|
||||
display: table-cell;/* property and value under test */
|
||||
}
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div>
|
||||
<div class="item"><div class="spacer"></div></div>
|
||||
<div class="item"><div class="spacer"></div></div>
|
||||
<div class="item"><div class="spacer"></div></div>
|
||||
<div class="item"><div class="spacer"></div></div>
|
||||
<div class="item"><div class="spacer"></div></div>
|
||||
<div class="item"><div class="spacer"></div></div>
|
||||
<div class="item"><div class="spacer"></div></div>
|
||||
<div class="item"><div class="spacer"></div></div>
|
||||
<div class="item"><div class="spacer"></div></div>
|
||||
<div class="item"><div class="spacer"></div></div>
|
||||
</div>
|
||||
<div id="green"></div>
|
||||
|
||||
|
||||
</body></html>
|
||||
|
|
@ -4248,6 +4248,30 @@
|
|||
<td rowspan="1"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="attribute-value-selector-001" class="">
|
||||
<tr>
|
||||
<td rowspan="1" title="Attribute selector matching value">
|
||||
<a href="attribute-value-selector-001.htm">attribute-value-selector-001</a></td>
|
||||
<td><a href="reference/attribute-value-selector-001-ref.htm">=</a> </td>
|
||||
<td rowspan="1"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="attribute-value-selector-002" class="">
|
||||
<tr>
|
||||
<td rowspan="1" title="Attribute selector matching value in hyphenated list">
|
||||
<a href="attribute-value-selector-002.htm">attribute-value-selector-002</a></td>
|
||||
<td><a href="reference/attribute-value-selector-001-ref.htm">=</a> </td>
|
||||
<td rowspan="1"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="attribute-value-selector-003" class="">
|
||||
<tr>
|
||||
<td rowspan="1" title="Attribute selector matching value in list">
|
||||
<a href="attribute-value-selector-003.htm">attribute-value-selector-003</a></td>
|
||||
<td><a href="reference/attribute-value-selector-001-ref.htm">=</a> </td>
|
||||
<td rowspan="1"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="attribute-value-selector-004" class="invalid">
|
||||
<tr>
|
||||
<td rowspan="1" title="Numeric attributes">
|
||||
|
|
@ -37324,6 +37348,14 @@
|
|||
<td rowspan="1"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="min-width-tables-001" class="dom">
|
||||
<tr>
|
||||
<td rowspan="1" title="Table Layout and Viewport Resizing">
|
||||
<a href="min-width-tables-001.htm">min-width-tables-001</a></td>
|
||||
<td><a href="ref.htm">=</a> </td>
|
||||
<td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="moz-css21-block-page-break-inside-avoid-1" class="paged">
|
||||
<tr>
|
||||
<td rowspan="1" title="CSS 2.1 page-break-inside:avoid">
|
||||
|
|
|
|||
|
|
@ -556,6 +556,9 @@ attribute-007.htm == reference/attribute-ref.htm
|
|||
attribute-selector-001.htm == reference/no-red-filler-text-ref.htm
|
||||
attribute-selector-002.htm == reference/filler-text-below-green.htm
|
||||
attribute-token-selector-002.htm == reference/attribute-token-selector-002-ref.htm
|
||||
attribute-value-selector-001.htm == reference/attribute-value-selector-001-ref.htm
|
||||
attribute-value-selector-002.htm == reference/attribute-value-selector-001-ref.htm
|
||||
attribute-value-selector-003.htm == reference/attribute-value-selector-001-ref.htm
|
||||
attribute-value-selector-004.htm == reference/no-red-filler-text-ref.htm
|
||||
attribute-value-selector-005.htm == reference/filler-text-below-green.htm
|
||||
attribute-value-selector-006.htm == reference/filler-text-below-green.htm
|
||||
|
|
@ -4717,6 +4720,7 @@ min-width-applies-to-015.htm == reference/ref-filled-black-96px-square.htm
|
|||
min-width-applies-to-016.htm == reference/ref-filled-green-100px-square.htm
|
||||
min-width-percentage-001.htm == reference/max-width-percentage-001-ref.htm
|
||||
min-width-percentage-002.htm == reference/ref-if-there-is-no-red.htm
|
||||
min-width-tables-001.htm == ref.htm
|
||||
moz-css21-block-page-break-inside-avoid-1.htm == reference/moz-css21-block-page-break-inside-avoid-ref.htm
|
||||
moz-css21-block-page-break-inside-avoid-10.htm == reference/moz-css21-block-page-break-inside-avoid-ref.htm
|
||||
moz-css21-block-page-break-inside-avoid-11.htm == reference/moz-css21-block-page-break-inside-avoid-ref.htm
|
||||
|
|
|
|||
|
|
@ -0,0 +1,59 @@
|
|||
<!DOCTYPE html>
|
||||
<html><head>
|
||||
<meta charset="utf-8">
|
||||
<title>iframe containing the meat of the test</title>
|
||||
<style>
|
||||
body {
|
||||
margin: 0;
|
||||
overflow: hidden;
|
||||
}
|
||||
/* green div that should cover the red divs */
|
||||
#green {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
background-color: green;
|
||||
width: 100%;
|
||||
height: 600px;
|
||||
}
|
||||
.spacer {
|
||||
height: 98px;
|
||||
width: 20px;
|
||||
}
|
||||
.item {
|
||||
background-color: red;
|
||||
display: block;/* property under test */
|
||||
/* border to aid understanding of boundaries between items */
|
||||
border-style: solid;
|
||||
border-width: 1px;
|
||||
border-color: red;/* Note: if you're trying to debug this, use a different color here */
|
||||
}
|
||||
/* 100px = 10*(1 + 8 + 1) */
|
||||
@media (min-width: 100px) {
|
||||
#green {
|
||||
width: 100px;
|
||||
height: 100px;/* = 1 + 98 + 1 */
|
||||
}
|
||||
.item {
|
||||
display: table-cell;/* property and value under test */
|
||||
}
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div>
|
||||
<div class="item"><div class="spacer"></div></div>
|
||||
<div class="item"><div class="spacer"></div></div>
|
||||
<div class="item"><div class="spacer"></div></div>
|
||||
<div class="item"><div class="spacer"></div></div>
|
||||
<div class="item"><div class="spacer"></div></div>
|
||||
<div class="item"><div class="spacer"></div></div>
|
||||
<div class="item"><div class="spacer"></div></div>
|
||||
<div class="item"><div class="spacer"></div></div>
|
||||
<div class="item"><div class="spacer"></div></div>
|
||||
<div class="item"><div class="spacer"></div></div>
|
||||
</div>
|
||||
<div id="green"></div>
|
||||
|
||||
|
||||
</body></html>
|
||||
|
|
@ -62,7 +62,7 @@
|
|||
<tbody id="s9">
|
||||
<tr><th><a href="chapter-9.htm">Chapter 9 -
|
||||
Visual formatting model</a></th>
|
||||
<td>(1244 Tests)</td></tr>
|
||||
<td>(1245 Tests)</td></tr>
|
||||
</tbody>
|
||||
<tbody id="s10">
|
||||
<tr><th><a href="chapter-10.htm">Chapter 10 -
|
||||
|
|
@ -102,7 +102,7 @@
|
|||
<tbody id="s17">
|
||||
<tr><th><a href="chapter-17.htm">Chapter 17 -
|
||||
Tables</a></th>
|
||||
<td>(1153 Tests)</td></tr>
|
||||
<td>(1154 Tests)</td></tr>
|
||||
</tbody>
|
||||
<tbody id="s18">
|
||||
<tr><th><a href="chapter-18.htm">Chapter 18 -
|
||||
|
|
|
|||
|
|
@ -0,0 +1,29 @@
|
|||
<!DOCTYPE html>
|
||||
<html><head><title>CSS Writing Modes: parsing unicode-bidi: normal, embed, bidi-override</title>
|
||||
<link href="kojiishi@gmail.com" rel="author" title="Koji Ishii">
|
||||
<link href="https://drafts.csswg.org/css2/visuren.html#direction" rel="help">
|
||||
<link href="https://drafts.csswg.org/css-writing-modes-3/#unicode-bidi" rel="help">
|
||||
<meta content="This test asserts the parser and getComputedStyle works correctly for the unicode-bidi: normal, embed, bidi-override." name="assert">
|
||||
<meta content="dom" name="flags">
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
|
||||
</head><body><div data-expected="normal" title="Initial value of unicode-bidi"></div>
|
||||
|
||||
<div data-expected="normal" style="unicode-bidi: embed; unicode-bidi: normal"></div>
|
||||
<div data-expected="embed" style="unicode-bidi: embed"></div>
|
||||
<div data-expected="bidi-override" style="unicode-bidi: bidi-override"></div>
|
||||
|
||||
<div style="unicode-bidi: embed">
|
||||
<div data-expected="normal" title="unicode-bidi should not inherit"></div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
Array.prototype.forEach.call(document.querySelectorAll("[data-expected]"), function (element) {
|
||||
test(function () {
|
||||
var actual = getComputedStyle(element).unicodeBidi;
|
||||
assert_equals(actual, element.dataset.expected);
|
||||
}, element.title || element.getAttribute("style"));
|
||||
});
|
||||
</script>
|
||||
</body></html>
|
||||
|
|
@ -1171,12 +1171,12 @@ html4/attribute-selector-002.htm 8258ef77fe8bc269d4ad7da52844fb69831f263a ?
|
|||
xhtml1/attribute-selector-002.xht 8258ef77fe8bc269d4ad7da52844fb69831f263a ?
|
||||
html4/attribute-token-selector-002.htm e3618655002fbb5400400c7e265d1e7ab68b0ef7 ?
|
||||
xhtml1/attribute-token-selector-002.xht e3618655002fbb5400400c7e265d1e7ab68b0ef7 ?
|
||||
html4/attribute-value-selector-001.htm 5c12dacb95ba85424309f59e8355e56217f96b2f ?
|
||||
xhtml1/attribute-value-selector-001.xht 5c12dacb95ba85424309f59e8355e56217f96b2f ?
|
||||
html4/attribute-value-selector-002.htm b6151b834ce6a9223c730d3f9ed09a2eec1497db ?
|
||||
xhtml1/attribute-value-selector-002.xht b6151b834ce6a9223c730d3f9ed09a2eec1497db ?
|
||||
html4/attribute-value-selector-003.htm 97394b2c006c24adcc15fda9042a154f051c936b ?
|
||||
xhtml1/attribute-value-selector-003.xht 97394b2c006c24adcc15fda9042a154f051c936b ?
|
||||
html4/attribute-value-selector-001.htm 0c877fba5365ea5b8e42d174fa3365abb8d3ea56 ?
|
||||
xhtml1/attribute-value-selector-001.xht 0c877fba5365ea5b8e42d174fa3365abb8d3ea56 ?
|
||||
html4/attribute-value-selector-002.htm 50f278c723eeaa566495f8a5f0d9224599d49b8f ?
|
||||
xhtml1/attribute-value-selector-002.xht 50f278c723eeaa566495f8a5f0d9224599d49b8f ?
|
||||
html4/attribute-value-selector-003.htm 508036fcffcc15830d5fdff9d40e8e7c0c1ccda3 ?
|
||||
xhtml1/attribute-value-selector-003.xht 508036fcffcc15830d5fdff9d40e8e7c0c1ccda3 ?
|
||||
html4/attribute-value-selector-004.htm dfb8215a980f61f868127601e02f621b5d8de9a7 ?
|
||||
xhtml1/attribute-value-selector-004.xht dfb8215a980f61f868127601e02f621b5d8de9a7 ?
|
||||
html4/attribute-value-selector-005.htm 4e99118f4f08eb0e71b36b24b986cbe9e1ad15fe ?
|
||||
|
|
@ -15431,6 +15431,8 @@ html4/min-width-percentage-002.htm 67df25f0981020579be9b88b4bdcddb19197c559 ?
|
|||
xhtml1/min-width-percentage-002.xht 67df25f0981020579be9b88b4bdcddb19197c559 ?
|
||||
html4/min-width-percentage-003.htm 266eb2619750f078377888768a215f16d92913ae ?
|
||||
xhtml1/min-width-percentage-003.xht 266eb2619750f078377888768a215f16d92913ae ?
|
||||
html4/min-width-tables-001.htm a883cf239dd0589e23d0a444cc1557307a6f9264 ?
|
||||
xhtml1/min-width-tables-001.xht a883cf239dd0589e23d0a444cc1557307a6f9264 ?
|
||||
html4/missing-cell-rendering-001.htm 3f94b88030849e38726cf22d111de906c107bf4a ?
|
||||
xhtml1/missing-cell-rendering-001.xht 3f94b88030849e38726cf22d111de906c107bf4a ?
|
||||
html4/moz-css21-block-page-break-inside-avoid-1.htm e6b783656979a7ec8c8a074a4a8b9de3c7add757 ?
|
||||
|
|
@ -19651,6 +19653,8 @@ html4/unicode-bidi-applies-to-014.htm 1ea78d913a72bdf534c9701bc8a771df856e3d2f ?
|
|||
xhtml1/unicode-bidi-applies-to-014.xht 1ea78d913a72bdf534c9701bc8a771df856e3d2f ?
|
||||
html4/unicode-bidi-applies-to-015.htm f319b3e86aea3385f390f78d56ba608a6ac94f27 ?
|
||||
xhtml1/unicode-bidi-applies-to-015.xht f319b3e86aea3385f390f78d56ba608a6ac94f27 ?
|
||||
html4/unicode-bidi-parsing-001.htm 72b131c94f05aa0b1ff6a6072b6c6376a39e100a ?
|
||||
xhtml1/unicode-bidi-parsing-001.xht 72b131c94f05aa0b1ff6a6072b6c6376a39e100a ?
|
||||
html4/units-001.htm 5b9de9d826304839b91722db2351f9384e1e6da0 ?
|
||||
xhtml1/units-001.xht 5b9de9d826304839b91722db2351f9384e1e6da0 ?
|
||||
html4/units-002.htm 8820b419ae1f6d8d9712c837909a96f980868396 ?
|
||||
|
|
|
|||
|
|
@ -162,6 +162,7 @@
|
|||
<li>Jeffrey Carl Faden</li>
|
||||
<li>John Daggett</li>
|
||||
<li>Justin Boss</li>
|
||||
<li>Koji Ishii</li>
|
||||
<li>L. David Baron</li>
|
||||
<li>Lachlan Hunt</li>
|
||||
<li>Magne Andersson</li>
|
||||
|
|
|
|||
|
|
@ -162,6 +162,7 @@
|
|||
<li>Jeffrey Carl Faden</li>
|
||||
<li>John Daggett</li>
|
||||
<li>Justin Boss</li>
|
||||
<li>Koji Ishii</li>
|
||||
<li>L. David Baron</li>
|
||||
<li>Lachlan Hunt</li>
|
||||
<li>Magne Andersson</li>
|
||||
|
|
|
|||
|
|
@ -598,9 +598,9 @@ attribute-007 reference/attribute-ref Selectors: Attribute selectors: Substring
|
|||
attribute-selector-001 reference/no-red-filler-text-ref ID selector without value and no matching element http://www.w3.org/TR/CSS21/selector.html#attribute-selectors e3c38cd712391d73ec4b0ec9ecca15c5a8f1a517 `Microsoft`<http://www.microsoft.com/> Attribute selector without a value matches any element which has that attribute set.
|
||||
attribute-selector-002 reference/filler-text-below-green Attribute selector without value http://www.w3.org/TR/CSS21/selector.html#attribute-selectors 8258ef77fe8bc269d4ad7da52844fb69831f263a `Microsoft`<http://www.microsoft.com/> Attribute selector without a value matches any element which has that attribute set.
|
||||
attribute-token-selector-002 reference/attribute-token-selector-002-ref [attr~=""]Attribute Selectors with Empty String Values http://www.w3.org/TR/CSS21/syndata.html#tokenization e3618655002fbb5400400c7e265d1e7ab68b0ef7 `Elika J. Etemad`<http://fantasai.inkedblade.net/> [attr~=''] is valid but matches nothing.
|
||||
attribute-value-selector-001 Attribute selector matching value http://www.w3.org/TR/CSS21/selector.html#attribute-selectors 5c12dacb95ba85424309f59e8355e56217f96b2f `Microsoft`<http://www.microsoft.com/> Selector matches attribute with specific value.
|
||||
attribute-value-selector-002 Attribute selector matching value in hyphenated list http://www.w3.org/TR/CSS21/selector.html#attribute-selectors b6151b834ce6a9223c730d3f9ed09a2eec1497db `Microsoft`<http://www.microsoft.com/> Selector matches attributes with specific value in a hyphen-separated list.
|
||||
attribute-value-selector-003 Attribute selector matching value in list http://www.w3.org/TR/CSS21/selector.html#attribute-selectors 97394b2c006c24adcc15fda9042a154f051c936b `Microsoft`<http://www.microsoft.com/> Selector matches attribute with specific value in a space-separated list.
|
||||
attribute-value-selector-001 reference/attribute-value-selector-001-ref Attribute selector matching value http://www.w3.org/TR/CSS21/selector.html#attribute-selectors 0c877fba5365ea5b8e42d174fa3365abb8d3ea56 `Microsoft`<http://www.microsoft.com/> Selector matches attribute with specific value.
|
||||
attribute-value-selector-002 reference/attribute-value-selector-001-ref Attribute selector matching value in hyphenated list http://www.w3.org/TR/CSS21/selector.html#attribute-selectors 50f278c723eeaa566495f8a5f0d9224599d49b8f `Microsoft`<http://www.microsoft.com/> Selector matches attributes with specific value in a hyphen-separated list.
|
||||
attribute-value-selector-003 reference/attribute-value-selector-001-ref Attribute selector matching value in list http://www.w3.org/TR/CSS21/selector.html#attribute-selectors 508036fcffcc15830d5fdff9d40e8e7c0c1ccda3 `Microsoft`<http://www.microsoft.com/> Selector matches attribute with specific value in a space-separated list.
|
||||
attribute-value-selector-004 reference/no-red-filler-text-ref Numeric attributes invalid http://www.w3.org/TR/CSS21/selector.html#attribute-selectors dfb8215a980f61f868127601e02f621b5d8de9a7 `Microsoft`<http://www.microsoft.com/> Attributes cannot begin with numerals.
|
||||
attribute-value-selector-005 reference/filler-text-below-green Case sensitivity of attributes and attribute values in HTML 4.01 HTMLonly http://www.w3.org/TR/CSS21/selector.html#attribute-selectors 4e99118f4f08eb0e71b36b24b986cbe9e1ad15fe `Microsoft`<http://www.microsoft.com/> HTML 4.01 attribute names are not case sensitive.
|
||||
attribute-value-selector-006 reference/filler-text-below-green Multiple and repeating attributes http://www.w3.org/TR/CSS21/selector.html#attribute-selectors 1f42c36cb8f99e36982f9ebbec59c63967c711c1 `Microsoft`<http://www.microsoft.com/> Multiple attribute selectors can be used to refer to several attributes of an element, or even several times to the same attribute.
|
||||
|
|
@ -7751,6 +7751,7 @@ min-width-applies-to-016 reference/ref-filled-green-100px-square Min-Width appli
|
|||
min-width-percentage-001 reference/max-width-percentage-001-ref Using percentages with 'min-width' relative to the containing block http://www.w3.org/TR/CSS21/visudet.html#min-max-widths 86f86f182dfea976f482c2b133900cfbd5326db2 `Microsoft`<http://www.microsoft.com/> The percentage is calculated in relation to the containing block.
|
||||
min-width-percentage-002 reference/ref-if-there-is-no-red Percentage based value for 'min-width' contained by box with a negative 'width' http://www.w3.org/TR/CSS21/visudet.html#min-max-widths 67df25f0981020579be9b88b4bdcddb19197c559 `Microsoft`<http://www.microsoft.com/> If the containing block's width is negative, the used value is zero.
|
||||
min-width-percentage-003 Using 'min-width' with 'width' dependent on the containing block http://www.w3.org/TR/CSS21/visudet.html#min-max-widths 266eb2619750f078377888768a215f16d92913ae `Microsoft`<http://www.microsoft.com/> If the containing block's width depends on this element's width, then the resulting layout is undefined.
|
||||
min-width-tables-001 ref Table Layout and Viewport Resizing dom https://drafts.csswg.org/css2/tables.html#auto-table-layout,https://drafts.csswg.org/mediaqueries-3/#width,https://drafts.csswg.org/mediaqueries-4/#width a883cf239dd0589e23d0a444cc1557307a6f9264 `Chris Rebert`<http://chrisrebert.com> Resizing a page which toggles the `display` of elements between `block` and `table-cell` based on the viewport width should not cause unnecessary wrapping of the table.
|
||||
missing-cell-rendering-001 Rendering of missing table cells http://www.w3.org/TR/CSS21/tables.html#table-layers 3f94b88030849e38726cf22d111de906c107bf4a `Microsoft`<http://www.microsoft.com/> Missing table cells are rendered as if their grid position were occupied by an anonymous table-cell box.
|
||||
moz-css21-block-page-break-inside-avoid-1 reference/moz-css21-block-page-break-inside-avoid-ref CSS 2.1 page-break-inside:avoid paged http://www.w3.org/TR/CSS21/page.html#propdef-page-break-inside e6b783656979a7ec8c8a074a4a8b9de3c7add757 `Mats Palmgren`<https://bugzilla.mozilla.org/show_bug.cgi?id=685012>
|
||||
moz-css21-block-page-break-inside-avoid-10 reference/moz-css21-block-page-break-inside-avoid-ref CSS 2.1 page-break-inside:avoid paged http://www.w3.org/TR/CSS21/page.html#propdef-page-break-inside 40109b29ed6c4af807783d3711e011d577b55bdf `Mats Palmgren`<https://bugzilla.mozilla.org/show_bug.cgi?id=685012>
|
||||
|
|
@ -9867,6 +9868,7 @@ unicode-bidi-applies-to-012 reference/direction-applies-to-008-ref Unicode-bidi
|
|||
unicode-bidi-applies-to-013 reference/direction-applies-to-008-ref Unicode-bidi applied to element with 'display' set to 'table' http://www.w3.org/TR/css-writing-modes-3/#unicode-bidi,http://www.w3.org/TR/CSS21/visuren.html#propdef-unicode-bidi,http://www.w3.org/TR/CSS21/visuren.html#direction 5e96cad2593bff9bf262c57806aa45b87820f36b `Microsoft`<http://www.microsoft.com/> The 'unicode-bidi' property does not apply to elements with a display of 'table'. 'unicode-bidi' property only applies to inline elements or block containers' immediate inline-level descendants.
|
||||
unicode-bidi-applies-to-014 reference/direction-applies-to-008-ref Unicode-bidi applied to element with 'display' set to 'inline-table' http://www.w3.org/TR/css-writing-modes-3/#unicode-bidi,http://www.w3.org/TR/CSS21/visuren.html#propdef-unicode-bidi,http://www.w3.org/TR/CSS21/visuren.html#direction 1ea78d913a72bdf534c9701bc8a771df856e3d2f `Microsoft`<http://www.microsoft.com/> The 'unicode-bidi' property does not apply to elements with a display of 'inline-table'. 'unicode-bidi' property only applies to inline elements or block containers' immediate inline-level descendants.
|
||||
unicode-bidi-applies-to-015 reference/direction-applies-to-008-ref Unicode-bidi applied to element with 'display' set to 'table-caption' http://www.w3.org/TR/css-writing-modes-3/#unicode-bidi,http://www.w3.org/TR/CSS21/visuren.html#propdef-unicode-bidi,http://www.w3.org/TR/CSS21/visuren.html#direction f319b3e86aea3385f390f78d56ba608a6ac94f27 `Microsoft`<http://www.microsoft.com/> The 'unicode-bidi' property applies to elements with a display of 'table-caption'.
|
||||
unicode-bidi-parsing-001 CSS Writing Modes: parsing unicode-bidi: normal, embed, bidi-override dom,script https://drafts.csswg.org/css2/visuren.html#direction,https://drafts.csswg.org/css-writing-modes-3/#unicode-bidi 72b131c94f05aa0b1ff6a6072b6c6376a39e100a `Koji Ishii`<kojiishi@gmail.com> This test asserts the parser and getComputedStyle works correctly for the unicode-bidi: normal, embed, bidi-override.
|
||||
units-001 reference/units-001-ref Units: Equivalence ahem http://www.w3.org/TR/CSS21/syndata.html#length-units 5b9de9d826304839b91722db2351f9384e1e6da0 `Ian Hickson`<mailto:ian@hixie.ch>
|
||||
units-002 reference/units-002-ref Units: ex ahem http://www.w3.org/TR/CSS21/syndata.html#length-units 8820b419ae1f6d8d9712c837909a96f980868396 `Ian Hickson`<mailto:ian@hixie.ch>
|
||||
units-003 reference/units-003-ref Units: ex ahem http://www.w3.org/TR/CSS21/syndata.html#length-units ef5717eecdd4d8aa19c8b6ad49d9518e95ab2cc3 `Ian Hickson`<mailto:ian@hixie.ch>
|
||||
|
|
|
|||
|
|
@ -4,6 +4,7 @@
|
|||
<title>CSS Test: Attribute selector matching value</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#attribute-selectors" />
|
||||
<link rel="match" href="reference/attribute-value-selector-001-ref.xht" />
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="Selector matches attribute with specific value." />
|
||||
<style type="text/css">
|
||||
|
|
|
|||
|
|
@ -4,6 +4,7 @@
|
|||
<title>CSS Test: Attribute selector matching value in hyphenated list</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#attribute-selectors" />
|
||||
<link rel="match" href="reference/attribute-value-selector-001-ref.xht" />
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="Selector matches attributes with specific value in a hyphen-separated list." />
|
||||
<style type="text/css">
|
||||
|
|
|
|||
|
|
@ -4,6 +4,7 @@
|
|||
<title>CSS Test: Attribute selector matching value in list</title>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#attribute-selectors" />
|
||||
<link rel="match" href="reference/attribute-value-selector-001-ref.xht" />
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="Selector matches attribute with specific value in a space-separated list." />
|
||||
<style type="text/css">
|
||||
|
|
|
|||
|
|
@ -13,7 +13,7 @@
|
|||
<body>
|
||||
|
||||
<h1>CSS 2.1 Conformance Test Suite</h1>
|
||||
<h2>Tables (1153 tests)</h2>
|
||||
<h2>Tables (1154 tests)</h2>
|
||||
<table width="100%">
|
||||
<col id="test-column"></col>
|
||||
<col id="refs-column"></col>
|
||||
|
|
@ -5336,7 +5336,7 @@
|
|||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s17.5.2.2">+</a>
|
||||
<a href="http://www.w3.org/TR/CSS21/tables.html#auto-table-layout">17.5.2.2 Automatic table layout</a></th></tr>
|
||||
<!-- 6 tests -->
|
||||
<!-- 7 tests -->
|
||||
<tr id="anonymous-table-box-width-001-17.5.2.2" class="primary">
|
||||
<td><strong>
|
||||
<a href="anonymous-table-box-width-001.xht">anonymous-table-box-width-001</a></strong></td>
|
||||
|
|
@ -5380,6 +5380,17 @@
|
|||
<td>Test for 'width' shrink-wrapping on inline-table
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="min-width-tables-001-17.5.2.2" class="primary dom">
|
||||
<td><strong>
|
||||
<a href="min-width-tables-001.xht">min-width-tables-001</a></strong></td>
|
||||
<td><a href="ref.xht">=</a> </td>
|
||||
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
|
||||
<td>Table Layout and Viewport Resizing
|
||||
<ul class="assert">
|
||||
<li>Resizing a page which toggles the `display` of elements between `block` and `table-cell` based on the viewport width should not cause unnecessary wrapping of the table.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="table-percent-width-001-17.5.2.2" class="primary">
|
||||
<td><strong>
|
||||
<a href="table-percent-width-001.xht">table-percent-width-001</a></strong></td>
|
||||
|
|
|
|||
|
|
@ -784,7 +784,7 @@
|
|||
<tr id="attribute-value-selector-001-5.8" class="primary">
|
||||
<td><strong>
|
||||
<a href="attribute-value-selector-001.xht">attribute-value-selector-001</a></strong></td>
|
||||
<td></td>
|
||||
<td><a href="reference/attribute-value-selector-001-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Attribute selector matching value
|
||||
<ul class="assert">
|
||||
|
|
@ -795,7 +795,7 @@
|
|||
<tr id="attribute-value-selector-002-5.8" class="primary">
|
||||
<td><strong>
|
||||
<a href="attribute-value-selector-002.xht">attribute-value-selector-002</a></strong></td>
|
||||
<td></td>
|
||||
<td><a href="reference/attribute-value-selector-001-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Attribute selector matching value in hyphenated list
|
||||
<ul class="assert">
|
||||
|
|
@ -806,7 +806,7 @@
|
|||
<tr id="attribute-value-selector-003-5.8" class="primary">
|
||||
<td><strong>
|
||||
<a href="attribute-value-selector-003.xht">attribute-value-selector-003</a></strong></td>
|
||||
<td></td>
|
||||
<td><a href="reference/attribute-value-selector-001-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Attribute selector matching value in list
|
||||
<ul class="assert">
|
||||
|
|
|
|||
|
|
@ -13,7 +13,7 @@
|
|||
<body>
|
||||
|
||||
<h1>CSS 2.1 Conformance Test Suite</h1>
|
||||
<h2>Visual formatting model (1244 tests)</h2>
|
||||
<h2>Visual formatting model (1245 tests)</h2>
|
||||
<table width="100%">
|
||||
<col id="test-column"></col>
|
||||
<col id="refs-column"></col>
|
||||
|
|
@ -17418,7 +17418,7 @@
|
|||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s9.10">+</a>
|
||||
<a href="http://www.w3.org/TR/CSS21/visuren.html#direction">9.10 Text direction: the 'direction' and 'unicode-bidi' properties</a></th></tr>
|
||||
<!-- 119 tests -->
|
||||
<!-- 120 tests -->
|
||||
<tr id="bidi-001-9.10" class="">
|
||||
<td>
|
||||
<a href="bidi-001.xht">bidi-001</a></td>
|
||||
|
|
@ -18668,6 +18668,17 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="unicode-bidi-parsing-001-9.10" class="primary dom script">
|
||||
<td><strong>
|
||||
<a href="unicode-bidi-parsing-001.xht">unicode-bidi-parsing-001</a></strong></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>CSS Writing Modes: parsing unicode-bidi: normal, embed, bidi-override
|
||||
<ul class="assert">
|
||||
<li>This test asserts the parser and getComputedStyle works correctly for the unicode-bidi: normal, embed, bidi-override.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="s9.10.#propdef-direction">
|
||||
<!-- 31 tests -->
|
||||
|
|
|
|||
|
|
@ -0,0 +1,42 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html class="reftest-wait" xmlns="http://www.w3.org/1999/xhtml"><head>
|
||||
<meta charset="utf-8" />
|
||||
<title>CSS Test: Table Layout and Viewport Resizing</title>
|
||||
<link href="http://chrisrebert.com" rel="author" title="Chris Rebert" />
|
||||
<link href="https://drafts.csswg.org/css2/tables.html#auto-table-layout" rel="help" />
|
||||
<link href="https://drafts.csswg.org/mediaqueries-3/#width" rel="help" />
|
||||
<link href="https://drafts.csswg.org/mediaqueries-4/#width" rel="help" />
|
||||
<link href="ref.xht" rel="match" />
|
||||
<meta content="dom" name="flags" />
|
||||
<meta content="Resizing a page which toggles the `display` of elements between `block` and `table-cell` based on the viewport width should not cause unnecessary wrapping of the table." name="assert" />
|
||||
<style>
|
||||
iframe {
|
||||
border: 0;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is a <strong>filled green square</strong> and <strong>no red</strong>.</p>
|
||||
<iframe src="support/min-width-tables-001-iframe.html" height="300" id="toy" width="100"></iframe>
|
||||
<!-- See min-width-tables-001-iframe.html for the derivation of the 100px value -->
|
||||
<!-- We use 300px height so the incorrect stacking is visible in failure cases -->
|
||||
<!-- This test is not about iframes specifically. It's just that resizing an iframe is more reliable than resizing the window, given browser security restrictions. -->
|
||||
<script>
|
||||
window.addEventListener('load', function () {
|
||||
var PAINT_MS = 250;/* Assume the browser takes about this long to layout/paint this whole page */
|
||||
var iframe = document.getElementById('toy');
|
||||
window.setTimeout(function () {
|
||||
iframe.width = 64;/* <100px ; toggle media query off */
|
||||
window.setTimeout(function () {
|
||||
iframe.width = 100;/* >=100px ; toggle media query on; back to initial width */
|
||||
// Take the reftest screenshot after the last relayout/repaint finishes
|
||||
window.setTimeout(function () {
|
||||
document.documentElement.className = '';
|
||||
}, PAINT_MS);
|
||||
}, PAINT_MS);
|
||||
}, PAINT_MS);
|
||||
}, false);
|
||||
</script>
|
||||
|
||||
|
||||
</body></html>
|
||||
18
tests/wpt/css-tests/css21_dev/xhtml1/ref.xht
Normal file
18
tests/wpt/css-tests/css21_dev/xhtml1/ref.xht
Normal file
|
|
@ -0,0 +1,18 @@
|
|||
<!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>
|
||||
<title>CSS Reftest Reference</title>
|
||||
<link href="http://florian.rivoal.net/" rel="author" title="Florian Rivoal" />
|
||||
<style>
|
||||
div {
|
||||
background-color:green;
|
||||
height:100px;
|
||||
width:100px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is a <strong>filled green square</strong> and <strong>no red</strong>.</p>
|
||||
<div></div>
|
||||
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,17 @@
|
|||
<!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 http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
||||
<title>CSS Reftest Reference</title>
|
||||
<link rel="author" title="Ms2ger" href="mailto:Ms2ger@gmail.com" />
|
||||
<style type="text/css">
|
||||
.green {
|
||||
color: green;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if the first line of "Filler Text" below is black and the second one is green.</p>
|
||||
<div>Filler Text</div>
|
||||
<div class="green">Filler Text</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,59 @@
|
|||
<!DOCTYPE html>
|
||||
<html><head>
|
||||
<meta charset="utf-8">
|
||||
<title>iframe containing the meat of the test</title>
|
||||
<style>
|
||||
body {
|
||||
margin: 0;
|
||||
overflow: hidden;
|
||||
}
|
||||
/* green div that should cover the red divs */
|
||||
#green {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
background-color: green;
|
||||
width: 100%;
|
||||
height: 600px;
|
||||
}
|
||||
.spacer {
|
||||
height: 98px;
|
||||
width: 20px;
|
||||
}
|
||||
.item {
|
||||
background-color: red;
|
||||
display: block;/* property under test */
|
||||
/* border to aid understanding of boundaries between items */
|
||||
border-style: solid;
|
||||
border-width: 1px;
|
||||
border-color: red;/* Note: if you're trying to debug this, use a different color here */
|
||||
}
|
||||
/* 100px = 10*(1 + 8 + 1) */
|
||||
@media (min-width: 100px) {
|
||||
#green {
|
||||
width: 100px;
|
||||
height: 100px;/* = 1 + 98 + 1 */
|
||||
}
|
||||
.item {
|
||||
display: table-cell;/* property and value under test */
|
||||
}
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div>
|
||||
<div class="item"><div class="spacer"></div></div>
|
||||
<div class="item"><div class="spacer"></div></div>
|
||||
<div class="item"><div class="spacer"></div></div>
|
||||
<div class="item"><div class="spacer"></div></div>
|
||||
<div class="item"><div class="spacer"></div></div>
|
||||
<div class="item"><div class="spacer"></div></div>
|
||||
<div class="item"><div class="spacer"></div></div>
|
||||
<div class="item"><div class="spacer"></div></div>
|
||||
<div class="item"><div class="spacer"></div></div>
|
||||
<div class="item"><div class="spacer"></div></div>
|
||||
</div>
|
||||
<div id="green"></div>
|
||||
|
||||
|
||||
</body></html>
|
||||
|
|
@ -4480,6 +4480,30 @@
|
|||
<td rowspan="1"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="attribute-value-selector-001" class="">
|
||||
<tr>
|
||||
<td rowspan="1" title="Attribute selector matching value">
|
||||
<a href="attribute-value-selector-001.xht">attribute-value-selector-001</a></td>
|
||||
<td><a href="reference/attribute-value-selector-001-ref.xht">=</a> </td>
|
||||
<td rowspan="1"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="attribute-value-selector-002" class="">
|
||||
<tr>
|
||||
<td rowspan="1" title="Attribute selector matching value in hyphenated list">
|
||||
<a href="attribute-value-selector-002.xht">attribute-value-selector-002</a></td>
|
||||
<td><a href="reference/attribute-value-selector-001-ref.xht">=</a> </td>
|
||||
<td rowspan="1"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="attribute-value-selector-003" class="">
|
||||
<tr>
|
||||
<td rowspan="1" title="Attribute selector matching value in list">
|
||||
<a href="attribute-value-selector-003.xht">attribute-value-selector-003</a></td>
|
||||
<td><a href="reference/attribute-value-selector-001-ref.xht">=</a> </td>
|
||||
<td rowspan="1"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="attribute-value-selector-004" class="invalid">
|
||||
<tr>
|
||||
<td rowspan="1" title="Numeric attributes">
|
||||
|
|
@ -37668,6 +37692,14 @@
|
|||
<td rowspan="1"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="min-width-tables-001" class="dom">
|
||||
<tr>
|
||||
<td rowspan="1" title="Table Layout and Viewport Resizing">
|
||||
<a href="min-width-tables-001.xht">min-width-tables-001</a></td>
|
||||
<td><a href="ref.xht">=</a> </td>
|
||||
<td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="moz-css21-block-page-break-inside-avoid-1" class="paged">
|
||||
<tr>
|
||||
<td rowspan="1" title="CSS 2.1 page-break-inside:avoid">
|
||||
|
|
|
|||
|
|
@ -556,6 +556,9 @@ attribute-007.xht == reference/attribute-ref.xht
|
|||
attribute-selector-001.xht == reference/no-red-filler-text-ref.xht
|
||||
attribute-selector-002.xht == reference/filler-text-below-green.xht
|
||||
attribute-token-selector-002.xht == reference/attribute-token-selector-002-ref.xht
|
||||
attribute-value-selector-001.xht == reference/attribute-value-selector-001-ref.xht
|
||||
attribute-value-selector-002.xht == reference/attribute-value-selector-001-ref.xht
|
||||
attribute-value-selector-003.xht == reference/attribute-value-selector-001-ref.xht
|
||||
attribute-value-selector-004.xht == reference/no-red-filler-text-ref.xht
|
||||
attribute-value-selector-005.xht == reference/filler-text-below-green.xht
|
||||
attribute-value-selector-006.xht == reference/filler-text-below-green.xht
|
||||
|
|
@ -4717,6 +4720,7 @@ min-width-applies-to-015.xht == reference/ref-filled-black-96px-square.xht
|
|||
min-width-applies-to-016.xht == reference/ref-filled-green-100px-square.xht
|
||||
min-width-percentage-001.xht == reference/max-width-percentage-001-ref.xht
|
||||
min-width-percentage-002.xht == reference/ref-if-there-is-no-red.xht
|
||||
min-width-tables-001.xht == ref.xht
|
||||
moz-css21-block-page-break-inside-avoid-1.xht == reference/moz-css21-block-page-break-inside-avoid-ref.xht
|
||||
moz-css21-block-page-break-inside-avoid-10.xht == reference/moz-css21-block-page-break-inside-avoid-ref.xht
|
||||
moz-css21-block-page-break-inside-avoid-11.xht == reference/moz-css21-block-page-break-inside-avoid-ref.xht
|
||||
|
|
|
|||
|
|
@ -0,0 +1,59 @@
|
|||
<!DOCTYPE html>
|
||||
<html><head>
|
||||
<meta charset="utf-8">
|
||||
<title>iframe containing the meat of the test</title>
|
||||
<style>
|
||||
body {
|
||||
margin: 0;
|
||||
overflow: hidden;
|
||||
}
|
||||
/* green div that should cover the red divs */
|
||||
#green {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
background-color: green;
|
||||
width: 100%;
|
||||
height: 600px;
|
||||
}
|
||||
.spacer {
|
||||
height: 98px;
|
||||
width: 20px;
|
||||
}
|
||||
.item {
|
||||
background-color: red;
|
||||
display: block;/* property under test */
|
||||
/* border to aid understanding of boundaries between items */
|
||||
border-style: solid;
|
||||
border-width: 1px;
|
||||
border-color: red;/* Note: if you're trying to debug this, use a different color here */
|
||||
}
|
||||
/* 100px = 10*(1 + 8 + 1) */
|
||||
@media (min-width: 100px) {
|
||||
#green {
|
||||
width: 100px;
|
||||
height: 100px;/* = 1 + 98 + 1 */
|
||||
}
|
||||
.item {
|
||||
display: table-cell;/* property and value under test */
|
||||
}
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div>
|
||||
<div class="item"><div class="spacer"></div></div>
|
||||
<div class="item"><div class="spacer"></div></div>
|
||||
<div class="item"><div class="spacer"></div></div>
|
||||
<div class="item"><div class="spacer"></div></div>
|
||||
<div class="item"><div class="spacer"></div></div>
|
||||
<div class="item"><div class="spacer"></div></div>
|
||||
<div class="item"><div class="spacer"></div></div>
|
||||
<div class="item"><div class="spacer"></div></div>
|
||||
<div class="item"><div class="spacer"></div></div>
|
||||
<div class="item"><div class="spacer"></div></div>
|
||||
</div>
|
||||
<div id="green"></div>
|
||||
|
||||
|
||||
</body></html>
|
||||
|
|
@ -62,7 +62,7 @@
|
|||
<tbody id="s9">
|
||||
<tr><th><a href="chapter-9.xht">Chapter 9 -
|
||||
Visual formatting model</a></th>
|
||||
<td>(1244 Tests)</td></tr>
|
||||
<td>(1245 Tests)</td></tr>
|
||||
</tbody>
|
||||
<tbody id="s10">
|
||||
<tr><th><a href="chapter-10.xht">Chapter 10 -
|
||||
|
|
@ -102,7 +102,7 @@
|
|||
<tbody id="s17">
|
||||
<tr><th><a href="chapter-17.xht">Chapter 17 -
|
||||
Tables</a></th>
|
||||
<td>(1153 Tests)</td></tr>
|
||||
<td>(1154 Tests)</td></tr>
|
||||
</tbody>
|
||||
<tbody id="s18">
|
||||
<tr><th><a href="chapter-18.xht">Chapter 18 -
|
||||
|
|
|
|||
|
|
@ -0,0 +1,29 @@
|
|||
<!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><title>CSS Writing Modes: parsing unicode-bidi: normal, embed, bidi-override</title>
|
||||
<link href="kojiishi@gmail.com" rel="author" title="Koji Ishii" />
|
||||
<link href="https://drafts.csswg.org/css2/visuren.html#direction" rel="help" />
|
||||
<link href="https://drafts.csswg.org/css-writing-modes-3/#unicode-bidi" rel="help" />
|
||||
<meta content="This test asserts the parser and getComputedStyle works correctly for the unicode-bidi: normal, embed, bidi-override." name="assert" />
|
||||
<meta content="dom" name="flags" />
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
|
||||
</head><body><div data-expected="normal" title="Initial value of unicode-bidi"></div>
|
||||
|
||||
<div data-expected="normal" style="unicode-bidi: embed; unicode-bidi: normal"></div>
|
||||
<div data-expected="embed" style="unicode-bidi: embed"></div>
|
||||
<div data-expected="bidi-override" style="unicode-bidi: bidi-override"></div>
|
||||
|
||||
<div style="unicode-bidi: embed">
|
||||
<div data-expected="normal" title="unicode-bidi should not inherit"></div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
Array.prototype.forEach.call(document.querySelectorAll("[data-expected]"), function (element) {
|
||||
test(function () {
|
||||
var actual = getComputedStyle(element).unicodeBidi;
|
||||
assert_equals(actual, element.dataset.expected);
|
||||
}, element.title || element.getAttribute("style"));
|
||||
});
|
||||
</script>
|
||||
</body></html>
|
||||
|
|
@ -13,6 +13,7 @@
|
|||
</style>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#attribute-selectors" />
|
||||
<link rel="match" href="reference/attribute-value-selector-001-ref.xht" />
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="Selector matches attribute with specific value." />
|
||||
<style type="text/css">
|
||||
|
|
|
|||
|
|
@ -13,6 +13,7 @@
|
|||
</style>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#attribute-selectors" />
|
||||
<link rel="match" href="reference/attribute-value-selector-001-ref.xht" />
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="Selector matches attributes with specific value in a hyphen-separated list." />
|
||||
<style type="text/css">
|
||||
|
|
|
|||
|
|
@ -13,6 +13,7 @@
|
|||
</style>
|
||||
<link rel="author" title="Microsoft" href="http://www.microsoft.com/" />
|
||||
<link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#attribute-selectors" />
|
||||
<link rel="match" href="reference/attribute-value-selector-001-ref.xht" />
|
||||
<meta name="flags" content="" />
|
||||
<meta name="assert" content="Selector matches attribute with specific value in a space-separated list." />
|
||||
<style type="text/css">
|
||||
|
|
|
|||
|
|
@ -13,7 +13,7 @@
|
|||
<body>
|
||||
|
||||
<h1>CSS 2.1 Conformance Test Suite</h1>
|
||||
<h2>Tables (1153 tests)</h2>
|
||||
<h2>Tables (1154 tests)</h2>
|
||||
<table width="100%">
|
||||
<col id="test-column"></col>
|
||||
<col id="refs-column"></col>
|
||||
|
|
@ -5336,7 +5336,7 @@
|
|||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s17.5.2.2">+</a>
|
||||
<a href="http://www.w3.org/TR/CSS21/tables.html#auto-table-layout">17.5.2.2 Automatic table layout</a></th></tr>
|
||||
<!-- 6 tests -->
|
||||
<!-- 7 tests -->
|
||||
<tr id="anonymous-table-box-width-001-17.5.2.2" class="primary">
|
||||
<td><strong>
|
||||
<a href="anonymous-table-box-width-001.xht">anonymous-table-box-width-001</a></strong></td>
|
||||
|
|
@ -5380,6 +5380,17 @@
|
|||
<td>Test for 'width' shrink-wrapping on inline-table
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="min-width-tables-001-17.5.2.2" class="primary dom">
|
||||
<td><strong>
|
||||
<a href="min-width-tables-001.xht">min-width-tables-001</a></strong></td>
|
||||
<td><a href="ref.xht">=</a> </td>
|
||||
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
|
||||
<td>Table Layout and Viewport Resizing
|
||||
<ul class="assert">
|
||||
<li>Resizing a page which toggles the `display` of elements between `block` and `table-cell` based on the viewport width should not cause unnecessary wrapping of the table.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="table-percent-width-001-17.5.2.2" class="primary">
|
||||
<td><strong>
|
||||
<a href="table-percent-width-001.xht">table-percent-width-001</a></strong></td>
|
||||
|
|
|
|||
|
|
@ -784,7 +784,7 @@
|
|||
<tr id="attribute-value-selector-001-5.8" class="primary">
|
||||
<td><strong>
|
||||
<a href="attribute-value-selector-001.xht">attribute-value-selector-001</a></strong></td>
|
||||
<td></td>
|
||||
<td><a href="reference/attribute-value-selector-001-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Attribute selector matching value
|
||||
<ul class="assert">
|
||||
|
|
@ -795,7 +795,7 @@
|
|||
<tr id="attribute-value-selector-002-5.8" class="primary">
|
||||
<td><strong>
|
||||
<a href="attribute-value-selector-002.xht">attribute-value-selector-002</a></strong></td>
|
||||
<td></td>
|
||||
<td><a href="reference/attribute-value-selector-001-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Attribute selector matching value in hyphenated list
|
||||
<ul class="assert">
|
||||
|
|
@ -806,7 +806,7 @@
|
|||
<tr id="attribute-value-selector-003-5.8" class="primary">
|
||||
<td><strong>
|
||||
<a href="attribute-value-selector-003.xht">attribute-value-selector-003</a></strong></td>
|
||||
<td></td>
|
||||
<td><a href="reference/attribute-value-selector-001-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Attribute selector matching value in list
|
||||
<ul class="assert">
|
||||
|
|
|
|||
|
|
@ -13,7 +13,7 @@
|
|||
<body>
|
||||
|
||||
<h1>CSS 2.1 Conformance Test Suite</h1>
|
||||
<h2>Visual formatting model (1244 tests)</h2>
|
||||
<h2>Visual formatting model (1245 tests)</h2>
|
||||
<table width="100%">
|
||||
<col id="test-column"></col>
|
||||
<col id="refs-column"></col>
|
||||
|
|
@ -17418,7 +17418,7 @@
|
|||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s9.10">+</a>
|
||||
<a href="http://www.w3.org/TR/CSS21/visuren.html#direction">9.10 Text direction: the 'direction' and 'unicode-bidi' properties</a></th></tr>
|
||||
<!-- 119 tests -->
|
||||
<!-- 120 tests -->
|
||||
<tr id="bidi-001-9.10" class="">
|
||||
<td>
|
||||
<a href="bidi-001.xht">bidi-001</a></td>
|
||||
|
|
@ -18668,6 +18668,17 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="unicode-bidi-parsing-001-9.10" class="primary dom script">
|
||||
<td><strong>
|
||||
<a href="unicode-bidi-parsing-001.xht">unicode-bidi-parsing-001</a></strong></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>CSS Writing Modes: parsing unicode-bidi: normal, embed, bidi-override
|
||||
<ul class="assert">
|
||||
<li>This test asserts the parser and getComputedStyle works correctly for the unicode-bidi: normal, embed, bidi-override.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="s9.10.#propdef-direction">
|
||||
<!-- 31 tests -->
|
||||
|
|
|
|||
|
|
@ -0,0 +1,42 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html class="reftest-wait" xmlns="http://www.w3.org/1999/xhtml"><head>
|
||||
<meta charset="utf-8" />
|
||||
<title>CSS Test: Table Layout and Viewport Resizing</title>
|
||||
<link href="http://chrisrebert.com" rel="author" title="Chris Rebert" />
|
||||
<link href="https://drafts.csswg.org/css2/tables.html#auto-table-layout" rel="help" />
|
||||
<link href="https://drafts.csswg.org/mediaqueries-3/#width" rel="help" />
|
||||
<link href="https://drafts.csswg.org/mediaqueries-4/#width" rel="help" />
|
||||
<link href="ref.xht" rel="match" />
|
||||
<meta content="dom" name="flags" />
|
||||
<meta content="Resizing a page which toggles the `display` of elements between `block` and `table-cell` based on the viewport width should not cause unnecessary wrapping of the table." name="assert" />
|
||||
<style>
|
||||
iframe {
|
||||
border: 0;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is a <strong>filled green square</strong> and <strong>no red</strong>.</p>
|
||||
<iframe src="support/min-width-tables-001-iframe.html" height="300" id="toy" width="100"></iframe>
|
||||
<!-- See min-width-tables-001-iframe.html for the derivation of the 100px value -->
|
||||
<!-- We use 300px height so the incorrect stacking is visible in failure cases -->
|
||||
<!-- This test is not about iframes specifically. It's just that resizing an iframe is more reliable than resizing the window, given browser security restrictions. -->
|
||||
<script>
|
||||
window.addEventListener('load', function () {
|
||||
var PAINT_MS = 250;/* Assume the browser takes about this long to layout/paint this whole page */
|
||||
var iframe = document.getElementById('toy');
|
||||
window.setTimeout(function () {
|
||||
iframe.width = 64;/* <100px ; toggle media query off */
|
||||
window.setTimeout(function () {
|
||||
iframe.width = 100;/* >=100px ; toggle media query on; back to initial width */
|
||||
// Take the reftest screenshot after the last relayout/repaint finishes
|
||||
window.setTimeout(function () {
|
||||
document.documentElement.className = '';
|
||||
}, PAINT_MS);
|
||||
}, PAINT_MS);
|
||||
}, PAINT_MS);
|
||||
}, false);
|
||||
</script>
|
||||
|
||||
|
||||
</body></html>
|
||||
18
tests/wpt/css-tests/css21_dev/xhtml1print/ref.xht
Normal file
18
tests/wpt/css-tests/css21_dev/xhtml1print/ref.xht
Normal file
|
|
@ -0,0 +1,18 @@
|
|||
<!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>
|
||||
<title>CSS Reftest Reference</title>
|
||||
<link href="http://florian.rivoal.net/" rel="author" title="Florian Rivoal" />
|
||||
<style>
|
||||
div {
|
||||
background-color:green;
|
||||
height:100px;
|
||||
width:100px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is a <strong>filled green square</strong> and <strong>no red</strong>.</p>
|
||||
<div></div>
|
||||
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,26 @@
|
|||
<!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 http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
||||
<title>CSS Reftest Reference</title>
|
||||
<style type="text/css">
|
||||
@page { font: italic 8pt sans-serif; color: gray;
|
||||
margin: 7%;
|
||||
counter-increment: page;
|
||||
@top-left { content: "CSS 2.1 Conformance Test Suite"; }
|
||||
@top-right { content: "Test attribute-value-selector-001-ref"; }
|
||||
@bottom-right { content: counter(page); }
|
||||
}
|
||||
</style>
|
||||
<link rel="author" title="Ms2ger" href="mailto:Ms2ger@gmail.com" />
|
||||
<style type="text/css">
|
||||
.green {
|
||||
color: green;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if the first line of "Filler Text" below is black and the second one is green.</p>
|
||||
<div>Filler Text</div>
|
||||
<div class="green">Filler Text</div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,59 @@
|
|||
<!DOCTYPE html>
|
||||
<html><head>
|
||||
<meta charset="utf-8">
|
||||
<title>iframe containing the meat of the test</title>
|
||||
<style>
|
||||
body {
|
||||
margin: 0;
|
||||
overflow: hidden;
|
||||
}
|
||||
/* green div that should cover the red divs */
|
||||
#green {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
background-color: green;
|
||||
width: 100%;
|
||||
height: 600px;
|
||||
}
|
||||
.spacer {
|
||||
height: 98px;
|
||||
width: 20px;
|
||||
}
|
||||
.item {
|
||||
background-color: red;
|
||||
display: block;/* property under test */
|
||||
/* border to aid understanding of boundaries between items */
|
||||
border-style: solid;
|
||||
border-width: 1px;
|
||||
border-color: red;/* Note: if you're trying to debug this, use a different color here */
|
||||
}
|
||||
/* 100px = 10*(1 + 8 + 1) */
|
||||
@media (min-width: 100px) {
|
||||
#green {
|
||||
width: 100px;
|
||||
height: 100px;/* = 1 + 98 + 1 */
|
||||
}
|
||||
.item {
|
||||
display: table-cell;/* property and value under test */
|
||||
}
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div>
|
||||
<div class="item"><div class="spacer"></div></div>
|
||||
<div class="item"><div class="spacer"></div></div>
|
||||
<div class="item"><div class="spacer"></div></div>
|
||||
<div class="item"><div class="spacer"></div></div>
|
||||
<div class="item"><div class="spacer"></div></div>
|
||||
<div class="item"><div class="spacer"></div></div>
|
||||
<div class="item"><div class="spacer"></div></div>
|
||||
<div class="item"><div class="spacer"></div></div>
|
||||
<div class="item"><div class="spacer"></div></div>
|
||||
<div class="item"><div class="spacer"></div></div>
|
||||
</div>
|
||||
<div id="green"></div>
|
||||
|
||||
|
||||
</body></html>
|
||||
|
|
@ -4480,6 +4480,30 @@
|
|||
<td rowspan="1"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="attribute-value-selector-001" class="">
|
||||
<tr>
|
||||
<td rowspan="1" title="Attribute selector matching value">
|
||||
<a href="attribute-value-selector-001.xht">attribute-value-selector-001</a></td>
|
||||
<td><a href="reference/attribute-value-selector-001-ref.xht">=</a> </td>
|
||||
<td rowspan="1"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="attribute-value-selector-002" class="">
|
||||
<tr>
|
||||
<td rowspan="1" title="Attribute selector matching value in hyphenated list">
|
||||
<a href="attribute-value-selector-002.xht">attribute-value-selector-002</a></td>
|
||||
<td><a href="reference/attribute-value-selector-001-ref.xht">=</a> </td>
|
||||
<td rowspan="1"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="attribute-value-selector-003" class="">
|
||||
<tr>
|
||||
<td rowspan="1" title="Attribute selector matching value in list">
|
||||
<a href="attribute-value-selector-003.xht">attribute-value-selector-003</a></td>
|
||||
<td><a href="reference/attribute-value-selector-001-ref.xht">=</a> </td>
|
||||
<td rowspan="1"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="attribute-value-selector-004" class="invalid">
|
||||
<tr>
|
||||
<td rowspan="1" title="Numeric attributes">
|
||||
|
|
@ -37668,6 +37692,14 @@
|
|||
<td rowspan="1"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="min-width-tables-001" class="dom">
|
||||
<tr>
|
||||
<td rowspan="1" title="Table Layout and Viewport Resizing">
|
||||
<a href="min-width-tables-001.xht">min-width-tables-001</a></td>
|
||||
<td><a href="ref.xht">=</a> </td>
|
||||
<td rowspan="1"><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="moz-css21-block-page-break-inside-avoid-1" class="paged">
|
||||
<tr>
|
||||
<td rowspan="1" title="CSS 2.1 page-break-inside:avoid">
|
||||
|
|
|
|||
|
|
@ -556,6 +556,9 @@ attribute-007.xht == reference/attribute-ref.xht
|
|||
attribute-selector-001.xht == reference/no-red-filler-text-ref.xht
|
||||
attribute-selector-002.xht == reference/filler-text-below-green.xht
|
||||
attribute-token-selector-002.xht == reference/attribute-token-selector-002-ref.xht
|
||||
attribute-value-selector-001.xht == reference/attribute-value-selector-001-ref.xht
|
||||
attribute-value-selector-002.xht == reference/attribute-value-selector-001-ref.xht
|
||||
attribute-value-selector-003.xht == reference/attribute-value-selector-001-ref.xht
|
||||
attribute-value-selector-004.xht == reference/no-red-filler-text-ref.xht
|
||||
attribute-value-selector-005.xht == reference/filler-text-below-green.xht
|
||||
attribute-value-selector-006.xht == reference/filler-text-below-green.xht
|
||||
|
|
@ -4717,6 +4720,7 @@ min-width-applies-to-015.xht == reference/ref-filled-black-96px-square.xht
|
|||
min-width-applies-to-016.xht == reference/ref-filled-green-100px-square.xht
|
||||
min-width-percentage-001.xht == reference/max-width-percentage-001-ref.xht
|
||||
min-width-percentage-002.xht == reference/ref-if-there-is-no-red.xht
|
||||
min-width-tables-001.xht == ref.xht
|
||||
moz-css21-block-page-break-inside-avoid-1.xht == reference/moz-css21-block-page-break-inside-avoid-ref.xht
|
||||
moz-css21-block-page-break-inside-avoid-10.xht == reference/moz-css21-block-page-break-inside-avoid-ref.xht
|
||||
moz-css21-block-page-break-inside-avoid-11.xht == reference/moz-css21-block-page-break-inside-avoid-ref.xht
|
||||
|
|
|
|||
|
|
@ -0,0 +1,59 @@
|
|||
<!DOCTYPE html>
|
||||
<html><head>
|
||||
<meta charset="utf-8">
|
||||
<title>iframe containing the meat of the test</title>
|
||||
<style>
|
||||
body {
|
||||
margin: 0;
|
||||
overflow: hidden;
|
||||
}
|
||||
/* green div that should cover the red divs */
|
||||
#green {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 0;
|
||||
background-color: green;
|
||||
width: 100%;
|
||||
height: 600px;
|
||||
}
|
||||
.spacer {
|
||||
height: 98px;
|
||||
width: 20px;
|
||||
}
|
||||
.item {
|
||||
background-color: red;
|
||||
display: block;/* property under test */
|
||||
/* border to aid understanding of boundaries between items */
|
||||
border-style: solid;
|
||||
border-width: 1px;
|
||||
border-color: red;/* Note: if you're trying to debug this, use a different color here */
|
||||
}
|
||||
/* 100px = 10*(1 + 8 + 1) */
|
||||
@media (min-width: 100px) {
|
||||
#green {
|
||||
width: 100px;
|
||||
height: 100px;/* = 1 + 98 + 1 */
|
||||
}
|
||||
.item {
|
||||
display: table-cell;/* property and value under test */
|
||||
}
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div>
|
||||
<div class="item"><div class="spacer"></div></div>
|
||||
<div class="item"><div class="spacer"></div></div>
|
||||
<div class="item"><div class="spacer"></div></div>
|
||||
<div class="item"><div class="spacer"></div></div>
|
||||
<div class="item"><div class="spacer"></div></div>
|
||||
<div class="item"><div class="spacer"></div></div>
|
||||
<div class="item"><div class="spacer"></div></div>
|
||||
<div class="item"><div class="spacer"></div></div>
|
||||
<div class="item"><div class="spacer"></div></div>
|
||||
<div class="item"><div class="spacer"></div></div>
|
||||
</div>
|
||||
<div id="green"></div>
|
||||
|
||||
|
||||
</body></html>
|
||||
|
|
@ -62,7 +62,7 @@
|
|||
<tbody id="s9">
|
||||
<tr><th><a href="chapter-9.xht">Chapter 9 -
|
||||
Visual formatting model</a></th>
|
||||
<td>(1244 Tests)</td></tr>
|
||||
<td>(1245 Tests)</td></tr>
|
||||
</tbody>
|
||||
<tbody id="s10">
|
||||
<tr><th><a href="chapter-10.xht">Chapter 10 -
|
||||
|
|
@ -102,7 +102,7 @@
|
|||
<tbody id="s17">
|
||||
<tr><th><a href="chapter-17.xht">Chapter 17 -
|
||||
Tables</a></th>
|
||||
<td>(1153 Tests)</td></tr>
|
||||
<td>(1154 Tests)</td></tr>
|
||||
</tbody>
|
||||
<tbody id="s18">
|
||||
<tr><th><a href="chapter-18.xht">Chapter 18 -
|
||||
|
|
|
|||
|
|
@ -0,0 +1,29 @@
|
|||
<!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><title>CSS Writing Modes: parsing unicode-bidi: normal, embed, bidi-override</title>
|
||||
<link href="kojiishi@gmail.com" rel="author" title="Koji Ishii" />
|
||||
<link href="https://drafts.csswg.org/css2/visuren.html#direction" rel="help" />
|
||||
<link href="https://drafts.csswg.org/css-writing-modes-3/#unicode-bidi" rel="help" />
|
||||
<meta content="This test asserts the parser and getComputedStyle works correctly for the unicode-bidi: normal, embed, bidi-override." name="assert" />
|
||||
<meta content="dom" name="flags" />
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
|
||||
</head><body><div data-expected="normal" title="Initial value of unicode-bidi"></div>
|
||||
|
||||
<div data-expected="normal" style="unicode-bidi: embed; unicode-bidi: normal"></div>
|
||||
<div data-expected="embed" style="unicode-bidi: embed"></div>
|
||||
<div data-expected="bidi-override" style="unicode-bidi: bidi-override"></div>
|
||||
|
||||
<div style="unicode-bidi: embed">
|
||||
<div data-expected="normal" title="unicode-bidi should not inherit"></div>
|
||||
</div>
|
||||
|
||||
<script>
|
||||
Array.prototype.forEach.call(document.querySelectorAll("[data-expected]"), function (element) {
|
||||
test(function () {
|
||||
var actual = getComputedStyle(element).unicodeBidi;
|
||||
assert_equals(actual, element.dataset.expected);
|
||||
}, element.title || element.getAttribute("style"));
|
||||
});
|
||||
</script>
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,27 @@
|
|||
<!DOCTYPE html>
|
||||
<html><head><meta charset="utf-8">
|
||||
<title>CSS Media Queries Test: min-aspect-ratio - 59/79 ('aspect-ratio' property with prefix 'min')</title>
|
||||
<link href="http://www.intel.com/" rel="author" title="Intel">
|
||||
<link href="mailto:xinx.liu@intel.com" name="author" title="Xin Liu">
|
||||
<link href="http://www.w3.org/TR/css3-mediaqueries/#aspect-ratio" rel="help" title="4.6. aspect-ratio">
|
||||
<link href="reference/ref-filled-green-100px-square.xht" name="match">
|
||||
<meta content="" name="flags">
|
||||
<meta content="The 'aspect-ratio' property with prefix 'min' set '59/79' means that the minimum of ratio is '59/79',
|
||||
only and only if the value of the 'width' to the value of the 'height' is greater than value of 'min-aspect-ratio', the style sheet will be applied." name="assert">
|
||||
<style>
|
||||
div {
|
||||
background-color: red;
|
||||
height: 100px;
|
||||
width: 100px;
|
||||
}
|
||||
@media screen and (min-aspect-ratio: 59/79) {
|
||||
div {
|
||||
background-color: green;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
</head><body>
|
||||
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
|
||||
<div></div>
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,26 @@
|
|||
<!DOCTYPE html>
|
||||
<html><head><meta charset="utf-8">
|
||||
<title>CSS Media Queries Test: min-aspect-ratio - 0/0 ('aspect-ratio' property with prefix 'min')</title>
|
||||
<link href="http://www.intel.com/" rel="author" title="Intel">
|
||||
<link href="mailto:xinx.liu@intel.com" name="author" title="Xin Liu">
|
||||
<link href="http://www.w3.org/TR/css3-mediaqueries/#aspect-ratio" rel="help" title="4.6. aspect-ratio">
|
||||
<link href="reference/ref-filled-green-100px-square.xht" name="match">
|
||||
<meta content="" name="flags">
|
||||
<meta content="The 'aspect-ratio' property with prefix 'min' set '0/0' is invalid that means the style sheet specified by 'min-aspect-ratio' will not be applied." name="assert">
|
||||
<style>
|
||||
div {
|
||||
background-color: green;
|
||||
height: 100px;
|
||||
width: 100px;
|
||||
}
|
||||
@media screen and (min-aspect-ratio: 0/0) {
|
||||
div {
|
||||
background-color: red;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
</head><body>
|
||||
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
|
||||
<div></div>
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,26 @@
|
|||
<!DOCTYPE html>
|
||||
<html><head><meta charset="utf-8">
|
||||
<title>CSS Media Queries Test: max-aspect-ratio - 1280/720 ('aspect-ratio' property with prefix 'max')</title>
|
||||
<link href="http://www.intel.com/" rel="author" title="Intel">
|
||||
<link href="mailto:xinx.liu@intel.com" name="author" title="Xin Liu">
|
||||
<link href="http://www.w3.org/TR/css3-mediaqueries/#aspect-ratio" rel="help" title="4.6. aspect-ratio">
|
||||
<link href="reference/ref-filled-green-100px-square.xht" name="match">
|
||||
<meta content="" name="flags">
|
||||
<meta content="The 'aspect-ratio' property with prefix 'max' set '1280/720' means that the maximum of ratio is '1280/720', only and only if the value of the 'width' to the value of the 'height' is lower than value of 'max-aspect-ratio', the style sheet will be applied." name="assert">
|
||||
<style>
|
||||
div {
|
||||
background-color: red;
|
||||
height: 100px;
|
||||
width: 100px;
|
||||
}
|
||||
@media screen and (max-aspect-ratio: 1280/720) {
|
||||
div {
|
||||
background-color: green;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
</head><body>
|
||||
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
|
||||
<div></div>
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,26 @@
|
|||
<!DOCTYPE html>
|
||||
<html><head><meta charset="utf-8">
|
||||
<title>CSS Media Queries Test: max-aspect-ratio - 0/0 ('aspect-ratio' property with prefix 'max')</title>
|
||||
<link href="http://www.intel.com/" rel="author" title="Intel">
|
||||
<link href="mailto:xinx.liu@intel.com" name="author" title="Xin Liu">
|
||||
<link href="http://www.w3.org/TR/css3-mediaqueries/#aspect-ratio" rel="help" title="4.6. aspect-ratio">
|
||||
<link href="reference/ref-filled-green-100px-square.xht" name="match">
|
||||
<meta content="" name="flags">
|
||||
<meta content="The 'aspect-ratio' property with prefix 'max' set '0/0' is invalid that means the style sheet specified by 'max-aspect-ratio' will not be applied." name="assert">
|
||||
<style>
|
||||
div {
|
||||
background-color: green;
|
||||
height: 100px;
|
||||
width: 100px;
|
||||
}
|
||||
@media screen and (max-aspect-ratio: 0/0) {
|
||||
div {
|
||||
background-color: red;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
</head><body>
|
||||
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
|
||||
<div></div>
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,35 @@
|
|||
<!DOCTYPE html>
|
||||
<html><head>
|
||||
|
||||
<title>
|
||||
CSS Values and Units and Media Queries Test:
|
||||
Calc function inside media queries
|
||||
</title>
|
||||
<meta content="
|
||||
The calc() expression is supported in the min-width media query.
|
||||
" name="assert">
|
||||
|
||||
<link href="mailto:fremycompany.developer@yahoo.fr" rel="author" title="François REMY">
|
||||
|
||||
<link href="http://www.w3.org/TR/css3-values/#calc" rel="help">
|
||||
<link href="http://www.w3.org/TR/css3-mediaqueries/#width" rel="help">
|
||||
|
||||
<link href="reference/all-green.htm" rel="match">
|
||||
|
||||
<style type="text/css">
|
||||
|
||||
html { background: red; }
|
||||
@media (min-width: calc(100px)) {
|
||||
html { background: green; }
|
||||
}
|
||||
|
||||
</style>
|
||||
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div id="target"></div>
|
||||
|
||||
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,35 @@
|
|||
<!DOCTYPE html>
|
||||
<html><head>
|
||||
|
||||
<title>
|
||||
CSS Values and Units and Media Queries Test:
|
||||
Calc function inside media queries
|
||||
</title>
|
||||
<meta content="
|
||||
The calc() expression is supported in the min-width media query properly (=with range clamping).
|
||||
" name="assert">
|
||||
|
||||
<link href="mailto:fremycompany.developer@yahoo.fr" rel="author" title="François REMY">
|
||||
|
||||
<link href="http://www.w3.org/TR/css3-values/#calc" rel="help">
|
||||
<link href="http://www.w3.org/TR/css3-mediaqueries/#width" rel="help">
|
||||
|
||||
<link href="reference/all-green.htm" rel="match">
|
||||
|
||||
<style type="text/css">
|
||||
|
||||
html { background: red; }
|
||||
@media (min-width: calc(-100px)) { /* should clamp to 0px */
|
||||
html { background: green; }
|
||||
}
|
||||
|
||||
</style>
|
||||
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<div id="target"></div>
|
||||
|
||||
|
||||
|
||||
</body></html>
|
||||
39
tests/wpt/css-tests/mediaqueries-3_dev/html/chapter-1.htm
Normal file
39
tests/wpt/css-tests/mediaqueries-3_dev/html/chapter-1.htm
Normal file
|
|
@ -0,0 +1,39 @@
|
|||
|
||||
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
|
||||
<html>
|
||||
<head>
|
||||
<title>Background - Media Queries Level 3 Conformance Test Suite</title>
|
||||
<style type="text/css">
|
||||
@import "http://www.w3.org/StyleSheets/TR/base.css";
|
||||
@import "../indices.css";
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<h1>Media Queries Level 3 Conformance Test Suite</h1>
|
||||
<h2>Background (0 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="s1">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s1">+</a>
|
||||
<a href="http://www.w3.org/TR/css3-mediaqueries/#background">1 Background</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
45
tests/wpt/css-tests/mediaqueries-3_dev/html/chapter-2.htm
Normal file
45
tests/wpt/css-tests/mediaqueries-3_dev/html/chapter-2.htm
Normal file
|
|
@ -0,0 +1,45 @@
|
|||
|
||||
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
|
||||
<html>
|
||||
<head>
|
||||
<title>Media Queries - Media Queries Level 3 Conformance Test Suite</title>
|
||||
<style type="text/css">
|
||||
@import "http://www.w3.org/StyleSheets/TR/base.css";
|
||||
@import "../indices.css";
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<h1>Media Queries Level 3 Conformance Test Suite</h1>
|
||||
<h2>Media Queries (0 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="s2">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s2">+</a>
|
||||
<a href="http://www.w3.org/TR/css3-mediaqueries/#media0">2 Media Queries</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.#expressions">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s2.#media-features">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
45
tests/wpt/css-tests/mediaqueries-3_dev/html/chapter-3.htm
Normal file
45
tests/wpt/css-tests/mediaqueries-3_dev/html/chapter-3.htm
Normal file
|
|
@ -0,0 +1,45 @@
|
|||
|
||||
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
|
||||
<html>
|
||||
<head>
|
||||
<title>Syntax - Media Queries Level 3 Conformance Test Suite</title>
|
||||
<style type="text/css">
|
||||
@import "http://www.w3.org/StyleSheets/TR/base.css";
|
||||
@import "../indices.css";
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<h1>Media Queries Level 3 Conformance Test Suite</h1>
|
||||
<h2>Syntax (0 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="s3">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s3">+</a>
|
||||
<a href="http://www.w3.org/TR/css3-mediaqueries/#syntax">3 Syntax</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s3.1">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s3.1">+</a>
|
||||
<a href="http://www.w3.org/TR/css3-mediaqueries/#error-handling">3.1 Error Handling</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
271
tests/wpt/css-tests/mediaqueries-3_dev/html/chapter-4.htm
Normal file
271
tests/wpt/css-tests/mediaqueries-3_dev/html/chapter-4.htm
Normal file
|
|
@ -0,0 +1,271 @@
|
|||
|
||||
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
|
||||
<html>
|
||||
<head>
|
||||
<title>Media features - Media Queries Level 3 Conformance Test Suite</title>
|
||||
<style type="text/css">
|
||||
@import "http://www.w3.org/StyleSheets/TR/base.css";
|
||||
@import "../indices.css";
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<h1>Media Queries Level 3 Conformance Test Suite</h1>
|
||||
<h2>Media features (14 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="s4">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s4">+</a>
|
||||
<a href="http://www.w3.org/TR/css3-mediaqueries/#media1">4 Media features</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s4.1">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s4.1">+</a>
|
||||
<a href="http://www.w3.org/TR/css3-mediaqueries/#width">4.1 width</a></th></tr>
|
||||
<!-- 4 tests -->
|
||||
<tr id="calc-in-media-queries-001-4.1" class="">
|
||||
<td>
|
||||
<a href="calc-in-media-queries-001.htm">calc-in-media-queries-001</a></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-4.1" class="">
|
||||
<td>
|
||||
<a href="calc-in-media-queries-002.htm">calc-in-media-queries-002</a></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="min-width-001-4.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="min-width-001.htm">min-width-001</a></strong></td>
|
||||
<td><a href="ref.htm">=</a> </td>
|
||||
<td></td>
|
||||
<td>min-width length value approximation
|
||||
<ul class="assert">
|
||||
<li>min-width length values that are too large to be supported must be clamped, rounded to infinity, or approximated, but not overflowed to a small or negative value.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="min-width-tables-001-4.1" class="dom">
|
||||
<td>
|
||||
<a href="min-width-tables-001.htm">min-width-tables-001</a></td>
|
||||
<td><a href="ref.htm">=</a> </td>
|
||||
<td><abbr class="dom" title="Requires Document Object Model support">DOM/JS</abbr></td>
|
||||
<td>Table Layout and Viewport Resizing
|
||||
<ul class="assert">
|
||||
<li>Resizing a page which toggles the `display` of elements between `block` and `table-cell` based on the viewport width should not cause unnecessary wrapping of the table.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="s4.2">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s4.2">+</a>
|
||||
<a href="http://www.w3.org/TR/css3-mediaqueries/#height">4.2 height</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s4.3">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s4.3">+</a>
|
||||
<a href="http://www.w3.org/TR/css3-mediaqueries/#device-width">4.3 device-width</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s4.4">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s4.4">+</a>
|
||||
<a href="http://www.w3.org/TR/css3-mediaqueries/#device-height">4.4 device-height</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s4.5">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s4.5">+</a>
|
||||
<a href="http://www.w3.org/TR/css3-mediaqueries/#orientation">4.5 orientation</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s4.6">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s4.6">+</a>
|
||||
<a href="http://www.w3.org/TR/css3-mediaqueries/#aspect-ratio">4.6 aspect-ratio</a></th></tr>
|
||||
<!-- 4 tests -->
|
||||
<tr id="aspect-ratio-001-4.6" class="primary">
|
||||
<td><strong>
|
||||
<a href="aspect-ratio-001.htm">aspect-ratio-001</a></strong></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td>min-aspect-ratio - 59/79 ('aspect-ratio' property with prefix 'min')
|
||||
<ul class="assert">
|
||||
<li>The 'aspect-ratio' property with prefix 'min' set '59/79' means that the minimum of ratio is '59/79', only and only if the value of the 'width' to the value of the 'height' is greater than value of 'min-aspect-ratio', the style sheet will be applied.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="aspect-ratio-002-4.6" class="primary">
|
||||
<td><strong>
|
||||
<a href="aspect-ratio-002.htm">aspect-ratio-002</a></strong></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td>min-aspect-ratio - 0/0 ('aspect-ratio' property with prefix 'min')
|
||||
<ul class="assert">
|
||||
<li>The 'aspect-ratio' property with prefix 'min' set '0/0' is invalid that means the style sheet specified by 'min-aspect-ratio' will not be applied.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="aspect-ratio-003-4.6" class="primary">
|
||||
<td><strong>
|
||||
<a href="aspect-ratio-003.htm">aspect-ratio-003</a></strong></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td>max-aspect-ratio - 1280/720 ('aspect-ratio' property with prefix 'max')
|
||||
<ul class="assert">
|
||||
<li>The 'aspect-ratio' property with prefix 'max' set '1280/720' means that the maximum of ratio is '1280/720', only and only if the value of the 'width' to the value of the 'height' is lower than value of 'max-aspect-ratio', the style sheet will be applied.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="aspect-ratio-004-4.6" class="primary">
|
||||
<td><strong>
|
||||
<a href="aspect-ratio-004.htm">aspect-ratio-004</a></strong></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td>max-aspect-ratio - 0/0 ('aspect-ratio' property with prefix 'max')
|
||||
<ul class="assert">
|
||||
<li>The 'aspect-ratio' property with prefix 'max' set '0/0' is invalid that means the style sheet specified by 'max-aspect-ratio' will not be applied.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="s4.7">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s4.7">+</a>
|
||||
<a href="http://www.w3.org/TR/css3-mediaqueries/#device-aspect-ratio">4.7 device-aspect-ratio</a></th></tr>
|
||||
<!-- 6 tests -->
|
||||
<tr id="device-aspect-ratio-001-4.7" class="primary">
|
||||
<td><strong>
|
||||
<a href="device-aspect-ratio-001.htm">device-aspect-ratio-001</a></strong></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td>max-device-aspect-ratio - 1281/1024 ('device-aspect-ratio' property with prefix 'max')
|
||||
<ul class="assert">
|
||||
<li>The 'device-aspect-ratio' property with prefix 'max' set '1281/1024' means that the maximum of ratio is '1281/1024', only and only if the device value of 'width' to value of 'height' is lower than value of 'max-device-aspect-ratio', the style sheet will be applied.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="device-aspect-ratio-002-4.7" class="primary">
|
||||
<td><strong>
|
||||
<a href="device-aspect-ratio-002.htm">device-aspect-ratio-002</a></strong></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td>max-device-aspect-ratio - 0/0 ('device-aspect-ratio' property with prefix 'max')
|
||||
<ul class="assert">
|
||||
<li>The 'device-aspect-ratio' property with prefix 'max' set '0/0' is invalid that means the style sheet specified by 'max-device-aspect-ratio' will not be applied.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="device-aspect-ratio-003-4.7" class="primary">
|
||||
<td><strong>
|
||||
<a href="device-aspect-ratio-003.htm">device-aspect-ratio-003</a></strong></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td>min-device-aspect-ratio - 1279/1024 ('device-aspect-ratio' property with prefix 'min')
|
||||
<ul class="assert">
|
||||
<li>The 'device-aspect-ratio' property with prefix 'min' set '1279/1024' means that the minimum of ratio is '1279/1024', only and only if the device value of 'width' to value of 'height' is greater than value of 'min-device-aspect-ratio', the style sheet will be applied.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="device-aspect-ratio-004-4.7" class="primary">
|
||||
<td><strong>
|
||||
<a href="device-aspect-ratio-004.htm">device-aspect-ratio-004</a></strong></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td>min-device-aspect-ratio - 0/0 ('device-aspect-ratio' property with prefix 'min')
|
||||
<ul class="assert">
|
||||
<li>The 'device-aspect-ratio' property with prefix 'min' set '0/0' is invalid that means the style sheet specified by 'min-device-aspect-ratio' will not be applied.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="device-aspect-ratio-005-4.7" class="primary">
|
||||
<td><strong>
|
||||
<a href="device-aspect-ratio-005.htm">device-aspect-ratio-005</a></strong></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td>device-aspect-ratio - 1280/1024 (basic)
|
||||
<ul class="assert">
|
||||
<li>The 'device-aspect-ratio' property set '1280/1024' means that the ratio is '1280/1024', only and only if the device value of 'width' to value of 'height' is equals with value of 'device-aspect-ratio', the style sheet will be applied.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="device-aspect-ratio-006-4.7" class="primary">
|
||||
<td><strong>
|
||||
<a href="device-aspect-ratio-006.htm">device-aspect-ratio-006</a></strong></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td>device-aspect-ratio - 0/0 (invalid)
|
||||
<ul class="assert">
|
||||
<li>The 'device-aspect-ratio' property set '0/0' is invalid that means the style sheet specified by 'device-aspect-ratio' will not be applied.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="s4.8">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s4.8">+</a>
|
||||
<a href="http://www.w3.org/TR/css3-mediaqueries/#color">4.8 color</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s4.9">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s4.9">+</a>
|
||||
<a href="http://www.w3.org/TR/css3-mediaqueries/#color-index">4.9 color-index</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s4.10">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s4.10">+</a>
|
||||
<a href="http://www.w3.org/TR/css3-mediaqueries/#monochrome">4.10 monochrome</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s4.11">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s4.11">+</a>
|
||||
<a href="http://www.w3.org/TR/css3-mediaqueries/#resolution">4.11 resolution</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s4.12">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s4.12">+</a>
|
||||
<a href="http://www.w3.org/TR/css3-mediaqueries/#scan">4.12 scan</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s4.13">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s4.13">+</a>
|
||||
<a href="http://www.w3.org/TR/css3-mediaqueries/#grid">4.13 grid</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
39
tests/wpt/css-tests/mediaqueries-3_dev/html/chapter-5.htm
Normal file
39
tests/wpt/css-tests/mediaqueries-3_dev/html/chapter-5.htm
Normal file
|
|
@ -0,0 +1,39 @@
|
|||
|
||||
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
|
||||
<html>
|
||||
<head>
|
||||
<title>Values - Media Queries Level 3 Conformance Test Suite</title>
|
||||
<style type="text/css">
|
||||
@import "http://www.w3.org/StyleSheets/TR/base.css";
|
||||
@import "../indices.css";
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<h1>Media Queries Level 3 Conformance Test Suite</h1>
|
||||
<h2>Values (0 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="s5">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s5">+</a>
|
||||
<a href="http://www.w3.org/TR/css3-mediaqueries/#values">5 Values</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
134
tests/wpt/css-tests/mediaqueries-3_dev/html/chapter-6.htm
Normal file
134
tests/wpt/css-tests/mediaqueries-3_dev/html/chapter-6.htm
Normal file
|
|
@ -0,0 +1,134 @@
|
|||
|
||||
|
||||
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN">
|
||||
<html>
|
||||
<head>
|
||||
<title>Units - Media Queries Level 3 Conformance Test Suite</title>
|
||||
<style type="text/css">
|
||||
@import "http://www.w3.org/StyleSheets/TR/base.css";
|
||||
@import "../indices.css";
|
||||
</style>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
|
||||
<h1>Media Queries Level 3 Conformance Test Suite</h1>
|
||||
<h2>Units (4 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/css3-mediaqueries/#units">6 Units</a></th></tr>
|
||||
<!-- 4 tests -->
|
||||
<tr id="mq-calc-002-6" class="">
|
||||
<td>
|
||||
<a href="mq-calc-002.htm">mq-calc-002</a></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-6" class="">
|
||||
<td>
|
||||
<a href="mq-calc-003.htm">mq-calc-003</a></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-6" class="">
|
||||
<td>
|
||||
<a href="mq-calc-004.htm">mq-calc-004</a></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-6" class="">
|
||||
<td>
|
||||
<a href="mq-calc-005.htm">mq-calc-005</a></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>
|
||||
</tbody>
|
||||
<tbody id="s6.1">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s6.1">+</a>
|
||||
<a href="http://www.w3.org/TR/css3-mediaqueries/#resolution0">6.1 Resolution</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s.#CSS21">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s.#HTML401">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s.#HTML5">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s.#RFC2531">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s.#XMLSTYLE">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s.#abstract">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s.#acknowledgments">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s.#changes">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s.#contents">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s.#media-queries">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s.#normative-references">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s.#other-references">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s.#references">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s.#status">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
<tbody id="s.#w3c-working">
|
||||
<!-- 0 tests -->
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,27 @@
|
|||
<!DOCTYPE html>
|
||||
<html><head><meta charset="utf-8">
|
||||
<title>CSS Media Queries Test: max-device-aspect-ratio - 1281/1024 ('device-aspect-ratio' property with prefix 'max')</title>
|
||||
<link href="http://www.intel.com/" rel="author" title="Intel">
|
||||
<link href="mailto:xinx.liu@intel.com" rel="author" title="Xin Liu">
|
||||
<link href="http://www.w3.org/TR/css3-mediaqueries/#device-aspect-ratio" rel="help" title="4.7. device-aspect-ratio">
|
||||
<link href="reference/ref-filled-green-100px-square.xht" name="match">
|
||||
<meta content="" name="flags">
|
||||
<meta content="The 'device-aspect-ratio' property with prefix 'max' set '1281/1024' means that the maximum of ratio is '1281/1024', only and only if the device value of 'width' to value of 'height' is lower than value of 'max-device-aspect-ratio', the style sheet will be applied." name="assert">
|
||||
<style>
|
||||
div {
|
||||
background-color: red;
|
||||
height: 100px;
|
||||
width: 100px;
|
||||
}
|
||||
@media screen and (max-device-aspect-ratio: 1281/1024) {
|
||||
div {
|
||||
background-color: green;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
</head><body>
|
||||
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
|
||||
<div></div>
|
||||
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,27 @@
|
|||
<!DOCTYPE html>
|
||||
<html><head><meta charset="utf-8">
|
||||
<title>CSS Media Queries Test: max-device-aspect-ratio - 0/0 ('device-aspect-ratio' property with prefix 'max')</title>
|
||||
<link href="http://www.intel.com/" rel="author" title="Intel">
|
||||
<link href="mailto:xinx.liu@intel.com" rel="author" title="Xin Liu">
|
||||
<link href="http://www.w3.org/TR/css3-mediaqueries/#device-aspect-ratio" rel="help" title="4.7. device-aspect-ratio">
|
||||
<link href="reference/ref-filled-green-100px-square.xht" name="match">
|
||||
<meta content="" name="flags">
|
||||
<meta content="The 'device-aspect-ratio' property with prefix 'max' set '0/0' is invalid that means the style sheet specified by 'max-device-aspect-ratio' will not be applied." name="assert">
|
||||
<style>
|
||||
div {
|
||||
background-color: green;
|
||||
height: 100px;
|
||||
width: 100px;
|
||||
}
|
||||
@media screen and (max-device-aspect-ratio: 0/0) {
|
||||
div {
|
||||
background-color: red;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
</head><body>
|
||||
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
|
||||
<div></div>
|
||||
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,26 @@
|
|||
<!DOCTYPE html>
|
||||
<html><head><meta charset="utf-8">
|
||||
<title>CSS Media Queries Test: min-device-aspect-ratio - 1279/1024 ('device-aspect-ratio' property with prefix 'min')</title>
|
||||
<link href="http://www.intel.com/" rel="author" title="Intel">
|
||||
<link href="mailto:xinx.liu@intel.com" rel="author" title="Xin Liu">
|
||||
<link href="http://www.w3.org/TR/css3-mediaqueries/#device-aspect-ratio" rel="help" title="4.7. device-aspect-ratio">
|
||||
<link href="reference/ref-filled-green-100px-square.xht" name="match">
|
||||
<meta content="" name="flags">
|
||||
<meta content="The 'device-aspect-ratio' property with prefix 'min' set '1279/1024' means that the minimum of ratio is '1279/1024', only and only if the device value of 'width' to value of 'height' is greater than value of 'min-device-aspect-ratio', the style sheet will be applied." name="assert">
|
||||
<style>
|
||||
div {
|
||||
background-color: red;
|
||||
height: 100px;
|
||||
width: 100px;
|
||||
}
|
||||
@media screen and (min-device-aspect-ratio: 1279/1024) {
|
||||
div {
|
||||
background-color: green;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
</head><body>
|
||||
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
|
||||
<div></div>
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,26 @@
|
|||
<!DOCTYPE html>
|
||||
<html><head><meta charset="utf-8">
|
||||
<title>CSS Media Queries Test: min-device-aspect-ratio - 0/0 ('device-aspect-ratio' property with prefix 'min')</title>
|
||||
<link href="http://www.intel.com/" rel="author" title="Intel">
|
||||
<link href="mailto:xinx.liu@intel.com" rel="author" title="Xin Liu">
|
||||
<link href="http://www.w3.org/TR/css3-mediaqueries/#device-aspect-ratio" rel="help" title="4.7. device-aspect-ratio">
|
||||
<link href="reference/ref-filled-green-100px-square.xht" name="match">
|
||||
<meta content="" name="flags">
|
||||
<meta content="The 'device-aspect-ratio' property with prefix 'min' set '0/0' is invalid that means the style sheet specified by 'min-device-aspect-ratio' will not be applied." name="assert">
|
||||
<style>
|
||||
div {
|
||||
background-color: green;
|
||||
height: 100px;
|
||||
width: 100px;
|
||||
}
|
||||
@media screen and (min-device-aspect-ratio: 0/0) {
|
||||
div {
|
||||
background-color: red;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
</head><body>
|
||||
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
|
||||
<div></div>
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,26 @@
|
|||
<!DOCTYPE html>
|
||||
<html><head><meta charset="utf-8">
|
||||
<title>CSS Media Queries Test: device-aspect-ratio - 1280/1024 (basic)</title>
|
||||
<link href="http://www.intel.com/" rel="author" title="Intel">
|
||||
<link href="mailto:xinx.liu@intel.com" rel="author" title="Xin Liu">
|
||||
<link href="http://www.w3.org/TR/css3-mediaqueries/#device-aspect-ratio" rel="help" title="4.7. device-aspect-ratio">
|
||||
<link href="reference/ref-filled-green-100px-square.xht" name="match">
|
||||
<meta content="" name="flags">
|
||||
<meta content="The 'device-aspect-ratio' property set '1280/1024' means that the ratio is '1280/1024', only and only if the device value of 'width' to value of 'height' is equals with value of 'device-aspect-ratio', the style sheet will be applied." name="assert">
|
||||
<style>
|
||||
div {
|
||||
background-color: red;
|
||||
height: 100px;
|
||||
width: 100px;
|
||||
}
|
||||
@media screen and (device-aspect-ratio: 1280/1024) {
|
||||
div {
|
||||
background-color: green;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
</head><body>
|
||||
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
|
||||
<div></div>
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,26 @@
|
|||
<!DOCTYPE html>
|
||||
<html><head><meta charset="utf-8">
|
||||
<title>CSS Media Queries Test: device-aspect-ratio - 0/0 (invalid)</title>
|
||||
<link href="http://www.intel.com/" rel="author" title="Intel">
|
||||
<link href="mailto:xinx.liu@intel.com" rel="author" title="Xin Liu">
|
||||
<link href="http://www.w3.org/TR/css3-mediaqueries/#device-aspect-ratio" rel="help" title="4.7. device-aspect-ratio">
|
||||
<link href="reference/ref-filled-green-100px-square.xht" name="match">
|
||||
<meta content="" name="flags">
|
||||
<meta content="The 'device-aspect-ratio' property set '0/0' is invalid that means the style sheet specified by 'device-aspect-ratio' will not be applied." name="assert">
|
||||
<style>
|
||||
div {
|
||||
background-color: green;
|
||||
height: 100px;
|
||||
width: 100px;
|
||||
}
|
||||
@media screen and (device-aspect-ratio: 0/0) {
|
||||
div {
|
||||
background-color: red;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
</head><body>
|
||||
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
|
||||
<div></div>
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,30 @@
|
|||
<!DOCTYPE html SYSTEM "about:legacy-compat">
|
||||
<html>
|
||||
<head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Media Queries Test: min-width length value approximation</title>
|
||||
<link rel="author" title="Chris Rebert" href="http://chrisrebert.com">
|
||||
<link rel="help" href="http://www.w3.org/TR/css3-mediaqueries/#width">
|
||||
<link rel="help" href="http://www.w3.org/TR/mediaqueries-4/#width">
|
||||
<link rel="help" href="http://www.w3.org/TR/css3-values/#length-value">
|
||||
<link rel="match" href="ref.htm">
|
||||
<meta name="flags" content="">
|
||||
<meta name="assert" content="min-width length values that are too large to be supported must be clamped, rounded to infinity, or approximated, but not overflowed to a small or negative value.">
|
||||
<style>
|
||||
div {
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
background-color: green;
|
||||
}
|
||||
@media (min-width: 9999999999px) {
|
||||
div {
|
||||
background-color: red;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is a <strong>filled green square</strong> and <strong>no red</strong>.</p>
|
||||
<div></div>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,42 @@
|
|||
<!DOCTYPE html>
|
||||
<html class="reftest-wait"><head>
|
||||
<meta charset="utf-8">
|
||||
<title>CSS Test: Table Layout and Viewport Resizing</title>
|
||||
<link href="http://chrisrebert.com" rel="author" title="Chris Rebert">
|
||||
<link href="https://drafts.csswg.org/css2/tables.html#auto-table-layout" rel="help">
|
||||
<link href="https://drafts.csswg.org/mediaqueries-3/#width" rel="help">
|
||||
<link href="https://drafts.csswg.org/mediaqueries-4/#width" rel="help">
|
||||
<link href="ref.htm" rel="match">
|
||||
<meta content="dom" name="flags">
|
||||
<meta content="Resizing a page which toggles the `display` of elements between `block` and `table-cell` based on the viewport width should not cause unnecessary wrapping of the table." name="assert">
|
||||
<style>
|
||||
iframe {
|
||||
border: 0;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is a <strong>filled green square</strong> and <strong>no red</strong>.</p>
|
||||
<iframe src="support/min-width-tables-001-iframe.html" height="300" id="toy" width="100"></iframe>
|
||||
<!-- See min-width-tables-001-iframe.html for the derivation of the 100px value -->
|
||||
<!-- We use 300px height so the incorrect stacking is visible in failure cases -->
|
||||
<!-- This test is not about iframes specifically. It's just that resizing an iframe is more reliable than resizing the window, given browser security restrictions. -->
|
||||
<script>
|
||||
window.addEventListener('load', function () {
|
||||
var PAINT_MS = 250;/* Assume the browser takes about this long to layout/paint this whole page */
|
||||
var iframe = document.getElementById('toy');
|
||||
window.setTimeout(function () {
|
||||
iframe.width = 64;/* <100px ; toggle media query off */
|
||||
window.setTimeout(function () {
|
||||
iframe.width = 100;/* >=100px ; toggle media query on; back to initial width */
|
||||
// Take the reftest screenshot after the last relayout/repaint finishes
|
||||
window.setTimeout(function () {
|
||||
document.documentElement.className = '';
|
||||
}, PAINT_MS);
|
||||
}, PAINT_MS);
|
||||
}, PAINT_MS);
|
||||
}, false);
|
||||
</script>
|
||||
|
||||
|
||||
</body></html>
|
||||
29
tests/wpt/css-tests/mediaqueries-3_dev/html/mq-calc-002.htm
Normal file
29
tests/wpt/css-tests/mediaqueries-3_dev/html/mq-calc-002.htm
Normal file
|
|
@ -0,0 +1,29 @@
|
|||
<!DOCTYPE html>
|
||||
<html><head>
|
||||
<title>Test: evaluation of em in calc in Media Queries</title>
|
||||
<link href="http://florian.rivoal.net/" rel="author" title="Florian Rivoal">
|
||||
<link href="http://www.w3.org/TR/css3-values/#calc" rel="help">
|
||||
<link href="http://www.w3.org/TR/css3-mediaqueries/#units" rel="help">
|
||||
<link href="reference/mq-calc-001-ref.htm" rel="match">
|
||||
<meta content="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." name="assert">
|
||||
<meta content="" name="flags">
|
||||
<style>
|
||||
:root { font-size: 30000px; }
|
||||
p { font-size: 16px; }
|
||||
div {
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
background-color: red;
|
||||
}
|
||||
@media (min-width: calc(1em)){
|
||||
div { background-color: green; }
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is a <strong>filled green square</strong> and <strong>no red</strong>.</p>
|
||||
<div></div>
|
||||
|
||||
|
||||
|
||||
</body></html>
|
||||
29
tests/wpt/css-tests/mediaqueries-3_dev/html/mq-calc-003.htm
Normal file
29
tests/wpt/css-tests/mediaqueries-3_dev/html/mq-calc-003.htm
Normal file
|
|
@ -0,0 +1,29 @@
|
|||
<!DOCTYPE html>
|
||||
<html><head>
|
||||
<title>Test: evaluation of ex in calc in Media Queries</title>
|
||||
<link href="http://florian.rivoal.net/" rel="author" title="Florian Rivoal">
|
||||
<link href="http://www.w3.org/TR/css3-values/#calc" rel="help">
|
||||
<link href="http://www.w3.org/TR/css3-mediaqueries/#units" rel="help">
|
||||
<link href="reference/mq-calc-001-ref.htm" rel="match">
|
||||
<meta content="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." name="assert">
|
||||
<meta content="" name="flags">
|
||||
<style>
|
||||
:root { font-size: 30000px; }
|
||||
p { font-size: 16px; }
|
||||
div {
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
background-color: red;
|
||||
}
|
||||
@media (min-width: calc(1ex)){
|
||||
div { background-color: green; }
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is a <strong>filled green square</strong> and <strong>no red</strong>.</p>
|
||||
<div></div>
|
||||
|
||||
|
||||
|
||||
</body></html>
|
||||
29
tests/wpt/css-tests/mediaqueries-3_dev/html/mq-calc-004.htm
Normal file
29
tests/wpt/css-tests/mediaqueries-3_dev/html/mq-calc-004.htm
Normal file
|
|
@ -0,0 +1,29 @@
|
|||
<!DOCTYPE html>
|
||||
<html><head>
|
||||
<title>Test: evaluation of ch in calc in Media Queries</title>
|
||||
<link href="http://florian.rivoal.net/" rel="author" title="Florian Rivoal">
|
||||
<link href="http://www.w3.org/TR/css3-values/#calc" rel="help">
|
||||
<link href="http://www.w3.org/TR/css3-mediaqueries/#units" rel="help">
|
||||
<link href="reference/mq-calc-001-ref.htm" rel="match">
|
||||
<meta content="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." name="assert">
|
||||
<meta content="" name="flags">
|
||||
<style>
|
||||
:root { font-size: 30000px; }
|
||||
p { font-size: 16px; }
|
||||
div {
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
background-color: red;
|
||||
}
|
||||
@media (min-width: calc(1ch)){
|
||||
div { background-color: green; }
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is a <strong>filled green square</strong> and <strong>no red</strong>.</p>
|
||||
<div></div>
|
||||
|
||||
|
||||
|
||||
</body></html>
|
||||
29
tests/wpt/css-tests/mediaqueries-3_dev/html/mq-calc-005.htm
Normal file
29
tests/wpt/css-tests/mediaqueries-3_dev/html/mq-calc-005.htm
Normal file
|
|
@ -0,0 +1,29 @@
|
|||
<!DOCTYPE html>
|
||||
<html><head>
|
||||
<title>Test: evaluation of rem in calc in Media Queries</title>
|
||||
<link href="http://florian.rivoal.net/" rel="author" title="Florian Rivoal">
|
||||
<link href="http://www.w3.org/TR/css3-values/#calc" rel="help">
|
||||
<link href="http://www.w3.org/TR/css3-mediaqueries/#units" rel="help">
|
||||
<link href="reference/mq-calc-001-ref.htm" rel="match">
|
||||
<meta content="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." name="assert">
|
||||
<meta content="" name="flags">
|
||||
<style>
|
||||
:root { font-size: 30000px; }
|
||||
p { font-size: 16px; }
|
||||
div {
|
||||
width: 100px;
|
||||
height: 100px;
|
||||
background-color: red;
|
||||
}
|
||||
@media (min-width: calc(1rem)){
|
||||
div { background-color: green; }
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is a <strong>filled green square</strong> and <strong>no red</strong>.</p>
|
||||
<div></div>
|
||||
|
||||
|
||||
|
||||
</body></html>
|
||||
18
tests/wpt/css-tests/mediaqueries-3_dev/html/ref.htm
Normal file
18
tests/wpt/css-tests/mediaqueries-3_dev/html/ref.htm
Normal file
|
|
@ -0,0 +1,18 @@
|
|||
<!DOCTYPE html>
|
||||
<html><head>
|
||||
<title>CSS Reftest Reference</title>
|
||||
<link href="http://florian.rivoal.net/" rel="author" title="Florian Rivoal">
|
||||
<style>
|
||||
div {
|
||||
background-color:green;
|
||||
height:100px;
|
||||
width:100px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if there is a <strong>filled green square</strong> and <strong>no red</strong>.</p>
|
||||
<div></div>
|
||||
|
||||
|
||||
</body></html>
|
||||
Some files were not shown because too many files have changed in this diff Show more
Loading…
Add table
Add a link
Reference in a new issue