diff options
Diffstat (limited to 'testing/web-platform/tests/css/reference')
22 files changed, 293 insertions, 0 deletions
diff --git a/testing/web-platform/tests/css/reference/black_box_ends_when_blue_box_ends_6_boxes_ahem.html b/testing/web-platform/tests/css/reference/black_box_ends_when_blue_box_ends_6_boxes_ahem.html new file mode 100644 index 0000000000..4657b84a0c --- /dev/null +++ b/testing/web-platform/tests/css/reference/black_box_ends_when_blue_box_ends_6_boxes_ahem.html @@ -0,0 +1,24 @@ +<!doctype html> +<html> +<head> + <title>Reference rendering - black box ends when blue box ends, 6 black boxes (ahem)</title> + <link rel="author" title="Opera" href="https://www.opera.com/"> + <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> + <style type="text/css"> + #black { + font: 16px/1 "Ahem"; + } + #blue { + height: 16px; + width: 176px; + background: blue; + } + </style> +</head> +<body> + <p>Test passes if there are six black boxes below and the last black box + ends when the blue box ends.</p> + <div id="black">X X X X X X</div> + <div id="blue"></div> +</body> +</html> diff --git a/testing/web-platform/tests/css/reference/blank.html b/testing/web-platform/tests/css/reference/blank.html new file mode 100644 index 0000000000..f2fab5a3b1 --- /dev/null +++ b/testing/web-platform/tests/css/reference/blank.html @@ -0,0 +1,3 @@ +<!doctype html> +<title>CSS Test Reference</title> +<!-- Intentionally blank --> diff --git a/testing/web-platform/tests/css/reference/nothing.html b/testing/web-platform/tests/css/reference/nothing.html new file mode 100644 index 0000000000..98ee818a84 --- /dev/null +++ b/testing/web-platform/tests/css/reference/nothing.html @@ -0,0 +1,4 @@ +<!DOCTYPE html> +<title>CSS Reftest Reference</title> +<link rel="author" title="Morten Stenshorne" href="mstensho@chromium.org"> +<p>There should be nothing below.</p> diff --git a/testing/web-platform/tests/css/reference/only_pass_parens_semicolon.html b/testing/web-platform/tests/css/reference/only_pass_parens_semicolon.html new file mode 100644 index 0000000000..fcd91a0532 --- /dev/null +++ b/testing/web-platform/tests/css/reference/only_pass_parens_semicolon.html @@ -0,0 +1,18 @@ +<!DOCTYPE HTML> +<html> +<head> + <title>Reference rendering - pass if only the word "PASS();" appears</title> + <link rel="author" title="Opera" href="https://www.opera.com/"> + <style type="text/css"> + div { + color: green; + border: 2px solid black; + } + </style> +</head> +<body> + <p>Test passes if only the word "PASS();" appears in the box below. Fail if + there is any other additional text.</p> + <div>PASS();</div> +</body> +</html> diff --git a/testing/web-platform/tests/css/reference/pass_if_filler_text_match.xht b/testing/web-platform/tests/css/reference/pass_if_filler_text_match.xht new file mode 100644 index 0000000000..7000c0385e --- /dev/null +++ b/testing/web-platform/tests/css/reference/pass_if_filler_text_match.xht @@ -0,0 +1,12 @@ +<!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> + <title>Reference rendering - pass if the lines of Filler Text below match</title> + <link rel="author" title="Opera Software" href="https://opera.com"/> +</head> +<body> + <p>Test passes if the lines of "Filler Text" below match.</p> + <div>Filler Text</div> + <div>Filler Text</div> +</body> +</html> diff --git a/testing/web-platform/tests/css/reference/pass_if_filler_text_match_bold.xht b/testing/web-platform/tests/css/reference/pass_if_filler_text_match_bold.xht new file mode 100644 index 0000000000..0fc27bcacd --- /dev/null +++ b/testing/web-platform/tests/css/reference/pass_if_filler_text_match_bold.xht @@ -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> + <title>Reference rendering - pass if the lines of Filler Text below match, bold</title> + <link rel="author" title="Opera Software" href="https://opera.com"/> + <link rel="mismatch" href="pass_if_filler_text_match.xht"/> + <style type="text/css"> + div { + font-weight: bold; + } + </style> +</head> +<body> + <p>Test passes if the lines of "Filler Text" below match.</p> + <div>Filler Text</div> + <div>Filler Text</div> +</body> +</html> diff --git a/testing/web-platform/tests/css/reference/pass_if_filler_text_match_smallcaps.xht b/testing/web-platform/tests/css/reference/pass_if_filler_text_match_smallcaps.xht new file mode 100644 index 0000000000..70bd3b4e92 --- /dev/null +++ b/testing/web-platform/tests/css/reference/pass_if_filler_text_match_smallcaps.xht @@ -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> + <title>Reference rendering - pass if the lines of Filler Text below match, small-caps</title> + <link rel="author" title="Opera Software" href="https://opera.com"/> + <link rel="mismatch" href="pass_if_filler_text_match.xht"/> + <style type="text/css"> + div { + font-variant: small-caps; + } + </style> +</head> +<body> + <p>Test passes if the lines of "Filler Text" below match.</p> + <div>Filler Text</div> + <div>Filler Text</div> +</body> +</html> diff --git a/testing/web-platform/tests/css/reference/pass_if_filler_text_slanted.xht b/testing/web-platform/tests/css/reference/pass_if_filler_text_slanted.xht new file mode 100644 index 0000000000..bb2e25cdb5 --- /dev/null +++ b/testing/web-platform/tests/css/reference/pass_if_filler_text_slanted.xht @@ -0,0 +1,16 @@ +<!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> + <title>Reference rendering - pass if Filler Text slanted to one side</title> + <link rel="author" title="Opera Software" href="https://opera.com"/> + <style> + div { + font-style: italic; + } + </style> +</head> +<body> + <p>Test passes if the "Filler Text" below is slanted to one side.</p> + <div>Filler Text</div> +</body> +</html> diff --git a/testing/web-platform/tests/css/reference/pass_if_filler_text_underlined-notref.html b/testing/web-platform/tests/css/reference/pass_if_filler_text_underlined-notref.html new file mode 100644 index 0000000000..5110ae0fa4 --- /dev/null +++ b/testing/web-platform/tests/css/reference/pass_if_filler_text_underlined-notref.html @@ -0,0 +1,10 @@ +<!DOCTYPE HTML> +<html> +<head> + <title>Not reference rendering - pass if Filler Text has line under it</title> +</head> +<body> + <p>Test passes if the "Filler Text" below has a line under it.</p> + <div>Filler Text</div> +</body> +</html> diff --git a/testing/web-platform/tests/css/reference/pass_if_filler_text_underlined.html b/testing/web-platform/tests/css/reference/pass_if_filler_text_underlined.html new file mode 100644 index 0000000000..8353cf8e32 --- /dev/null +++ b/testing/web-platform/tests/css/reference/pass_if_filler_text_underlined.html @@ -0,0 +1,12 @@ +<!DOCTYPE HTML> +<html> +<head> + <title>Reference rendering - pass if Filler Text has line under it</title> + <link rel="author" title="Opera" href="https://www.opera.com/"> + <link rel="mismatch" href="pass_if_filler_text_underlined-notref.html"> +</head> +<body> + <p>Test passes if the "Filler Text" below has a line under it.</p> + <div><u>Filler Text</u></div> +</body> +</html> diff --git a/testing/web-platform/tests/css/reference/pass_if_letter_uppercase.html b/testing/web-platform/tests/css/reference/pass_if_letter_uppercase.html new file mode 100644 index 0000000000..a5472e0e60 --- /dev/null +++ b/testing/web-platform/tests/css/reference/pass_if_letter_uppercase.html @@ -0,0 +1,11 @@ +<!DOCTYPE HTML> +<html> +<head> + <title>Reference rendering - pass if F in Filler Text is upper-case</title> + <link rel="author" title="Opera Software" href="https://opera.com"> +</head> +<body> + <p>Test passes if the letter "F" in the words "Filler Text" below is in upper-case.</p> + <div>Filler Text</div> +</body> +</html> diff --git a/testing/web-platform/tests/css/reference/pass_if_number_10.html b/testing/web-platform/tests/css/reference/pass_if_number_10.html new file mode 100644 index 0000000000..fa3e01947a --- /dev/null +++ b/testing/web-platform/tests/css/reference/pass_if_number_10.html @@ -0,0 +1,16 @@ +<!DOCTYPE HTML> +<html> +<head> + <title>Reference rendering - passes if the number '10' appears below</title> + <link rel="author" title="Opera" href="https://www.opera.com/"> + <style type="text/css"> + div { + font-size: 30px; + } + </style> +</head> +<body> + <p>Test passes if the number '10' appears below.</p> + <div>10</div> +</body> +</html> diff --git a/testing/web-platform/tests/css/reference/pass_if_number_5.xht b/testing/web-platform/tests/css/reference/pass_if_number_5.xht new file mode 100644 index 0000000000..77f04bd748 --- /dev/null +++ b/testing/web-platform/tests/css/reference/pass_if_number_5.xht @@ -0,0 +1,12 @@ +<!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> + <title>Reference rendering - pass if there is a number 5 below</title> + <link rel="author" title="Opera" href="https://www.opera.com/"/> +</head> +<body> + <p>Test passes if there is a number '5' below.</p> + <div>5</div> +</body> +</html> diff --git a/testing/web-platform/tests/css/reference/pass_if_pass_below.html b/testing/web-platform/tests/css/reference/pass_if_pass_below.html new file mode 100644 index 0000000000..7de44825c0 --- /dev/null +++ b/testing/web-platform/tests/css/reference/pass_if_pass_below.html @@ -0,0 +1,11 @@ +<!doctype html> +<html> +<head> + <title>Reference rendering - passes if there is the word "PASS" below</title> + <link rel="author" title="Opera" href="https://www.opera.com/"> +</head> +<body> + <p>Test passes if there is the word "PASS" below.</p> + <div>PASS</div> +</body> +</html> diff --git a/testing/web-platform/tests/css/reference/pass_if_square_96px_black.html b/testing/web-platform/tests/css/reference/pass_if_square_96px_black.html new file mode 100644 index 0000000000..7d9cb89107 --- /dev/null +++ b/testing/web-platform/tests/css/reference/pass_if_square_96px_black.html @@ -0,0 +1,18 @@ +<!DOCTYPE HTML> +<html> +<head> + <title>Reference rendering - pass if square below, black 96px</title> + <link rel="author" title="Opera Software" href="https://opera.com"> + <style type="text/css"> + div { + width: 96px; + height: 96px; + background-color: black; + } + </style> +</head> +<body> + <p>Test passes if there is a square below.</p> + <div></div> +</body> +</html> diff --git a/testing/web-platform/tests/css/reference/pass_if_two_words.html b/testing/web-platform/tests/css/reference/pass_if_two_words.html new file mode 100644 index 0000000000..e33eea5e6e --- /dev/null +++ b/testing/web-platform/tests/css/reference/pass_if_two_words.html @@ -0,0 +1,5 @@ +<!DOCTYPE html> +<meta charset="utf-8"> +<title>CSS Reftest Reference</title> +<p>There should be a space between "two" and "words" below.</p> +two words diff --git a/testing/web-platform/tests/css/reference/ref-filled-green-100px-square-only.html b/testing/web-platform/tests/css/reference/ref-filled-green-100px-square-only.html new file mode 100644 index 0000000000..82fcaa3b2a --- /dev/null +++ b/testing/web-platform/tests/css/reference/ref-filled-green-100px-square-only.html @@ -0,0 +1,4 @@ +<!DOCTYPE html> +<link rel="author" title="Morten Stenshorne" href="mstensho@chromium.org"> +<p>Test passes if there is a filled green square.</p> +<div style="width:100px; height:100px; background:green;"></div> diff --git a/testing/web-platform/tests/css/reference/ref-filled-green-100px-square.xht b/testing/web-platform/tests/css/reference/ref-filled-green-100px-square.xht new file mode 100644 index 0000000000..05a1379448 --- /dev/null +++ b/testing/web-platform/tests/css/reference/ref-filled-green-100px-square.xht @@ -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> + <title>CSS Reftest Reference</title> + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + <style type="text/css"><![CDATA[ + div + { + background-color: green; + height: 100px; + width: 100px; + } + ]]></style> + </head> + <body> + <p>Test passes if there is a filled green square and <strong>no red</strong>.</p> + <div></div> + </body> +</html> diff --git a/testing/web-platform/tests/css/reference/ref-filled-green-200px-square.html b/testing/web-platform/tests/css/reference/ref-filled-green-200px-square.html new file mode 100644 index 0000000000..d8d71f8620 --- /dev/null +++ b/testing/web-platform/tests/css/reference/ref-filled-green-200px-square.html @@ -0,0 +1,13 @@ +<!DOCTYPE html> +<meta charset="utf-8"> +<title>CSS Reftest Reference</title> +<link rel="author" title="Javier Fernandez Garcia-Boente" href="jfernandez@igalia.com" /> +<style> +div { + background-color: green; + height: 200px; + width: 200px; +} +</style> +<p>Test passes if there is a filled green square and <strong>no red</strong>.</p> +<div></div> diff --git a/testing/web-platform/tests/css/reference/ref-filled-green-300px-square.html b/testing/web-platform/tests/css/reference/ref-filled-green-300px-square.html new file mode 100644 index 0000000000..05c223561c --- /dev/null +++ b/testing/web-platform/tests/css/reference/ref-filled-green-300px-square.html @@ -0,0 +1,13 @@ +<!DOCTYPE html> +<meta charset="utf-8"> +<title>CSS Reftest Reference</title> +<link rel="author" title="Javier Fernandez Garcia-Boente" href="jfernandez@igalia.com" /> +<style> +div { + background-color: green; + height: 300px; + width: 300px; +} +</style> +<p>Test passes if there is a filled green square and <strong>no red</strong>.</p> +<div></div> diff --git a/testing/web-platform/tests/css/reference/ref-nothing-below.xht b/testing/web-platform/tests/css/reference/ref-nothing-below.xht new file mode 100644 index 0000000000..c87db8094b --- /dev/null +++ b/testing/web-platform/tests/css/reference/ref-nothing-below.xht @@ -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> + + <title>CSS Reftest Reference</title> + + <link rel="author" title="Gérard Talbot" href="http://www.gtalbot.org/BrowserBugsSection/css21testsuite/" /> + + </head> + + <body> + + <p>Test passes if there is nothing below.</p> + + </body> +</html>
\ No newline at end of file diff --git a/testing/web-platform/tests/css/reference/single_square_list_marker.xht b/testing/web-platform/tests/css/reference/single_square_list_marker.xht new file mode 100644 index 0000000000..bafbe908ab --- /dev/null +++ b/testing/web-platform/tests/css/reference/single_square_list_marker.xht @@ -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> + <title>Reference rendering - single square below, list marker, 96px left offset</title> + <link rel="author" title="Opera Software" href="https://opera.com"/> + <style type="text/css"> + div { + display: list-item; + list-style: square; + margin-left: 96px; + } + </style> +</head> +<body> + <p>Test passes if there is a single square below.</p> + <div> </div> +</body> +</html> |