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 31d63cc79bd4c929ed582229e936d7b389f3e6ab

Browse Source
This commit is contained in:
James Graham
2015-03-27 09:18:12 +00:00
parent 1a81b18b9f
commit 2c9faf5363
91915 changed files with 5979820 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

50
tests/wpt/css-tests/css21_dev/xhtml1print/focus-pseudo-class-003.xht Normal file
View File

@@ -0,0 +1,50 @@
<!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 Test: :focus pseudo-class - adjacent sibling selector</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 focus-pseudo-class-003"; }
@bottom-right { content: counter(page); }
}
</style>
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
<link rel="help" href="http://www.w3.org/TR/html4/interact/forms.html#h-17.11" />
<link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#dynamic-pseudo-classes" />
<link rel="help" href="http://www.w3.org/TR/CSS21/selector.html#adjacent-selectors" />
<link rel="bookmark" href="http://www.w3.org/TR/2008/NOTE-WCAG20-TECHS-20081211/C15.html#C15-examples" />
<meta name="flags" content="interact" />
<meta name="assert" content="An HTML 4 radio button must receive focus state when clicking on it or when selecting it with the keyboard. The :focus pseudo-class applies to a radio button while it has the focus (accepts keyboard events or other forms of input)." />
<style type="text/css"><![CDATA[
input[type="radio"]
{
height: 20px;
width: 60px;
}
input[type="radio"]:focus + label
{
background-color: yellow;
color: black;
}
]]></style>
</head>
<body>
<p>With the pointing device (like a mouse left-button click) or with the keyboard (with the tab key or with the "T" accesskey), activate the radio button below. The words "Text sample" on its right-hand side should then have become highlighted in yellow. In order to pass this test, the tester should not have to move the pointing device out of the radio button in order to see the yellow highlighting.</p>
<div>
<input type="radio" id="test" accesskey="T" /> <label for="test">Text sample</label>
</div>
</body>
</html>