diff options
| author | Daniel Baumann <daniel.baumann@progress-linux.org> | 2024-04-19 00:47:55 +0000 |
|---|---|---|
| committer | Daniel Baumann <daniel.baumann@progress-linux.org> | 2024-04-19 00:47:55 +0000 |
| commit | 26a029d407be480d791972afb5975cf62c9360a6 (patch) | |
| tree | f435a8308119effd964b339f76abb83a57c29483 /layout/reftests/css-calc | |
| parent | Initial commit. (diff) | |
| download | firefox-e51783d008170d9ab27d25da98ca3a38b0a41b67.tar.xz firefox-e51783d008170d9ab27d25da98ca3a38b0a41b67.zip | |
Adding upstream version 124.0.1.upstream/124.0.1
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 |