Update CSS tests to revision 465c03e3d8d42ce98b9dfa0c8d8e7b4b8d48ebd7

This commit is contained in:
Ms2ger 2015-10-21 16:35:11 +02:00
parent ea000471d3
commit 6a4ad433a2
432 changed files with 6691 additions and 83 deletions

View file

@ -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">

View file

@ -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">

View file

@ -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">

View file

@ -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>

View file

@ -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">

View file

@ -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 -->

View 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>

View 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>

View file

@ -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>

View file

@ -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>

View file

@ -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">

View file

@ -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

View file

@ -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>

View file

@ -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 -

View file

@ -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>

View file

@ -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 ?

View file

@ -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>

View file

@ -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>

View file

@ -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>

View file

@ -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">

View file

@ -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">

View file

@ -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">

View file

@ -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>

View file

@ -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">

View file

@ -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 -->

View file

@ -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;/* &lt;100px ; toggle media query off */
window.setTimeout(function () {
iframe.width = 100;/* &gt;=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>

View 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>

View file

@ -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>

View file

@ -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>

View file

@ -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">

View file

@ -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

View file

@ -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>

View file

@ -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 -

View file

@ -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>

View file

@ -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">

View file

@ -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">

View file

@ -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">

View file

@ -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>

View file

@ -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">

View file

@ -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 -->

View file

@ -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;/* &lt;100px ; toggle media query off */
window.setTimeout(function () {
iframe.width = 100;/* &gt;=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>

View 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>

View file

@ -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>

View file

@ -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>

View file

@ -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">

View file

@ -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

View file

@ -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>

View file

@ -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 -

View file

@ -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>