Mirrors/servo
1
0
Fork 0
mirror of https://github.com/servo/servo.git synced 2025-08-08 06:55:31 +01:00
Code Issues Projects Releases Packages 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

43
tests/wpt/css-tests/css-regions-1_dev/html/extract-numbered-paragraphs.htm Normal file
View file

@ -0,0 +1,43 @@
<!DOCTYPE html>
<html><head>
<title>CSS Test: flow-into on p's that use a CSS counter as content in ::before</title>
<link href="mibalan@adobe.com" rel="author" title="Mihai Balan">
<link href="http://www.w3.org/TR/css3-regions/#properties" rel="help">
<link href="http://www.w3.org/TR/css3-regions/#the-flow-into-property" rel="help">
<meta content="" name="flags">
<meta content="Test checks that extracting paragraphs with content that use counters behaves as without regions." name="assert">
<link href="reference/extract-numbered-paragraphs-ref.htm" rel="match">
<style>
#container {
counter-reset: para 0;
}
#container p {
flow-into: f1;
counter-increment: para;
margin: 1em 0;
}
#container p::before {
content: "(" counter(para) ") ";
background: darkblue;
color: white;
}
#region {
background-color: lightblue;
border: 1px solid lightblue;
flow-from: f1;
}
</style>
</head>
<body>
<!-- Numbered <p>-s using a single counter, displayed inline via ::before -->
<p>Test passes if you see a light blue rectangle below, with five lines of text in it. Each line of text should be black and preceded by the line number between parantheses. The line numbers should be white on a dark blue background.</p>
<div id="container">
<p>This is numbered paragraph no. 1</p>
<p>This is numbered paragraph no. 2</p>
<p>This is numbered paragraph no. 3</p>
<p>This is numbered paragraph no. 4</p>
<p>This is numbered paragraph no. 5</p>
</div>
<div id="region"></div>
</body></html>