diff options
author | Daniel Baumann <daniel.baumann@progress-linux.org> | 2024-04-07 19:33:14 +0000 |
---|---|---|
committer | Daniel Baumann <daniel.baumann@progress-linux.org> | 2024-04-07 19:33:14 +0000 |
commit | 36d22d82aa202bb199967e9512281e9a53db42c9 (patch) | |
tree | 105e8c98ddea1c1e4784a60a5a6410fa416be2de /layout/reftests/css-calc | |
parent | Initial commit. (diff) | |
download | firefox-esr-36d22d82aa202bb199967e9512281e9a53db42c9.tar.xz firefox-esr-36d22d82aa202bb199967e9512281e9a53db42c9.zip |
Adding upstream version 115.7.0esr.upstream/115.7.0esrupstream
Signed-off-by: Daniel Baumann <daniel.baumann@progress-linux.org>
Diffstat (limited to 'layout/reftests/css-calc')
-rw-r--r-- | layout/reftests/css-calc/background-image-gradient-1-ref.html | 14 | ||||
-rw-r--r-- | layout/reftests/css-calc/background-image-gradient-1.html | 14 | ||||
-rw-r--r-- | layout/reftests/css-calc/line-height-1-ref.html | 62 | ||||
-rw-r--r-- | layout/reftests/css-calc/line-height-1.html | 62 | ||||
-rw-r--r-- | layout/reftests/css-calc/line-height-2-ref.html | 18 | ||||
-rw-r--r-- | layout/reftests/css-calc/line-height-2.html | 18 | ||||
-rw-r--r-- | layout/reftests/css-calc/reftest.list | 3 |
7 files changed, 191 insertions, 0 deletions
diff --git a/layout/reftests/css-calc/background-image-gradient-1-ref.html b/layout/reftests/css-calc/background-image-gradient-1-ref.html new file mode 100644 index 0000000000..f6d30e282d --- /dev/null +++ b/layout/reftests/css-calc/background-image-gradient-1-ref.html @@ -0,0 +1,14 @@ +<!DOCTYPE HTML> +<title>Test for calc() on background-image gradients</title> +<style> + +p { + height: 50px; width: 200px; + border: thin solid; +} + +#one { background-image: radial-gradient(circle farthest-side at 150px 20px, red, green); } + +</style> +<p id="one"></p> +<p id="two"></p> diff --git a/layout/reftests/css-calc/background-image-gradient-1.html b/layout/reftests/css-calc/background-image-gradient-1.html new file mode 100644 index 0000000000..2a8b529604 --- /dev/null +++ b/layout/reftests/css-calc/background-image-gradient-1.html @@ -0,0 +1,14 @@ +<!DOCTYPE HTML> +<title>Test for calc() on background-image gradients</title> +<style> + +p { + height: 50px; width: 200px; + border: thin solid; +} + +#one { background-image: radial-gradient(circle farthest-side at calc(50px + 50%) calc(100% - 30px), red, green); } + +</style> +<p id="one"></p> +<p id="two"></p> diff --git a/layout/reftests/css-calc/line-height-1-ref.html b/layout/reftests/css-calc/line-height-1-ref.html new file mode 100644 index 0000000000..a21826367f --- /dev/null +++ b/layout/reftests/css-calc/line-height-1-ref.html @@ -0,0 +1,62 @@ +<!DOCTYPE html> +<style> +div { + width:100px; + height:600px; + margin:5px 0 0 5px; + font-size: 30px; + float:left; +} +div#one { + line-height: 300%; +} +div#two { + line-height: 100px; +} +div#three { + line-height: 110px; +} +div#four { + line-height: 20px; +} +div#five { + line-height: 12px; +} +div#six { + line-height: 12px; +} +div#seven { + line-height: 12px; +} +div#eight { + line-height: 12px; +} +div#nine { + line-height: 12px; +} +div#nine { + line-height: 12px; +} +div#ten { + line-height: 12px; +} +div#div-11 { + line-height: 15px; +} +div#div-12 { + line-height: 195px; +} +</style> +<div id="one">line height is 300%</div> +<div id="two">line height is 100px</div> +<div id="three">line height is 50px</div> +<div id="four">line height is 10px * 2</div> +<div id="five">line height is 50% - 3px</div> +<div id="six">line height is 25% - 3px + 25%</div> +<div id="seven">line height is 25% - 3px + 12.5% * 2</div> +<div id="eight">line height is 25% - 3px + 12.5%*2</div> +<div id="nine">line height is 25% - 3px + 2*12.5%</div> +<div id="ten">line height is 25% - 3px + 2 * 12.5%</div> +<div id="div-11">line height is 30% + 20%</div> +<div id="div-12">line height is 3 * 2 + 3 / 6</div> +</html> diff --git a/layout/reftests/css-calc/line-height-1.html b/layout/reftests/css-calc/line-height-1.html new file mode 100644 index 0000000000..f586d0dbfb --- /dev/null +++ b/layout/reftests/css-calc/line-height-1.html @@ -0,0 +1,62 @@ +<!DOCTYPE html> +<style> +div { + width:100px; + height:600px; + margin:5px 0 0 5px; + font-size: 30px; + float:left; +} +div#one { + line-height: calc(300%); +} +div#two { + line-height: calc(100px); +} +div#three { + line-height: calc(20px + 300%); +} +div#four { + line-height: calc(10px * 2); +} +div#five { + line-height: calc(50% - 3px); +} +div#six { + line-height: calc(25% - 3px + 25%); +} +div#seven { + line-height: calc(25% - 3px + 12.5% * 2); +} +div#eight { + line-height: calc(25% - 3px + 12.5%*2); +} +div#nine { + line-height: calc(25% - 3px + 2 * 12.5%); +} +div#nine { + line-height: calc(25% - 3px + 2*12.5%); +} +div#ten { + line-height: calc(25% - 3px + 2 * 12.5%); +} +div#div-11 { + line-height: calc(30% + 20%); +} +div#div-12 { + line-height: calc(3 * 2 + 3 / 6); +} +</style> +<div id="one">line height is 300%</div> +<div id="two">line height is 100px</div> +<div id="three">line height is 50px</div> +<div id="four">line height is 10px * 2</div> +<div id="five">line height is 50% - 3px</div> +<div id="six">line height is 25% - 3px + 25%</div> +<div id="seven">line height is 25% - 3px + 12.5% * 2</div> +<div id="eight">line height is 25% - 3px + 12.5%*2</div> +<div id="nine">line height is 25% - 3px + 2*12.5%</div> +<div id="ten">line height is 25% - 3px + 2 * 12.5%</div> +<div id="div-11">line height is 30% + 20%</div> +<div id="div-12">line height is 3 * 2 + 3 / 6</div> +</html> diff --git a/layout/reftests/css-calc/line-height-2-ref.html b/layout/reftests/css-calc/line-height-2-ref.html new file mode 100644 index 0000000000..d1086080a3 --- /dev/null +++ b/layout/reftests/css-calc/line-height-2-ref.html @@ -0,0 +1,18 @@ +<!DOCTYPE html><meta charset=utf-8> +<style> +.a1, .a2, .a3, .a4, .a5, .a6 { float: left; } +.a1 { line-height: 2; } +.a2 { line-height: 6; } +.a3 { line-height: 6px; } +.a4 { line-height: 6; } +.a5 { line-height: 6; } +.a6 { line-height: 6; } +.a7 { line-height: 0; } +</style> +<p class="a1">abc<br>def</p> +<p class="a2">abc<br>def</p> +<p class="a3">abc<br>def</p> +<p class="a4">abc<br>def</p> +<p class="a5">abc<br>def</p> +<p class="a6">abc<br>def</p> +<p class="a7">abc<br>def</p> diff --git a/layout/reftests/css-calc/line-height-2.html b/layout/reftests/css-calc/line-height-2.html new file mode 100644 index 0000000000..fc37d31fd3 --- /dev/null +++ b/layout/reftests/css-calc/line-height-2.html @@ -0,0 +1,18 @@ +<!DOCTYPE html><meta charset=utf-8> +<style> +.a1, .a2, .a3, .a4, .a5, .a6 { float: left; } +.a1 { line-height: calc(1*2); } +.a2 { line-height: calc(1*2*3); } +.a3 { line-height: calc(1*2*3*1px); } +.a4 { line-height: calc((1*2)*3); } +.a5 { line-height: calc(1*(2*3)); } +.a6 { line-height: calc((1*2*3)); } +.a7 { line-height: calc(-1); } +</style> +<p class="a1">abc<br>def</p> +<p class="a2">abc<br>def</p> +<p class="a3">abc<br>def</p> +<p class="a4">abc<br>def</p> +<p class="a5">abc<br>def</p> +<p class="a6">abc<br>def</p> +<p class="a7">abc<br>def</p> diff --git a/layout/reftests/css-calc/reftest.list b/layout/reftests/css-calc/reftest.list new file mode 100644 index 0000000000..f8749773fc --- /dev/null +++ b/layout/reftests/css-calc/reftest.list @@ -0,0 +1,3 @@ +== background-image-gradient-1.html background-image-gradient-1-ref.html +== line-height-1.html line-height-1-ref.html +== line-height-2.html line-height-2-ref.html |