diff options
Diffstat (limited to 'testing/web-platform/tests/css/CSS2/visudet/reference')
9 files changed, 197 insertions, 0 deletions
diff --git a/testing/web-platform/tests/css/CSS2/visudet/reference/content-height-001-ref.html b/testing/web-platform/tests/css/CSS2/visudet/reference/content-height-001-ref.html new file mode 100644 index 0000000000..d6ca716b0c --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/visudet/reference/content-height-001-ref.html @@ -0,0 +1,16 @@ +<!DOCTYPE html> +<meta charset="utf-8"> +<title>CSS Test Reference file</title> +<link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net"> +<style> + +div { font-size: 50px; display: inline-block; color: transparent; } + +span { background: blue; } + +div { line-height: 200px; } +</style> + +<p>Test passes if the blue shape below is a rectangle, but not some other polygon. + +<div><span>aa</span></div><div><span>aa</span></div><div><span>aa</span></div> diff --git a/testing/web-platform/tests/css/CSS2/visudet/reference/content-height-002-ref.html b/testing/web-platform/tests/css/CSS2/visudet/reference/content-height-002-ref.html new file mode 100644 index 0000000000..bb148292a3 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/visudet/reference/content-height-002-ref.html @@ -0,0 +1,35 @@ +<!DOCTYPE html> +<meta charset="utf-8"> +<title>CSS Test Reference file</title> +<link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net"> +<style> +@font-face { + font-family: 'high-a-only'; + font-style: normal; + font-weight: 400; + src: url(/fonts/Revalia.woff) format('woff'); + unicode-range: U+0061, U+0020; +} +@font-face { + font-family: 'deep-b-only'; + font-style: normal; + font-weight: 400; + src: url(/fonts/AD.woff) format('woff'); + unicode-range: U+0062, U+0020; +} + +div { + font-size: 50px; + display: inline-block; + color: transparent; + font-family: high-a-only, deep-b-only; +} + +span { background: blue; } + +div { line-height: 200px; } +</style> + +<p>Test passes if the blue shape below is a rectangle, but not some other polygon. + +<div><span>ab</span></div><div><span>ab</span></div><div><span>ab</span></div> diff --git a/testing/web-platform/tests/css/CSS2/visudet/reference/content-height-003-ref.html b/testing/web-platform/tests/css/CSS2/visudet/reference/content-height-003-ref.html new file mode 100644 index 0000000000..86727624bf --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/visudet/reference/content-height-003-ref.html @@ -0,0 +1,35 @@ +<!DOCTYPE html> +<meta charset="utf-8"> +<title>CSS Test Reference file</title> +<link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net"> +<style> +@font-face { + font-family: 'high-a-only'; + font-style: normal; + font-weight: 400; + src: url(/fonts/Revalia.woff) format('woff'); + unicode-range: U+0061, U+0020; +} +@font-face { + font-family: 'deep-b-only'; + font-style: normal; + font-weight: 400; + src: url(/fonts/AD.woff) format('woff'); + unicode-range: U+0062, U+0020; +} + +div { + font-size: 50px; + display: inline-block; + color: transparent; + font-family: high-a-only, deep-b-only; +} + +span { background: blue; } + +div { line-height: 200px; } +</style> + +<p>Test passes if the blue shape below is a rectangle, but not some other polygon. + +<div><span>bb</span></div><div><span>bb</span></div><div><span>bb</span></div> diff --git a/testing/web-platform/tests/css/CSS2/visudet/reference/content-height-004-ref.html b/testing/web-platform/tests/css/CSS2/visudet/reference/content-height-004-ref.html new file mode 100644 index 0000000000..657da1ec93 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/visudet/reference/content-height-004-ref.html @@ -0,0 +1,34 @@ +<!DOCTYPE html> +<meta charset="utf-8"> +<title>CSS2 Line height test: explicit sizing</title> +<link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net"> +<style> +@font-face { + font-family: 'high-a-only'; + font-style: normal; + font-weight: 400; + src: url(/fonts/Revalia.woff) format('woff'); + unicode-range: U+0061, U+0020; +} + +div { + font-size: 50px; + display: inline-block; + color: transparent; +} + +span { background: blue; } + +div { font-family: high-a-only } +aside { + max-width: 300px; + overflow: hidden; + white-space: pre; +} +</style> + +<p>Test passes if the blue shape below is a rectangle, but not some other polygon. + +<aside> +<div><span>aaaaaaaaa</span></div> +</aside> diff --git a/testing/web-platform/tests/css/CSS2/visudet/reference/content-height-005-ref.html b/testing/web-platform/tests/css/CSS2/visudet/reference/content-height-005-ref.html new file mode 100644 index 0000000000..b68f8a9419 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/visudet/reference/content-height-005-ref.html @@ -0,0 +1,23 @@ +<!DOCTYPE html> +<meta charset="utf-8"> +<title>CSS Test Reference file</title> +<link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net"> +<style> + +div { + font-size: 50px; + display: inline-block; +} + +span { + padding-left: 1em; + color: black; + border-top: solid 1px; + border-bottom: solid 1px; +} + +</style> + +<p>Test passes if there are <strong>more than 2</strong> lines below. + +<div><span></span></div> diff --git a/testing/web-platform/tests/css/CSS2/visudet/reference/line-height-201-ref.html b/testing/web-platform/tests/css/CSS2/visudet/reference/line-height-201-ref.html new file mode 100644 index 0000000000..3564bf7785 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/visudet/reference/line-height-201-ref.html @@ -0,0 +1,16 @@ +<!DOCTYPE html> +<meta charset="utf-8"> +<title>CSS Test Reference file</title> +<link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net"> +<style> +div { + position: absolute; + width: 100px; + height: 100px; + background: green; +} +</style> + +<p>Test passes if there is a <strong>green square</strong> and <strong>no red</strong> below. + +<div></div> diff --git a/testing/web-platform/tests/css/CSS2/visudet/reference/line-height-202-ref.html b/testing/web-platform/tests/css/CSS2/visudet/reference/line-height-202-ref.html new file mode 100644 index 0000000000..2b77a6b3dd --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/visudet/reference/line-height-202-ref.html @@ -0,0 +1,6 @@ +<!DOCTYPE html> +<meta charset="utf-8"> +<title>CSS Test Reference file</title> +<link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net"> + +<p>Test passes if there is <strong>no red</strong> below. diff --git a/testing/web-platform/tests/css/CSS2/visudet/reference/line-height-203-ref.html b/testing/web-platform/tests/css/CSS2/visudet/reference/line-height-203-ref.html new file mode 100644 index 0000000000..ec605c76a9 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/visudet/reference/line-height-203-ref.html @@ -0,0 +1,6 @@ +<!DOCTYPE html> +<meta charset="utf-8"> +<title>CSS Test Reference file</title> +<link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net"> + +<p>Test passes if there is a small green rectangle or square below. diff --git a/testing/web-platform/tests/css/CSS2/visudet/reference/line-height-206-ref.html b/testing/web-platform/tests/css/CSS2/visudet/reference/line-height-206-ref.html new file mode 100644 index 0000000000..8ddf2b47a7 --- /dev/null +++ b/testing/web-platform/tests/css/CSS2/visudet/reference/line-height-206-ref.html @@ -0,0 +1,26 @@ +<!DOCTYPE html> +<meta charset="utf-8"> +<title>CSS Test Reference file</title> +<link rel="author" title="Florian Rivoal" href="https://florian.rivoal.net"> +<style> +@font-face { + font-family: 'high-a-only'; + font-style: normal; + font-weight: 400; + src: url(/fonts/Revalia.woff) format('woff'); + unicode-range: U+0061; +} + +div { + position: absolute; + line-height: normal; + font-size: 100px; + color: transparent; + border: solid black 1px; + font-family: high-a-only; +} +</style> + +<p>There should be two stacked rectangles below: a tall one above a short one, both the same width, sharing the edge at which they touch. + +<div>a</div> |