mirror of
https://github.com/servo/servo.git
synced 2025-08-12 08:55:32 +01:00
Update web-platform-tests and CSS tests.
- Update CSS tests to revision e05bfd5e30ed662c2f8a353577003f8eed230180. - Update web-platform-tests to revision a052787dd5c069a340031011196b73affbd68cd9.
This commit is contained in:
Ms2ger
parent
fb4f421c8b
commit
296fa2512b
21852 changed files with 2080936 additions and 892894 deletions
|
|
@ -13,7 +13,7 @@
|
|||
<body>
|
||||
|
||||
<h1>Media Queries Level 3 Conformance Test Suite</h1>
|
||||
<h2>Media Queries (0 tests)</h2>
|
||||
<h2>Media Queries (1 tests)</h2>
|
||||
<table width="100%">
|
||||
<col id="test-column"></col>
|
||||
<col id="refs-column"></col>
|
||||
|
|
@ -31,7 +31,15 @@
|
|||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s2">+</a>
|
||||
<a href="https://www.w3.org/TR/css3-mediaqueries/#media0">2 Media Queries</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
<!-- 1 tests -->
|
||||
<tr id="media-queries-001-2" class="primary">
|
||||
<td><strong>
|
||||
<a href="media-queries-001.xht">media-queries-001</a></strong></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td>Basic media queries test
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="s2.#expressions">
|
||||
<!-- 0 tests -->
|
||||
|
|
|
|||
|
|
@ -13,7 +13,7 @@
|
|||
<body>
|
||||
|
||||
<h1>Media Queries Level 3 Conformance Test Suite</h1>
|
||||
<h2>Media features (14 tests)</h2>
|
||||
<h2>Media features (16 tests)</h2>
|
||||
<table width="100%">
|
||||
<col id="test-column"></col>
|
||||
<col id="refs-column"></col>
|
||||
|
|
@ -37,7 +37,7 @@
|
|||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s4.1">+</a>
|
||||
<a href="https://www.w3.org/TR/css3-mediaqueries/#width">4.1 width</a></th></tr>
|
||||
<!-- 4 tests -->
|
||||
<!-- 5 tests -->
|
||||
<tr id="calc-in-media-queries-001-4.1" class="">
|
||||
<td>
|
||||
<a href="calc-in-media-queries-001.xht">calc-in-media-queries-001</a></td>
|
||||
|
|
@ -60,6 +60,14 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="media-queries-002-4.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="media-queries-002.xht">media-queries-002</a></strong></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td>The 'width' media feature (for visual devices with desktop viewport widths)
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="min-width-001-4.1" class="">
|
||||
<td>
|
||||
<a href="min-width-001.xht">min-width-001</a></td>
|
||||
|
|
@ -233,7 +241,15 @@
|
|||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s4.8">+</a>
|
||||
<a href="https://www.w3.org/TR/css3-mediaqueries/#color">4.8 color</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
<!-- 1 tests -->
|
||||
<tr id="media-queries-003-4.8" class="primary">
|
||||
<td><strong>
|
||||
<a href="media-queries-003.xht">media-queries-003</a></strong></td>
|
||||
<td></td>
|
||||
<td></td>
|
||||
<td>The 'color' media feature (for color devices with bit depth less than 4096 bits per pixel)
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="s4.9">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
|
|
|
|||
|
|
@ -13,7 +13,7 @@
|
|||
<body>
|
||||
|
||||
<h1>Media Queries Level 3 Conformance Test Suite</h1>
|
||||
<h2>Units (4 tests)</h2>
|
||||
<h2>Units (8 tests)</h2>
|
||||
<table width="100%">
|
||||
<col id="test-column"></col>
|
||||
<col id="refs-column"></col>
|
||||
|
|
@ -31,7 +31,7 @@
|
|||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s6">+</a>
|
||||
<a href="https://www.w3.org/TR/css3-mediaqueries/#units">6 Units</a></th></tr>
|
||||
<!-- 4 tests -->
|
||||
<!-- 8 tests -->
|
||||
<tr id="mq-calc-002-6" class="">
|
||||
<td>
|
||||
<a href="mq-calc-002.xht">mq-calc-002</a></td>
|
||||
|
|
@ -76,6 +76,50 @@
|
|||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="relative-units-001-6" class="primary">
|
||||
<td><strong>
|
||||
<a href="relative-units-001.xht">relative-units-001</a></strong></td>
|
||||
<td><a href="reference/ref-green-body.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Font-relative length units (rem) in width media queries
|
||||
<ul class="assert">
|
||||
<li>Font-relative length units (such as 'rem') in media queries should be calculated based on the initial value of 'font-size', not based on author style declarations, such as: html { font-size: 200%; }</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="relative-units-002-6" class="primary">
|
||||
<td><strong>
|
||||
<a href="relative-units-002.xht">relative-units-002</a></strong></td>
|
||||
<td><a href="reference/ref-green-body.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Font-relative length units (em) in width media queries
|
||||
<ul class="assert">
|
||||
<li>Font-relative length units (such as 'em') in media queries should be calculated based on the initial value of 'font-size', not based on author style declarations, such as: html { font-size: 200%; }</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="relative-units-003-6" class="primary">
|
||||
<td><strong>
|
||||
<a href="relative-units-003.xht">relative-units-003</a></strong></td>
|
||||
<td><a href="reference/ref-green-body.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Font-relative length units (ex) in width media queries
|
||||
<ul class="assert">
|
||||
<li>Font-relative length units (such as 'ex') in media queries should be calculated based on the initial value of 'font-size', not based on author style declarations, such as: html { font-size: 200%; }</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="relative-units-004-6" class="primary">
|
||||
<td><strong>
|
||||
<a href="relative-units-004.xht">relative-units-004</a></strong></td>
|
||||
<td><a href="reference/ref-green-body.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>Font-relative length units (ch) in width media queries
|
||||
<ul class="assert">
|
||||
<li>Font-relative length units (such as 'ch') in media queries should be calculated based on the initial value of 'font-size', not based on author style declarations, such as: html { font-size: 200%; }</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="s6.1">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
|
|
|
|||
|
|
@ -0,0 +1,21 @@
|
|||
<!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>Basic media queries test</title>
|
||||
<link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch" />
|
||||
<link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/media/queries/001.html" />
|
||||
<link rel="help" href="https://www.w3.org/TR/css3-mediaqueries/#media0" />
|
||||
<style type="text/css"><![CDATA[
|
||||
@media only screen {
|
||||
.a, .b { color: green; }
|
||||
}
|
||||
@media not only screen {
|
||||
.b { color: red; }
|
||||
}
|
||||
]]></style>
|
||||
</head>
|
||||
<body>
|
||||
<p class="a"> This line should be green. </p>
|
||||
<p class="b"> This line should be green. </p>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,19 @@
|
|||
<!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>The 'width' media feature (for visual devices with desktop viewport widths)</title>
|
||||
<link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch" />
|
||||
<link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/media/queries/002.html" />
|
||||
<link rel="help" href="https://www.w3.org/TR/css3-mediaqueries/#width" />
|
||||
<style type="text/css"><![CDATA[
|
||||
@media screen and (width) { .a { color: green; } }
|
||||
@media screen and (min-width: 1em) { .b { color: green; } }
|
||||
@media screen and (max-width: 1000000em) { .c { color: green; } }
|
||||
]]></style>
|
||||
</head>
|
||||
<body>
|
||||
<p class="a"> This line should be green. </p>
|
||||
<p class="b"> This line should be green. </p>
|
||||
<p class="c"> This line should be green. </p>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -0,0 +1,19 @@
|
|||
<!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>The 'color' media feature (for color devices with bit depth less than 4096 bits per pixel)</title>
|
||||
<link rel="author" title="Ian Hickson" href="mailto:ian@hixie.ch" />
|
||||
<link rel="alternate" href="http://www.hixie.ch/tests/adhoc/css/media/queries/003.html" />
|
||||
<link rel="help" href="https://www.w3.org/TR/css3-mediaqueries/#color" />
|
||||
<style type="text/css"><![CDATA[
|
||||
@media screen and (color) { .a { color: green; } }
|
||||
@media screen and (min-color: 1) { .b { color: green; } }
|
||||
@media screen and (max-color: 4096) { .c { color: green; } }
|
||||
]]></style>
|
||||
</head>
|
||||
<body>
|
||||
<p class="a"> This line should be green. </p>
|
||||
<p class="b"> This line should be green. </p>
|
||||
<p class="c"> This line should be green. </p>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -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><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
|
||||
<title>CSS Reftest Reference</title>
|
||||
<link rel="author" title="Chris Rebert" href="http://chrisrebert.com" />
|
||||
<style type="text/css">
|
||||
body {
|
||||
background: green;
|
||||
}
|
||||
p {
|
||||
font-size: 24px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>This should have a green background.</p>
|
||||
</body>
|
||||
</html>
|
||||
|
|
@ -2,7 +2,7 @@
|
|||
<html lang="en-US"><head>
|
||||
<title>Media Queries Test inner frame</title>
|
||||
<meta content="text/html; charset=UTF-8" http-equiv="Content-Type">
|
||||
<link href="http://dbaron.org/" rel="author" title="L. David Baron">
|
||||
<link href="https://dbaron.org/" rel="author" title="L. David Baron">
|
||||
<meta content="text/css" http-equiv="Content-Style-Type">
|
||||
<style media="all" type="text/css" id="style">
|
||||
body { text-decoration: underline; }
|
||||
|
|
|
|||
|
|
@ -168,6 +168,38 @@
|
|||
<td rowspan="1"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="relative-units-001" class="">
|
||||
<tr>
|
||||
<td rowspan="1" title="Font-relative length units (rem) in width media queries">
|
||||
<a href="relative-units-001.xht">relative-units-001</a></td>
|
||||
<td><a href="reference/ref-green-body.xht">=</a> </td>
|
||||
<td rowspan="1"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="relative-units-002" class="">
|
||||
<tr>
|
||||
<td rowspan="1" title="Font-relative length units (em) in width media queries">
|
||||
<a href="relative-units-002.xht">relative-units-002</a></td>
|
||||
<td><a href="reference/ref-green-body.xht">=</a> </td>
|
||||
<td rowspan="1"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="relative-units-003" class="">
|
||||
<tr>
|
||||
<td rowspan="1" title="Font-relative length units (ex) in width media queries">
|
||||
<a href="relative-units-003.xht">relative-units-003</a></td>
|
||||
<td><a href="reference/ref-green-body.xht">=</a> </td>
|
||||
<td rowspan="1"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="relative-units-004" class="">
|
||||
<tr>
|
||||
<td rowspan="1" title="Font-relative length units (ch) in width media queries">
|
||||
<a href="relative-units-004.xht">relative-units-004</a></td>
|
||||
<td><a href="reference/ref-green-body.xht">=</a> </td>
|
||||
<td rowspan="1"></td>
|
||||
</tr>
|
||||
</tbody>
|
||||
</table>
|
||||
|
||||
</body>
|
||||
|
|
|
|||
|
|
@ -17,3 +17,7 @@ mq-calc-002.xht == reference/ref-filled-green-100px-square.xht
|
|||
mq-calc-003.xht == reference/ref-filled-green-100px-square.xht
|
||||
mq-calc-004.xht == reference/ref-filled-green-100px-square.xht
|
||||
mq-calc-005.xht == reference/ref-filled-green-100px-square.xht
|
||||
relative-units-001.xht == reference/ref-green-body.xht
|
||||
relative-units-002.xht == reference/ref-green-body.xht
|
||||
relative-units-003.xht == reference/ref-green-body.xht
|
||||
relative-units-004.xht == reference/ref-green-body.xht
|
||||
|
|
|
|||
|
|
@ -0,0 +1,32 @@
|
|||
<!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 charset="utf-8" />
|
||||
<title>CSS Test: Font-relative length units (rem) in width media queries</title>
|
||||
<link href="http://chrisrebert.com" rel="author" title="Chris Rebert" />
|
||||
<link href="https://www.w3.org/TR/css3-mediaqueries/#units" rel="help" />
|
||||
<link href="https://www.w3.org/TR/mediaqueries-4/#units" rel="help" />
|
||||
<link href="reference/ref-green-body.xht" rel="match" />
|
||||
<meta content="" name="flags" />
|
||||
<meta content="Font-relative length units (such as 'rem') in media queries should be calculated based on the initial value of 'font-size', not based on author style declarations, such as: html { font-size: 200%; }" name="assert" />
|
||||
<style>
|
||||
:root {
|
||||
font-size: 100000px;/* ~87ft */
|
||||
}
|
||||
body {
|
||||
background: red;
|
||||
}
|
||||
@media (min-width: 1rem) {
|
||||
body {
|
||||
background: green;
|
||||
}
|
||||
}
|
||||
p {
|
||||
font-size: 24px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>This should have a green background.</p>
|
||||
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,32 @@
|
|||
<!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 charset="utf-8" />
|
||||
<title>CSS Test: Font-relative length units (em) in width media queries</title>
|
||||
<link href="http://chrisrebert.com" rel="author" title="Chris Rebert" />
|
||||
<link href="https://www.w3.org/TR/css3-mediaqueries/#units" rel="help" />
|
||||
<link href="https://www.w3.org/TR/mediaqueries-4/#units" rel="help" />
|
||||
<link href="reference/ref-green-body.xht" rel="match" />
|
||||
<meta content="" name="flags" />
|
||||
<meta content="Font-relative length units (such as 'em') in media queries should be calculated based on the initial value of 'font-size', not based on author style declarations, such as: html { font-size: 200%; }" name="assert" />
|
||||
<style>
|
||||
:root {
|
||||
font-size: 100000px;/* ~87ft */
|
||||
}
|
||||
body {
|
||||
background: red;
|
||||
}
|
||||
@media (min-width: 1em) {
|
||||
body {
|
||||
background: green;
|
||||
}
|
||||
}
|
||||
p {
|
||||
font-size: 24px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>This should have a green background.</p>
|
||||
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,32 @@
|
|||
<!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 charset="utf-8" />
|
||||
<title>CSS Test: Font-relative length units (ex) in width media queries</title>
|
||||
<link href="http://chrisrebert.com" rel="author" title="Chris Rebert" />
|
||||
<link href="https://www.w3.org/TR/css3-mediaqueries/#units" rel="help" />
|
||||
<link href="https://www.w3.org/TR/mediaqueries-4/#units" rel="help" />
|
||||
<link href="reference/ref-green-body.xht" rel="match" />
|
||||
<meta content="" name="flags" />
|
||||
<meta content="Font-relative length units (such as 'ex') in media queries should be calculated based on the initial value of 'font-size', not based on author style declarations, such as: html { font-size: 200%; }" name="assert" />
|
||||
<style>
|
||||
:root {
|
||||
font-size: 100000px;/* ~87ft */
|
||||
}
|
||||
body {
|
||||
background: red;
|
||||
}
|
||||
@media (min-width: 1ex) {
|
||||
body {
|
||||
background: green;
|
||||
}
|
||||
}
|
||||
p {
|
||||
font-size: 24px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>This should have a green background.</p>
|
||||
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,32 @@
|
|||
<!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 charset="utf-8" />
|
||||
<title>CSS Test: Font-relative length units (ch) in width media queries</title>
|
||||
<link href="http://chrisrebert.com" rel="author" title="Chris Rebert" />
|
||||
<link href="https://www.w3.org/TR/css3-mediaqueries/#units" rel="help" />
|
||||
<link href="https://www.w3.org/TR/mediaqueries-4/#units" rel="help" />
|
||||
<link href="reference/ref-green-body.xht" rel="match" />
|
||||
<meta content="" name="flags" />
|
||||
<meta content="Font-relative length units (such as 'ch') in media queries should be calculated based on the initial value of 'font-size', not based on author style declarations, such as: html { font-size: 200%; }" name="assert" />
|
||||
<style>
|
||||
:root {
|
||||
font-size: 100000px;/* ~87ft */
|
||||
}
|
||||
body {
|
||||
background: red;
|
||||
}
|
||||
@media (min-width: 1ch) {
|
||||
body {
|
||||
background: green;
|
||||
}
|
||||
}
|
||||
p {
|
||||
font-size: 24px;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>This should have a green background.</p>
|
||||
|
||||
|
||||
</body></html>
|
||||
|
|
@ -2,7 +2,7 @@
|
|||
<html lang="en-US"><head>
|
||||
<title>Media Queries Test inner frame</title>
|
||||
<meta content="text/html; charset=UTF-8" http-equiv="Content-Type">
|
||||
<link href="http://dbaron.org/" rel="author" title="L. David Baron">
|
||||
<link href="https://dbaron.org/" rel="author" title="L. David Baron">
|
||||
<meta content="text/css" http-equiv="Content-Style-Type">
|
||||
<style media="all" type="text/css" id="style">
|
||||
body { text-decoration: underline; }
|
||||
|
|
|
|||
|
|
@ -27,7 +27,7 @@
|
|||
<tbody id="s2">
|
||||
<tr><th><a href="chapter-2.xht">Chapter 2 -
|
||||
Media Queries</a></th>
|
||||
<td>(0 Tests)</td></tr>
|
||||
<td>(1 Tests)</td></tr>
|
||||
</tbody>
|
||||
<tbody id="s3">
|
||||
<tr><th><a href="chapter-3.xht">Chapter 3 -
|
||||
|
|
@ -37,7 +37,7 @@
|
|||
<tbody id="s4">
|
||||
<tr><th><a href="chapter-4.xht">Chapter 4 -
|
||||
Media features</a></th>
|
||||
<td>(14 Tests)</td></tr>
|
||||
<td>(16 Tests)</td></tr>
|
||||
</tbody>
|
||||
<tbody id="s5">
|
||||
<tr><th><a href="chapter-5.xht">Chapter 5 -
|
||||
|
|
@ -47,7 +47,7 @@
|
|||
<tbody id="s6">
|
||||
<tr><th><a href="chapter-6.xht">Chapter 6 -
|
||||
Units</a></th>
|
||||
<td>(4 Tests)</td></tr>
|
||||
<td>(8 Tests)</td></tr>
|
||||
</tbody>
|
||||
</table>
|
||||
</body>
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue