eliott/servo
1
0
Fork 0
mirror of https://github.com/servo/servo synced 2026-04-29 02:47:55 +02:00
Code Issues Packages Projects Releases Wiki Activity

Update CSS tests to revision 465c03e3d8d42ce98b9dfa0c8d8e7b4b8d48ebd7

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

1
tests/wpt/css-tests/css21_dev/xhtml1/attribute-value-selector-001.xht
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">

1
tests/wpt/css-tests/css21_dev/xhtml1/attribute-value-selector-002.xht
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">

1
tests/wpt/css-tests/css21_dev/xhtml1/attribute-value-selector-003.xht
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">

15
tests/wpt/css-tests/css21_dev/xhtml1/chapter-17.xht
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>

6
tests/wpt/css-tests/css21_dev/xhtml1/chapter-5.xht
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">

15
tests/wpt/css-tests/css21_dev/xhtml1/chapter-9.xht
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 -->

42
tests/wpt/css-tests/css21_dev/xhtml1/min-width-tables-001.xht Normal file
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>

18
tests/wpt/css-tests/css21_dev/xhtml1/ref.xht Normal file
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>

17
tests/wpt/css-tests/css21_dev/xhtml1/reference/attribute-value-selector-001-ref.xht Normal file
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>

59
tests/wpt/css-tests/css21_dev/xhtml1/reference/support/min-width-tables-001-iframe.html Normal file
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>

32
tests/wpt/css-tests/css21_dev/xhtml1/reftest-toc.xht
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">

4
tests/wpt/css-tests/css21_dev/xhtml1/reftest.list
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

59
tests/wpt/css-tests/css21_dev/xhtml1/support/min-width-tables-001-iframe.html Normal file
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>

4
tests/wpt/css-tests/css21_dev/xhtml1/toc.xht
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 -

29
tests/wpt/css-tests/css21_dev/xhtml1/unicode-bidi-parsing-001.xht Normal file
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>