Update web-platform-tests and CSS tests.
- Update CSS tests to revision e05bfd5e30ed662c2f8a353577003f8eed230180. - Update web-platform-tests to revision a052787dd5c069a340031011196b73affbd68cd9.
Ms2ger
|
|
@ -0,0 +1,54 @@
|
|||
<!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 Basic User Interface Test: caret-color visited link computed value</title>
|
||||
<link href="mailto:rego@igalia.com" rel="author" title="Manuel Rego Casasnovas" />
|
||||
<link href="http://www.w3.org/TR/css3-ui/#caret-color" rel="help" />
|
||||
<link href="https://www.w3.org/TR/css3-color/#color0" rel="help" />
|
||||
<link href="https://www.w3.org/TR/selectors4/#link" rel="help" />
|
||||
<meta content="may interact" name="flags" />
|
||||
<meta content="Test checks that computed style of caret-color on visited links doesn't leak privacy information." name="assert" />
|
||||
<script src="/resources/testharness.js"></script>
|
||||
<script src="/resources/testharnessreport.js"></script>
|
||||
<style>
|
||||
a {
|
||||
font-size: 3em;
|
||||
font-weight: bold;
|
||||
width: 10em;
|
||||
padding: 10px;
|
||||
background: black; /* the color of a thin object like the caret is easier to see on a black background. */
|
||||
|
||||
color: white;
|
||||
caret-color: lime;
|
||||
}
|
||||
|
||||
a:link {
|
||||
color: yellow;
|
||||
}
|
||||
|
||||
a:visited {
|
||||
caret-color: cyan;
|
||||
}
|
||||
</style>
|
||||
</head><body>
|
||||
<p>Before running this test, this <a href="./">link</a> must have been visited. It will have yellow text if this is not the case. If it its text is yellow, you need to navigate to this link first.
|
||||
</p><p><a href="./" contenteditable="" id="link">link</a></p>
|
||||
<div id="log"></div>
|
||||
|
||||
<script>
|
||||
setup(
|
||||
function(){
|
||||
/* Helper to get the link into the browsing history.
|
||||
Using a relative path because some browsers only allow replaceState within the same domain. */
|
||||
current_url = window.location.href;
|
||||
history.replaceState({},"","./");
|
||||
history.replaceState({},"",current_url);
|
||||
});
|
||||
|
||||
test(
|
||||
function(){
|
||||
var link = document.getElementById("link");
|
||||
assert_equals(window.getComputedStyle(link)["caret-color"], "rgb(0, 255, 0)");
|
||||
}, "The computed value of a visited link should be the same than a non-visited link");
|
||||
</script>
|
||||
|
||||
</body></html>
|
||||
|
|
@ -13,7 +13,7 @@
|
|||
<body>
|
||||
|
||||
<h1>Selectors Level 4 CR Test Suite</h1>
|
||||
<h2>Linguistic Pseudo-classes (2 tests)</h2>
|
||||
<h2>Linguistic Pseudo-classes (9 tests)</h2>
|
||||
<table width="100%">
|
||||
<col id="test-column"></col>
|
||||
<col id="refs-column"></col>
|
||||
|
|
@ -37,7 +37,84 @@
|
|||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s10.1">+</a>
|
||||
<a href="https://www.w3.org/TR/selectors4/#the-dir-pseudo">10.1 The directionality pseudo-class :dir()</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
<!-- 7 tests -->
|
||||
<tr id="dir-style-01a-10.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="dir-style-01a.xht">dir-style-01a</a></strong></td>
|
||||
<td><a href="reference/dir-style-01-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>:dir() selector
|
||||
<ul class="assert">
|
||||
<li>Test checks :dir() basic functions with valid and invalid values.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="dir-style-01b-10.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="dir-style-01b.xht">dir-style-01b</a></strong></td>
|
||||
<td><a href="reference/dir-style-01-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>:dir() selector
|
||||
<ul class="assert">
|
||||
<li>Test checks :dir() basic functions after dynamic directionality change on elements.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="dir-style-02a-10.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="dir-style-02a.xht">dir-style-02a</a></strong></td>
|
||||
<td><a href="reference/dir-style-02-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>:dir() selector
|
||||
<ul class="assert">
|
||||
<li>Test checks :dir() basic functions when default document directionality is rtl.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="dir-style-02b-10.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="dir-style-02b.xht">dir-style-02b</a></strong></td>
|
||||
<td><a href="reference/dir-style-02-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>:dir() selector
|
||||
<ul class="assert">
|
||||
<li>Test checks :dir() basic functions when document directionality is dynamically changed from ltr to rtl.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="dir-style-03a-10.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="dir-style-03a.xht">dir-style-03a</a></strong></td>
|
||||
<td><a href="reference/dir-style-03-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>:dir() selector
|
||||
<ul class="assert">
|
||||
<li>Test checks if :dir() can work with other selectors correctly.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="dir-style-03b-10.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="dir-style-03b.xht">dir-style-03b</a></strong></td>
|
||||
<td><a href="reference/dir-style-03-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>:dir() selector
|
||||
<ul class="assert">
|
||||
<li>Test checks if :dir() can work with other selectors correctly after a dynamic directionality change on specified divs.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
<tr id="dir-style-04-10.1" class="primary">
|
||||
<td><strong>
|
||||
<a href="dir-style-04.xht">dir-style-04</a></strong></td>
|
||||
<td><a href="reference/dir-style-04-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>:dir() selector
|
||||
<ul class="assert">
|
||||
<li>Test checks :dir() basic functions on runtime added elements.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="s10.1.#dir-pseudo">
|
||||
<!-- 2 tests -->
|
||||
|
|
|
|||
|
|
@ -13,7 +13,7 @@
|
|||
<body>
|
||||
|
||||
<h1>Selectors Level 4 CR Test Suite</h1>
|
||||
<h2>Tree-Structural pseudo-classes (1 tests)</h2>
|
||||
<h2>Tree-Structural pseudo-classes (2 tests)</h2>
|
||||
<table width="100%">
|
||||
<col id="test-column"></col>
|
||||
<col id="refs-column"></col>
|
||||
|
|
@ -100,7 +100,15 @@
|
|||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s12.5">+</a>
|
||||
<a href="https://www.w3.org/TR/selectors4/#child-index">12.5 Child-indexed Pseudo-classes</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
<!-- 1 tests -->
|
||||
<tr id="child-index-no-parent-01-12.5" class="primary">
|
||||
<td><strong>
|
||||
<a href="child-index-no-parent-01.xht">child-index-no-parent-01</a></strong></td>
|
||||
<td><a href="reference/child-index-no-parent-01-ref.xht">=</a> </td>
|
||||
<td></td>
|
||||
<td>child-indexed selectors should match without a parent element.
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="s12.5.1">
|
||||
<tr><th colspan="4" scope="rowgroup">
|
||||
|
|
|
|||
|
|
@ -13,7 +13,7 @@
|
|||
<body>
|
||||
|
||||
<h1>Selectors Level 4 CR Test Suite</h1>
|
||||
<h2>Location Pseudo-classes (0 tests)</h2>
|
||||
<h2>Location Pseudo-classes (1 tests)</h2>
|
||||
<table width="100%">
|
||||
<col id="test-column"></col>
|
||||
<col id="refs-column"></col>
|
||||
|
|
@ -46,7 +46,18 @@
|
|||
<tr><th colspan="4" scope="rowgroup">
|
||||
<a href="#s7.2">+</a>
|
||||
<a href="https://www.w3.org/TR/selectors4/#link">7.2 The link history pseudo-classes: :link and :visited</a></th></tr>
|
||||
<!-- 0 tests -->
|
||||
<!-- 1 tests -->
|
||||
<tr id="caret-color-016-7.2" class="interact may script">
|
||||
<td>
|
||||
<a href="caret-color-016.xht">caret-color-016</a></td>
|
||||
<td></td>
|
||||
<td><abbr class="interact" title="Requires user interaction">Interact</abbr><abbr class="may" title="Behavior tested is preferred but optional">Optional</abbr><abbr class="script" title="Executes tests in script">Script</abbr></td>
|
||||
<td>caret-color visited link computed value
|
||||
<ul class="assert">
|
||||
<li>Test checks that computed style of caret-color on visited links doesn't leak privacy information.</li>
|
||||
</ul>
|
||||
</td>
|
||||
</tr>
|
||||
</tbody>
|
||||
<tbody id="s7.2.#link-pseudo">
|
||||
<!-- 0 tests -->
|
||||
|
|
|
|||
|
|
@ -0,0 +1,51 @@
|
|||
<!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: child-indexed selectors should match without a parent element.</title>
|
||||
<link href="mailto:ecoal95@gmail.com" rel="author" title="Emilio Cobos Álvarez" />
|
||||
<link href="https://drafts.csswg.org/selectors-4/#child-index" rel="help" />
|
||||
<link href="reference/child-index-no-parent-01-ref.xht" rel="match" />
|
||||
<style>
|
||||
:root:first-child #a {
|
||||
color: green;
|
||||
}
|
||||
:root:nth-child(n) #b {
|
||||
color: green;
|
||||
}
|
||||
:root:first-of-type #c {
|
||||
color: green;
|
||||
}
|
||||
:root:nth-of-type(1) #d {
|
||||
color: green;
|
||||
}
|
||||
:root:last-of-type #e {
|
||||
color: green;
|
||||
}
|
||||
:root:last-child #f {
|
||||
color: green;
|
||||
}
|
||||
:root:nth-last-child(1) #g {
|
||||
color: green;
|
||||
}
|
||||
:root:nth-last-of-type(n) #h {
|
||||
color: green;
|
||||
}
|
||||
|
||||
#i {
|
||||
color: green;
|
||||
}
|
||||
|
||||
/* NB: not matching intentionally */
|
||||
:root:nth-last-child(2) #i {
|
||||
color: red;
|
||||
}
|
||||
</style>
|
||||
</head><body><p id="a">Should be green
|
||||
</p><p id="b">Should be green
|
||||
</p><p id="c">Should be green
|
||||
</p><p id="d">Should be green
|
||||
</p><p id="e">Should be green
|
||||
</p><p id="f">Should be green
|
||||
</p><p id="g">Should be green
|
||||
</p><p id="h">Should be green
|
||||
</p><p id="i">Should be green
|
||||
</p></body></html>
|
||||
|
|
@ -0,0 +1,37 @@
|
|||
<!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: :dir() selector</title>
|
||||
<link href="mailto:aschen@mozilla.com" rel="author" title="Astley Chen" />
|
||||
<link href="https://www.mozilla.org" rel="author" title="Mozilla" />
|
||||
<link href="https://drafts.csswg.org/selectors-4/#the-dir-pseudo" rel="help" />
|
||||
<meta content="Test checks :dir() basic functions with valid and invalid values." name="assert" />
|
||||
<link href="reference/dir-style-01-ref.xht" rel="match" />
|
||||
<style>
|
||||
div { text-align: left; }
|
||||
:dir(ltr) { color: blue }
|
||||
:dir(rtl) { color: lime }
|
||||
:dir(foopy) { color: red }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div>This element has default direction.</div>
|
||||
<div dir="ltr">This element is ltr.</div>
|
||||
<div dir="rtl">This element is rtl.</div>
|
||||
<div dir="ltr">
|
||||
<div>This element should inherit ltr.</div>
|
||||
<div dir="ltr">This element is ltr.</div>
|
||||
<div dir="rtl">This element is rtl.</div>
|
||||
<div><span>Every <span>word <span>in <span>this <span>element <span>should <span>inherit <span>ltr</span></span></span></span></span></span></span></span>.</div>
|
||||
</div>
|
||||
<div dir="rtl">
|
||||
<div>This element should inherit rtl.</div>
|
||||
<div dir="ltr">This element is ltr.</div>
|
||||
<div dir="rtl">This element is rtl.</div>
|
||||
<div><span>Every <span>word <span>in <span>this <span>element <span>should <span>inherit <span>rtl</span></span></span></span></span></span></span></span>.</div>
|
||||
</div>
|
||||
<div dir="foopy">This element has an invalid dir attribute and
|
||||
should have default direction.</div>
|
||||
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,54 @@
|
|||
<!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: :dir() selector</title>
|
||||
<link href="mailto:aschen@mozilla.com" rel="author" title="Astley Chen" />
|
||||
<link href="https://www.mozilla.org" rel="author" title="Mozilla" />
|
||||
<link href="https://drafts.csswg.org/selectors-4/#the-dir-pseudo" rel="help" />
|
||||
<meta content="Test checks :dir() basic functions after dynamic directionality change on elements." name="assert" />
|
||||
<link href="reference/dir-style-01-ref.xht" rel="match" />
|
||||
<style>
|
||||
div { text-align: left; }
|
||||
:dir(ltr) { color: blue }
|
||||
:dir(rtl) { color: lime }
|
||||
:dir(foopy) { color: red }
|
||||
</style>
|
||||
<script>
|
||||
function switchDir()
|
||||
{
|
||||
divs = document.getElementsByTagName("div");
|
||||
divs[0].offsetWidth; // ensure it's a dynamic change
|
||||
for (var i = 0; i < divs.length; ++i) {
|
||||
theDiv = divs[i];
|
||||
if (theDiv.dir == "ltr") {
|
||||
theDiv.dir = "rtl";
|
||||
} else if (theDiv.dir == "rtl") {
|
||||
theDiv.dir = "ltr";
|
||||
}
|
||||
}
|
||||
|
||||
document.documentElement.removeAttribute("class");
|
||||
}
|
||||
</script>
|
||||
</head>
|
||||
<body onload="switchDir()">
|
||||
<div>This element has default direction.</div>
|
||||
<div dir="rtl">This element is ltr.</div>
|
||||
<div dir="ltr">This element is rtl.</div>
|
||||
<div dir="rtl">
|
||||
<div>This element should inherit ltr.</div>
|
||||
<div dir="rtl">This element is ltr.</div>
|
||||
<div dir="ltr">This element is rtl.</div>
|
||||
<div><span>Every <span>word <span>in <span>this <span>element <span>should <span>inherit <span>ltr</span></span></span></span></span></span></span></span>.</div>
|
||||
</div>
|
||||
<div dir="ltr">
|
||||
<div>This element should inherit rtl.</div>
|
||||
<div dir="rtl">This element is ltr.</div>
|
||||
<div dir="ltr">This element is rtl.</div>
|
||||
<div><span>Every <span>word <span>in <span>this <span>element <span>should <span>inherit <span>rtl</span></span></span></span></span></span></span></span>.</div>
|
||||
</div>
|
||||
<div dir="foopy">This element has an invalid dir attribute and
|
||||
should have default direction.</div>
|
||||
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,35 @@
|
|||
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
|
||||
<html dir="rtl" xmlns="http://www.w3.org/1999/xhtml"><head>
|
||||
<meta charset="UTF-8" />
|
||||
<title>CSS Test: :dir() selector</title>
|
||||
<link href="mailto:aschen@mozilla.com" rel="author" title="Astley Chen" />
|
||||
<link href="https://www.mozilla.org" rel="author" title="Mozilla" />
|
||||
<link href="https://drafts.csswg.org/selectors-4/#the-dir-pseudo" rel="help" />
|
||||
<meta content="Test checks :dir() basic functions when default document directionality is rtl." name="assert" />
|
||||
<link href="reference/dir-style-02-ref.xht" rel="match" />
|
||||
<style>
|
||||
div { text-align: left; }
|
||||
:dir(ltr) { color: blue }
|
||||
:dir(rtl) { color: lime }
|
||||
:dir(foopy) { color: red }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div>This element has default direction.</div>
|
||||
<div dir="ltr">This element is ltr.</div>
|
||||
<div dir="rtl">This element is rtl.</div>
|
||||
<div dir="ltr">
|
||||
<div>This element should inherit ltr.</div>
|
||||
<div dir="ltr">This element is ltr.</div>
|
||||
<div dir="rtl">This element is rtl.</div>
|
||||
</div>
|
||||
<div dir="rtl">
|
||||
<div>This element should inherit rtl.</div>
|
||||
<div dir="ltr">This element is ltr.</div>
|
||||
<div dir="rtl">This element is rtl.</div>
|
||||
</div>
|
||||
<div dir="foopy">This element has an invalid dir attribute and
|
||||
should have default direction.</div>
|
||||
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,46 @@
|
|||
<!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: :dir() selector</title>
|
||||
<link href="mailto:aschen@mozilla.com" rel="author" title="Astley Chen" />
|
||||
<link href="https://www.mozilla.org" rel="author" title="Mozilla" />
|
||||
<link href="https://drafts.csswg.org/selectors-4/#the-dir-pseudo" rel="help" />
|
||||
<meta content="Test checks :dir() basic functions when document directionality is dynamically changed from ltr to rtl." name="assert" />
|
||||
<link href="reference/dir-style-02-ref.xht" rel="match" />
|
||||
<style>
|
||||
div { text-align: left; }
|
||||
:dir(ltr) { color: blue }
|
||||
:dir(rtl) { color: lime }
|
||||
:dir(foopy) { color: red }
|
||||
</style>
|
||||
<script>
|
||||
function switchDir()
|
||||
{
|
||||
// ensure it's a dynamic change
|
||||
document.documentElement.getBoundingClientRect();
|
||||
|
||||
document.dir = "rtl";
|
||||
|
||||
document.documentElement.removeAttribute("class");
|
||||
}
|
||||
</script>
|
||||
</head>
|
||||
<body onload="switchDir()">
|
||||
<div>This element has default direction.</div>
|
||||
<div dir="ltr">This element is ltr.</div>
|
||||
<div dir="rtl">This element is rtl.</div>
|
||||
<div dir="ltr">
|
||||
<div>This element should inherit ltr.</div>
|
||||
<div dir="ltr">This element is ltr.</div>
|
||||
<div dir="rtl">This element is rtl.</div>
|
||||
</div>
|
||||
<div dir="rtl">
|
||||
<div>This element should inherit rtl.</div>
|
||||
<div dir="ltr">This element is ltr.</div>
|
||||
<div dir="rtl">This element is rtl.</div>
|
||||
</div>
|
||||
<div dir="foopy">This element has an invalid dir attribute and
|
||||
should have default direction.</div>
|
||||
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,20 @@
|
|||
<!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: :dir() selector</title>
|
||||
<link href="mailto:aschen@mozilla.com" rel="author" title="Astley Chen" />
|
||||
<link href="https://www.mozilla.org" rel="author" title="Mozilla" />
|
||||
<link href="https://drafts.csswg.org/selectors-4/#the-dir-pseudo" rel="help" />
|
||||
<meta content="Test checks if :dir() can work with other selectors correctly." name="assert" />
|
||||
<link href="reference/dir-style-03-ref.xht" rel="match" />
|
||||
<style>
|
||||
div { color: lime; text-align: left; }
|
||||
:not(:dir(ltr)) + div { color: blue; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div dir="rtl">This element is rtl.</div>
|
||||
<div>This element has default direction.</div>
|
||||
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,34 @@
|
|||
<!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: :dir() selector</title>
|
||||
<link href="mailto:aschen@mozilla.com" rel="author" title="Astley Chen" />
|
||||
<link href="https://www.mozilla.org" rel="author" title="Mozilla" />
|
||||
<link href="https://drafts.csswg.org/selectors-4/#the-dir-pseudo" rel="help" />
|
||||
<meta content="Test checks if :dir() can work with other selectors correctly after a dynamic directionality change on specified divs." name="assert" />
|
||||
<link href="reference/dir-style-03-ref.xht" rel="match" />
|
||||
<style>
|
||||
div { color: lime; text-align: left; }
|
||||
:not(:dir(ltr)) + div { color: blue }
|
||||
</style>
|
||||
<script>
|
||||
function switchDir()
|
||||
{
|
||||
theDiv = document.getElementById("div");
|
||||
theDiv.offsetWidth; // ensure it's a dynamic change
|
||||
if (theDiv.dir == "ltr") {
|
||||
theDiv.dir = "rtl";
|
||||
} else if (theDiv.dir == "rtl") {
|
||||
theDiv.dir = "ltr";
|
||||
}
|
||||
|
||||
document.documentElement.removeAttribute("class");
|
||||
}
|
||||
</script>
|
||||
</head>
|
||||
<body onload="switchDir()">
|
||||
<div id="div" dir="ltr">This element is rtl.</div>
|
||||
<div>This element has default direction.</div>
|
||||
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,41 @@
|
|||
<!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: :dir() selector</title>
|
||||
<link href="mailto:aschen@mozilla.com" rel="author" title="Astley Chen" />
|
||||
<link href="https://www.mozilla.org" rel="author" title="Mozilla" />
|
||||
<link href="https://drafts.csswg.org/selectors-4/#the-dir-pseudo" rel="help" />
|
||||
<meta content="Test checks :dir() basic functions on runtime added elements." name="assert" />
|
||||
<link href="reference/dir-style-04-ref.xht" rel="match" />
|
||||
<style>
|
||||
:dir(ltr) { color: blue }
|
||||
:dir(rtl) { color: lime }
|
||||
div { text-align: left; }
|
||||
</style>
|
||||
<script>
|
||||
function appendChildren(e)
|
||||
{
|
||||
// ensure it's a dynamic change
|
||||
document.documentElement.getBoundingClientRect();
|
||||
|
||||
var x = document.createElement("span");
|
||||
x.innerHTML = "This span should inherit dir from the parent. ";
|
||||
|
||||
var y = document.createElement("span");
|
||||
y.innerHTML = "This span should inherit dir from the grandparent.";
|
||||
|
||||
var div = document.getElementById(e);
|
||||
|
||||
x.appendChild(y);
|
||||
div.appendChild(x);
|
||||
|
||||
document.documentElement.removeAttribute("class");
|
||||
}
|
||||
</script>
|
||||
</head>
|
||||
<body onload="appendChildren('d1');appendChildren('d2');">
|
||||
<div id="d1" dir="ltr">This element is ltr. </div>
|
||||
<div id="d2" dir="rtl">This element is rtl. </div>
|
||||
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,38 @@
|
|||
<!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: :focus-within selector</title>
|
||||
<link href="mailto:ethlin@mozilla.com" rel="author" title="Ethan Lin" />
|
||||
<link href="https://www.mozilla.org" rel="author" title="Mozilla" />
|
||||
<link href="https://drafts.csswg.org/selectors-4/#focus-within-pseudo" rel="help" />
|
||||
<meta content="Test checks :focus-within works after focus change" name="assert" />
|
||||
<link href="reference/focus-within-1-ref.xht" rel="match" />
|
||||
<meta content="interact" name="flags" />
|
||||
<style type="text/css">
|
||||
div {
|
||||
border: solid 15px blue;
|
||||
outline: none;
|
||||
}
|
||||
div:focus-within {
|
||||
border-color: green;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if, when the upper element is unfocused and the lower element is focused, the upper element is blue and the lower one is green, and they are surrounded by a thick green border.</p>
|
||||
<div id="parent">
|
||||
<div id="child1" tabindex="1"></div>
|
||||
<div id="child2" tabindex="2"></div>
|
||||
</div>
|
||||
<script>
|
||||
var child1 = document.getElementById('child1');
|
||||
child1.focus();
|
||||
document.body.offsetWidth;
|
||||
|
||||
var child2 = document.getElementById('child2');
|
||||
child2.focus();
|
||||
document.body.offsetWidth;
|
||||
</script>
|
||||
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,36 @@
|
|||
<!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: :focus-within selector</title>
|
||||
<link href="mailto:ethlin@mozilla.com" rel="author" title="Ethan Lin" />
|
||||
<link href="https://www.mozilla.org" rel="author" title="Mozilla" />
|
||||
<link href="https://drafts.csswg.org/selectors-4/#focus-within-pseudo" rel="help" />
|
||||
<meta content="Test checks :focus-within should not apply after element removed." name="assert" />
|
||||
<link href="reference/focus-within-2-ref.xht" rel="match" />
|
||||
<meta content="interact" name="flags" />
|
||||
<style type="text/css">
|
||||
div {
|
||||
border: solid 15px green;
|
||||
outline: none;
|
||||
}
|
||||
div:focus-within {
|
||||
border-color: red;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if, when the element is focused and then removed, the outer element should change to green.</p>
|
||||
<div id="parent">
|
||||
<div id="child" tabindex="1"></div>
|
||||
</div>
|
||||
<script>
|
||||
var child = document.getElementById('child');
|
||||
child.focus();
|
||||
document.body.offsetWidth;
|
||||
var parent = document.getElementById("parent");
|
||||
parent.removeChild(child);
|
||||
document.body.offsetWidth;
|
||||
</script>
|
||||
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,27 @@
|
|||
<!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: :focus-within selector</title>
|
||||
<link href="mailto:ethlin@mozilla.com" rel="author" title="Ethan Lin" />
|
||||
<link href="https://www.mozilla.org" rel="author" title="Mozilla" />
|
||||
<link href="https://drafts.csswg.org/selectors-4/#focus-within-pseudo" rel="help" />
|
||||
<meta content="Test checks :focus-within should not work for iframe" name="assert" />
|
||||
<link href="reference/focus-within-3-ref.xht" rel="match" />
|
||||
<meta content="interact" name="flags" />
|
||||
<style type="text/css">
|
||||
div:focus-within {
|
||||
border: solid 15px red;
|
||||
}
|
||||
iframe:focus-within {
|
||||
border: solid 15px red;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if, when the element inside the iframe is focused, there is no red border surrounded.</p>
|
||||
<div>
|
||||
<iframe tabindex="1" width="300px" height="300px" frameborder="0" src="focus-within-1.html"><p>Your browser does not support iframes.</p></iframe>
|
||||
</div>
|
||||
|
||||
|
||||
</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 charset="utf-8" />
|
||||
<title>CSS Test reference</title>
|
||||
<link href="mailto:ecoal95@gmail.com" rel="author" title="Emilio Cobos Álvarez" />
|
||||
<style>
|
||||
:root {
|
||||
color: green;
|
||||
}
|
||||
</style>
|
||||
</head><body><p>Should be green
|
||||
</p><p>Should be green
|
||||
</p><p>Should be green
|
||||
</p><p>Should be green
|
||||
</p><p>Should be green
|
||||
</p><p>Should be green
|
||||
</p><p>Should be green
|
||||
</p><p>Should be green
|
||||
</p><p>Should be green
|
||||
</p></body></html>
|
||||
|
|
@ -0,0 +1,33 @@
|
|||
<!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>dir() selector reference</title>
|
||||
<link href="mailto:aschen@mozilla.com" rel="author" title="Astley Chen" />
|
||||
<link href="https://www.mozilla.org" rel="author" title="Mozilla" />
|
||||
<style>
|
||||
div { text-align: left; }
|
||||
.blue { color: blue; direction: ltr; }
|
||||
.lime { color: lime; direction: rtl; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="blue">This element has default direction.</div>
|
||||
<div class="blue">This element is ltr.</div>
|
||||
<div class="lime">This element is rtl.</div>
|
||||
<div class="blue">
|
||||
<div>This element should inherit ltr.</div>
|
||||
<div class="blue">This element is ltr.</div>
|
||||
<div class="lime">This element is rtl.</div>
|
||||
<div class="blue">Every word in this element should inherit ltr.</div>
|
||||
</div>
|
||||
<div class="lime">
|
||||
<div>This element should inherit rtl.</div>
|
||||
<div class="blue">This element is ltr.</div>
|
||||
<div class="lime">This element is rtl.</div>
|
||||
<div class="lime">Every word in this element should inherit rtl.</div>
|
||||
</div>
|
||||
<div class="blue">This element has an invalid dir attribute and
|
||||
should have default direction.</div>
|
||||
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,31 @@
|
|||
<!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>dir() selector reference</title>
|
||||
<link href="mailto:aschen@mozilla.com" rel="author" title="Astley Chen" />
|
||||
<link href="https://www.mozilla.org" rel="author" title="Mozilla" />
|
||||
<style>
|
||||
div { text-align: left; }
|
||||
.blue { color: blue; direction: ltr; }
|
||||
.lime { color: lime; direction: rtl; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="lime">This element has default direction.</div>
|
||||
<div class="blue">This element is ltr.</div>
|
||||
<div class="lime">This element is rtl.</div>
|
||||
<div class="blue">
|
||||
<div>This element should inherit ltr.</div>
|
||||
<div class="blue">This element is ltr.</div>
|
||||
<div class="lime">This element is rtl.</div>
|
||||
</div>
|
||||
<div class="lime">
|
||||
<div>This element should inherit rtl.</div>
|
||||
<div class="blue">This element is ltr.</div>
|
||||
<div class="lime">This element is rtl.</div>
|
||||
</div>
|
||||
<div class="lime">This element has an invalid dir attribute and
|
||||
should have default direction.</div>
|
||||
|
||||
|
||||
</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 charset="UTF-8" />
|
||||
<title>dir() selector reference</title>
|
||||
<link href="mailto:aschen@mozilla.com" rel="author" title="Astley Chen" />
|
||||
<link href="https://www.mozilla.org" rel="author" title="Mozilla" />
|
||||
<style>
|
||||
div { text-align: left; }
|
||||
.ltr { color: blue; direction: ltr }
|
||||
.rtl { color: lime; direction: rtl }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="rtl">This element is rtl.</div>
|
||||
<div class="ltr">This element has default direction.</div>
|
||||
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,24 @@
|
|||
<!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>dir() selector reference</title>
|
||||
<link href="mailto:aschen@mozilla.com" rel="author" title="Astley Chen" />
|
||||
<link href="https://www.mozilla.org" rel="author" title="Mozilla" />
|
||||
<style>
|
||||
div { text-align: left; }
|
||||
.ltr { direction: ltr; color: blue; }
|
||||
.rtl { direction: rtl; color: lime; }
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<div class="ltr">This element is ltr. <span>This span should
|
||||
inherit dir from the parent. <span>This span should inherit dir
|
||||
from the grandparent.</span></span>
|
||||
</div>
|
||||
<div class="rtl">This element is rtl. <span>This span should
|
||||
inherit dir from the parent. <span>This span should inherit dir
|
||||
from the grandparent.</span></span>
|
||||
</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 charset="utf-8" />
|
||||
<title>CSS Test: :focus-within selector</title>
|
||||
<link href="mailto:ethlin@mozilla.com" rel="author" title="Ethan Lin" />
|
||||
<link href="https://www.mozilla.org" rel="author" title="Mozilla" />
|
||||
<style type="text/css">
|
||||
div {
|
||||
border: solid 15px blue;
|
||||
outline: none;
|
||||
border-color: green;
|
||||
}
|
||||
#child1 {
|
||||
border-color: blue;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if, when the upper element is unfocused and the lower element is focused, the upper element is blue and the lower one is green, and they are surrounded by a thick green border.</p>
|
||||
<div id="parent">
|
||||
<div id="child1"></div>
|
||||
<div id="child2"></div>
|
||||
</div>
|
||||
|
||||
|
||||
</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 charset="utf-8" />
|
||||
<title>CSS Test: :focus-within selector</title>
|
||||
<link href="mailto:ethlin@mozilla.com" rel="author" title="Ethan Lin" />
|
||||
<link href="https://www.mozilla.org" rel="author" title="Mozilla" />
|
||||
<style type="text/css">
|
||||
div {
|
||||
border: solid 15px green;
|
||||
outline: none;
|
||||
}
|
||||
</style>
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if, when the element is focused and then removed, the outer element should change to green.</p>
|
||||
<div id="parent"></div>
|
||||
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,15 @@
|
|||
<!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: :focus-within selector</title>
|
||||
<link href="mailto:ethlin@mozilla.com" rel="author" title="Ethan Lin" />
|
||||
<link href="https://www.mozilla.org" rel="author" title="Mozilla" />
|
||||
</head>
|
||||
<body>
|
||||
<p>Test passes if, when the element inside the iframe is focused, there is no red border surrounded.</p>
|
||||
<div>
|
||||
<iframe tabindex="1" width="300px" height="300px" frameborder="0" src="focus-within-1.html"><p>Your browser does not support iframes.</p></iframe>
|
||||
</div>
|
||||
|
||||
|
||||
</body></html>
|
||||
|
|
@ -0,0 +1,9 @@
|
|||
PngSuite
|
||||
--------
|
||||
|
||||
Permission to use, copy, modify and distribute these images for any
|
||||
purpose and without fee is hereby granted.
|
||||
|
||||
|
||||
(c) Willem van Schaik, 1996, 2011
|
||||
|
||||
|
|
@ -0,0 +1,25 @@
|
|||
PNGSUITE
|
||||
----------------
|
||||
|
||||
testset for PNG-(de)coders
|
||||
created by Willem van Schaik
|
||||
------------------------------------
|
||||
|
||||
This is a collection of graphics images created to test the png applications
|
||||
like viewers, converters and editors. All (as far as that is possible)
|
||||
formats supported by the PNG standard are represented.
|
||||
|
||||
The suite consists of the following files:
|
||||
|
||||
- PngSuite.README - this file
|
||||
- PngSuite.LICENSE - the PngSuite is freeware
|
||||
- PngSuite.png - image with PngSuite logo
|
||||
- PngSuite.tgz - archive of all PNG testfiles
|
||||
- PngSuite.zip - same in .zip format for PCs
|
||||
|
||||
|
||||
--------
|
||||
(c) Willem van Schaik
|
||||
willem@schaik.com
|
||||
Calgary, April 2011
|
||||
|
||||
|
After Width: | Height: | Size: 2.2 KiB |
|
After Width: | Height: | Size: 217 B |
|
After Width: | Height: | Size: 154 B |
|
After Width: | Height: | Size: 247 B |
|
After Width: | Height: | Size: 254 B |
|
After Width: | Height: | Size: 299 B |
|
After Width: | Height: | Size: 315 B |
|
After Width: | Height: | Size: 595 B |
|
After Width: | Height: | Size: 132 B |
|
After Width: | Height: | Size: 193 B |
|
After Width: | Height: | Size: 327 B |
|
After Width: | Height: | Size: 1.5 KiB |
|
After Width: | Height: | Size: 214 B |
|
After Width: | Height: | Size: 2.8 KiB |
|
After Width: | Height: | Size: 361 B |
|
After Width: | Height: | Size: 4.1 KiB |
|
After Width: | Height: | Size: 164 B |
|
After Width: | Height: | Size: 104 B |
|
After Width: | Height: | Size: 145 B |
|
After Width: | Height: | Size: 138 B |
|
After Width: | Height: | Size: 167 B |
|
After Width: | Height: | Size: 145 B |
|
After Width: | Height: | Size: 302 B |
|
After Width: | Height: | Size: 112 B |
|
After Width: | Height: | Size: 146 B |
|
After Width: | Height: | Size: 216 B |
|
After Width: | Height: | Size: 1.3 KiB |
|
After Width: | Height: | Size: 126 B |
|
After Width: | Height: | Size: 2.2 KiB |
|
After Width: | Height: | Size: 184 B |
|
After Width: | Height: | Size: 3.4 KiB |
|
After Width: | Height: | Size: 214 B |
|
After Width: | Height: | Size: 2.8 KiB |
|
After Width: | Height: | Size: 184 B |
|
After Width: | Height: | Size: 3.4 KiB |
|
After Width: | Height: | Size: 140 B |
|
After Width: | Height: | Size: 2.2 KiB |
|
After Width: | Height: | Size: 202 B |
|
After Width: | Height: | Size: 3.4 KiB |
|
After Width: | Height: | Size: 1.5 KiB |
|
After Width: | Height: | Size: 1.5 KiB |
|
After Width: | Height: | Size: 404 B |
|
After Width: | Height: | Size: 344 B |
|
After Width: | Height: | Size: 232 B |
|
After Width: | Height: | Size: 724 B |
|
After Width: | Height: | Size: 258 B |
|
After Width: | Height: | Size: 1.8 KiB |
|
After Width: | Height: | Size: 292 B |
|
After Width: | Height: | Size: 292 B |
|
After Width: | Height: | Size: 292 B |
|
After Width: | Height: | Size: 214 B |
|
After Width: | Height: | Size: 259 B |
|
After Width: | Height: | Size: 186 B |
|
After Width: | Height: | Size: 271 B |
|
After Width: | Height: | Size: 149 B |
|
After Width: | Height: | Size: 256 B |
|
After Width: | Height: | Size: 273 B |
|
After Width: | Height: | Size: 792 B |
|
After Width: | Height: | Size: 742 B |
|
After Width: | Height: | Size: 716 B |
|
After Width: | Height: | Size: 1.2 KiB |
|
After Width: | Height: | Size: 1.2 KiB |
|
After Width: | Height: | Size: 941 B |
|
After Width: | Height: | Size: 753 B |
|
After Width: | Height: | Size: 319 B |
|
After Width: | Height: | Size: 2.4 KiB |
|
After Width: | Height: | Size: 321 B |
|
After Width: | Height: | Size: 1.2 KiB |
|
After Width: | Height: | Size: 355 B |
|
After Width: | Height: | Size: 1.7 KiB |
|
After Width: | Height: | Size: 389 B |
|
After Width: | Height: | Size: 1.3 KiB |
|
After Width: | Height: | Size: 269 B |
|
After Width: | Height: | Size: 985 B |
|
After Width: | Height: | Size: 426 B |