8000 [css-ui-3] Add a bunch of tests for the outline-* properties (#1192) · jgraham/css-test-built@a9a5a01 · GitHub
Skip to content

Commit a9a5a01

Browse files
CssBuildBotCssBuildBot
committed
[css-ui-3] Add a bunch of tests for the outline-* properties (#1192)
Build from revision 8eced53cb246ba1ab8b9450e36d2d57dc74a1f4a
1 parent 42907cf commit a9a5a01

File tree

86 files changed

+2962
-13
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

86 files changed

+2962
-13
lines changed

‎css-color-4_dev/html/outline-019.htm

+31
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,31 @@
1+
<!DOCTYPE html>
2+
<html lang="en"><head><meta charset="utf-8">
3+
<title>CSS-UI test: outline currentColor inheritance</title>
4+
<link href="https://florian.rivoal.net" rel="author" title="Florian Rivoal">
5+
<meta content="" name="flags">
6+
<meta content="currentColor is inherited as a keyword" name="assert">
7+
<link href="https://drafts.csswg.org/css-ui-3/#outline-props" rel="help">
8+
<link href="https://drafts.csswg.org/css-color-4/#resolve-color-values" rel="help">
9+
<link href="reference/ref-filled-green-100px-square.htm" rel="match">
10+
<style>
11+
body > div {
12+
color: red;
13+
outline-color: currentcolor;
14+
display: table-cell; /*BFC*/
15+
}
16+
17+
div > div {
18+
width: 0; height: 0;
19+
margin-left: 50px;
20+
margin-top: 50px;
21+
color: green;
22+
outline-color: inherit;
23+
outline-width: 50px;
24+
outline-style: solid;
25+
}
26+
</style>
27+
28+
</head><body><p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
29+
<div><div></div></div>
30+
31+
</body></html>

‎css-color-4_dev/html/reference/ref-filled-green-100px-square.htm

+19
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,19 @@
1+
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
2+
<html>
3+
<head>
4+
<title>CSS Reftest Reference</title>
5+
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/">
6+
<style type="text/css">
7+
div
8+
{
9+
background-color: green;
10+
height: 100px;
11+
width: 100px;
12+
}
13+
</style>
14+
</head>
15+
<body>
16+
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
17+
<div></div>
18+
</body>
19+
</html>

‎css-color-4_dev/html/reftest-toc.htm

+8
Original file line numberDiff line numberDiff line change
@@ -296,6 +296,14 @@ <h1>CSS Color Module Level 4 CR Test Suite Reftest Index</h1>
296296
<td rowspan="1"></td>
297297
</tr>
298298
</tbody>
299+
<tbody id="outline-019" class="">
300+
<tr>
301+
<td rowspan="1" title="outline currentColor inheritance">
302+
<a href="outline-019.htm">outline-019</a></td>
303+
<td><a href="reference/ref-filled-green-100px-square.htm">=</a> </td>
304+
<td rowspan="1"></td>
305+
</tr>
306+
</tbody>
299307
<tbody id="rgb-001" class="">
300308
<tr>
301309
<td rowspan="1" title="CSS Color 4: RGB functions rgb() and rgba()">

‎css-color-4_dev/html/reftest.list

+1
Original file line numberDiff line numberDiff line change
@@ -33,6 +33,7 @@ lch-006.htm == reference/blacktext-ref.htm
3333
lch-007.htm == reference/blacktext-ref.htm
3434
multicol-rule-color-inherit-002.htm == reference/multicol-rule-color-inherit-001-ref.htm
3535
named-001.htm == reference/rebeccapurple-ref.htm
36+
outline-019.htm == reference/ref-filled-green-100px-square.htm
3637
rgb-001.htm == reference/greentext-ref.htm
3738
rgb-002.htm == reference/greentext-ref.htm
3839
rgb-003.htm == reference/greentext-ref.htm

‎css-color-4_dev/implementation-report-TEMPLATE.data

+2
Original file line numberDiff line numberDiff line change
@@ -79,6 +79,8 @@ html/multicol-rule-color-inherit-002.htm 845bc673c249a09ea4eb562974615bc6cff61a2
7979
xhtml1/multicol-rule-color-inherit-002.xht 845bc673c249a09ea4eb562974615bc6cff61a25 ?
8080
html/named-001.htm 04a9f6d47a7df569815ea41f8981b8fccb6b72e9 ?
8181
xhtml1/named-001.xht 04a9f6d47a7df569815ea41f8981b8fccb6b72e9 ?
82+
html/outline-019.htm 704e82e857db5d37102f828dad3e16d1f88f57e5 ?
83+
xhtml1/outline-019.xht 704e82e857db5d37102f828dad3e16d1f88f57e5 ?
8284
html/rgb-001.htm 39362aafeafcfeb669d0b8113054b7cf849dedd8 ?
8385
xhtml1/rgb-001.xht 39362aafeafcfeb669d0b8113054b7cf849dedd8 ?
8486
html/rgb-002.htm 3b2250b43eeae9a1620670295f6e2b7d04c873fb ?

‎css-color-4_dev/testinfo.data

+1
Original file line numberDiff line numberDiff line change
@@ -37,6 +37,7 @@ lch-006 reference/blacktext-ref CSS Color 4: Specifying Lab and LCH https://dra
3737
lch-007 reference/blacktext-ref CSS Color 4: Specifying Lab and LCH https://drafts.csswg.org/css-color-4/#specifying-lab-lch 5fc346ec886e09fb6b1787d99859df7c0f3e88b7 `Chris Lilley`<mailto:chris@w3.org> lab() with no alpha, negative b axis
3838
multicol-rule-color-inherit-002 reference/multicol-rule-color-inherit-001-ref column-rule-color: inherit (complex) ahem http://www.w3.org/TR/css3-multicol/#crc,http://www.w3.org/TR/css3-values/#common-keywords,https://drafts.csswg.org/css-color-4/#currentcolor-color 845bc673c249a09ea4eb562974615bc6cff61a25 `G&eacute;rard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> In this test, div#parent's computed 'column-rule-color' is given by div#parent's 'currentcolor' (a reserved keyword) and not 'red'. Then div.child's 'column-rule-color' take such specified value ('currentcolor') from its parent (due to 'inherit' keyword) and not 'red'. And then, it is applied to div.child's 'column-rule-color'.
3939
named-001 reference/rebeccapurple-ref CSS Color 4: Named colors https://drafts.csswg.org/css-color-4/#named-colors 04a9f6d47a7df569815ea41f8981b8fccb6b72e9 `Chris Lilley`<mailto:chris@w3.org> New named color, rebeccapurple
40+
outline-019 reference/ref-filled-green-100px-square outline currentColor inheritance https://drafts.csswg.org/css-ui-3/#outline-props,https://drafts.csswg.org/css-color-4/#resolve-color-values 704e82e857db5d37102f828dad3e16d1f88f57e5 `Florian Rivoal`<https://florian.rivoal.net> currentColor is inherited as a keyword
4041
rgb-001 reference/greentext-ref CSS Color 4: RGB functions rgb() and rgba() https://drafts.csswg.org/css-color-4/#rgb-functions 39362aafeafcfeb669d0b8113054b7cf849dedd8 `Chris Lilley`<mailto:chris@w3.org> rgb() with percent and no alpha, also no comma
4142
rgb-002 reference/greentext-ref CSS Color 4: RGB functions rgb() and rgba() https://drafts.csswg.org/css-color-4/#rgb-functions 3b2250b43eeae9a1620670295f6e2b7d04c873fb `Chris Lilley`<mailto:chris@w3.org> rgb() with 8-bit numbers and no alpha, also no comma
4243
rgb-003 reference/greentext-ref CSS Color 4: RGB functions rgb() and rgba() https://drafts.csswg.org/css-color-4/#rgb-functions 58d4b100f1428598656b2e3a07dbc4a76cc20bd6 `Chris Lilley`<mailto:chris@w3.org> rgb() with percent and numeric alpha, also no comma

‎css-color-4_dev/xhtml1/outline-019.xht

+31
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,31 @@
1+
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
2+
<html lang="en" xmlns="http://www.w3.org/1999/xhtml"><head><meta charset="utf-8" />
3+
<title>CSS-UI test: outline currentColor inheritance</title>
4+
<link href="https://florian.rivoal.net" rel="author" title="Florian Rivoal" />
5+
<meta content="" name="flags" />
6+
<meta content="currentColor is inherited as a keyword" name="assert" />
7+
<link href="https://drafts.csswg.org/css-ui-3/#outline-props" rel="help" />
8+
<link href="https://drafts.csswg.org/css-color-4/#resolve-color-values" rel="help" />
9+
<link href="reference/ref-filled-green-100px-square.xht" rel="match" />
10+
<style>
11+
body &gt; div {
12+
color: red;
13+
outline-color: currentcolor;
14+
display: table-cell; /*BFC*/
15+
}
16+
17+
div &gt; div {
18+
width: 0; height: 0;
19+
margin-left: 50px;
20+
margin-top: 50px;
21+
color: green;
22+
outline-color: inherit;
23+
outline-width: 50px;
24+
outline-style: solid;
25+
}
26+
</style>
27+
28+
</head><body><p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
29+
<div><div></div></div>
30+
31+
</body></html>

‎css-color-4_dev/xhtml1/reference/ref-filled-green-100px-square.xht

+19
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,19 @@
1+
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
2+
<html xmlns="http://www.w3.org/1999/xhtml">
3+
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
4+
<title>CSS Reftest Reference</title>
5+
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
6+
<style type="text/css"><![CDATA[
7+
div
8+
{
9+
background-color: green;
10+
height: 100px;
11+
width: 100px;
12+
}
13+
]]></style>
14+
</head>
15+
<body>
16+
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
17+
<div></div>
18+
</body>
19+
</html>

‎css-color-4_dev/xhtml1/reftest-toc.xht

+8
Original file line numberDiff line numberDiff line change
@@ -296,6 +296,14 @@
296296
<td rowspan="1"></td>
297297
</tr>
298298
</tbody>
299+
<tbody id="outline-019" class="">
300+
<tr>
301+
<td rowspan="1" title="outline currentColor inheritance">
302+
<a href="outline-019.xht">outline-019</a></td>
303+
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
304+
<td rowspan="1"></td>
305+
</tr>
306+
</tbody>
299307
<tbody id="rgb-001" class="">
300308
<tr>
301309
<td rowspan="1" title="CSS Color 4: RGB functions rgb() and rgba()">

‎css-color-4_dev/xhtml1/reftest.list

+1
Original file line numberDiff line numberDiff line change
@@ -33,6 +33,7 @@ lch-006.xht == reference/blacktext-ref.xht
3333
lch-007.xht == reference/blacktext-ref.xht
3434
multicol-rule-color-inherit-002.xht == reference/multicol-rule-color-inherit-001-ref.xht
3535
named-001.xht == reference/rebeccapurple-ref.xht
36+
outline-019.xht == reference/ref-filled-green-100px-square.xht
3637
rgb-001.xht == reference/greentext-ref.xht
3738
rgb-002.xht == reference/greentext-ref.xht
3839
rgb-003.xht == reference/greentext-ref.xht

‎css-color-4_dev/xhtml1print/outline-019.xht

+31
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,31 @@
1+
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
2+
<html lang="en" xmlns="http://www.w3.org/1999/xhtml"><head><meta charset="utf-8" />
3+
<title>CSS-UI test: outline currentColor inheritance</title>
4+
<link href="https://florian.rivoal.net" rel="author" title="Florian Rivoal" />
5+
<meta content="" name="flags" />
6+
<meta content="currentColor is inherited as a keyword" name="assert" />
7+
<link href="https://drafts.csswg.org/css-ui-3/#outline-props" rel="help" />
8+
<link href="https://drafts.csswg.org/css-color-4/#resolve-color-values" rel="help" />
9+
<link href="reference/ref-filled-green-100px-square.xht" rel="match" />
10+
<style>
11+
body &gt; div {
12+
color: red;
13+
outline-color: currentcolor;
14+
display: table-cell; /*BFC*/
15+
}
16+
17+
div &gt; div {
18+
width: 0; height: 0;
19+
margin-left: 50px;
20+
margin-top: 50px;
21+
color: green;
22+
outline-color: inherit;
23+
outline-width: 50px;
24+
outline-style: solid;
25+
}
26+
</style>
27+
28+
</head><body><p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
29+
<div><div></div></div>
30+
31+
</body></html>

‎css-color-4_dev/xhtml1print/reference/ref-filled-green-100px-square.xht

+28
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,28 @@
1+
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
2+
<html xmlns="http://www.w3.org/1999/xhtml">
3+
<head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
4+
<title>CSS Reftest Reference</title>
5+
<style type="text/css">
6+
@page { font: italic 8pt sans-serif; color: gray;
7+
margin: 7%;
8+
counter-increment: page;
9+
@top-left { content: "CSS Color Module Level 4 CR Test Suite"; }
10+
@top-right { content: "Test ref-filled-green-100px-square"; }
11+
@bottom-right { content: counter(page); }
12+
}
13+
</style>
14+
<link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" />
15+
<style type="text/css"><![CDATA[
16+
div
17+
{
18+
background-color: green;
19+
height: 100px;
20+
width: 100px;
21+
}
22+
]]></style>
23+
</head>
24+
<body>
25+
<p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
26+
<div></div>
27+
</body>
28+
</html>

‎css-color-4_dev/xhtml1print/reftest-toc.xht

+8
Original file line numberDiff line numberDiff line change
@@ -296,6 +296,14 @@
296296
<td rowspan="1"></td>
297297
</tr>
298298
</tbody>
299+
<tbody id="outline-019" class="">
300+
<tr>
301+
<td rowspan="1" title="outline currentColor inheritance">
302+
<a href="outline-019.xht">outline-019</a></td>
303+
<td><a href="reference/ref-filled-green-100px-square.xht">=</a> </td>
304+
<td rowspan="1"></td>
305+
</tr>
306+
</tbody>
299307
<tbody id="rgb-001" class="">
300308
<tr>
301309
<td rowspan="1" title="CSS Color 4: RGB functions rgb() and rgba()">

‎css-color-4_dev/xhtml1print/reftest.list

+1
Original file line numberDiff line numberDiff line change
@@ -33,6 +33,7 @@ lch-006.xht == reference/blacktext-ref.xht
3333
lch-007.xht == reference/blacktext-ref.xht
3434
multicol-rule-color-inherit-002.xht == reference/multicol-rule-color-inherit-001-ref.xht
3535
named-001.xht == reference/rebeccapurple-ref.xht
36+
outline-019.xht == reference/ref-filled-green-100px-square.xht
3637
rgb-001.xht == reference/greentext-ref.xht
3738
rgb-002.xht == reference/greentext-ref.xht
3839
rgb-003.xht == reference/greentext-ref.xht

0 commit comments

Comments
 (0)