mirror of
https://github.com/servo/servo.git
synced 2025-08-30 01:28:21 +01:00
Update CSS tests to revision 465c03e3d8d42ce98b9dfa0c8d8e7b4b8d48ebd7
This commit is contained in:
parent
ea000471d3
commit
6a4ad433a2
432 changed files with 6691 additions and 83 deletions
|
@ -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>
|
Loading…
Add table
Add a link
Reference in a new issue