diff options
| author | Daniel Baumann <daniel.baumann@progress-linux.org> | 2024-04-19 01:13:27 +0000 |
|---|---|---|
| committer | Daniel Baumann <daniel.baumann@progress-linux.org> | 2024-04-19 01:13:27 +0000 |
| commit | 40a355a42d4a9444dc753c04c6608dade2f06a23 (patch) | |
| tree | 871fc667d2de662f171103ce5ec067014ef85e61 /testing/web-platform/tests/css/css-viewport | |
| parent | Adding upstream version 124.0.1. (diff) | |
| download | firefox-upstream/125.0.1.tar.xz firefox-upstream/125.0.1.zip | |
Adding upstream version 125.0.1.upstream/125.0.1
Signed-off-by: Daniel Baumann <daniel.baumann@progress-linux.org>
Diffstat (limited to 'testing/web-platform/tests/css/css-viewport')
4 files changed, 100 insertions, 0 deletions
diff --git a/testing/web-platform/tests/css/css-viewport/line-height-ref.html b/testing/web-platform/tests/css/css-viewport/line-height-ref.html new file mode 100644 index 0000000000..c75539243c --- /dev/null +++ b/testing/web-platform/tests/css/css-viewport/line-height-ref.html @@ -0,0 +1,23 @@ +<!DOCTYPE html> +<style>CSS zoom applies to line-height when specified and inherited</style> +<link rel="author" title="Chris Harrelson" href="mailto:chrishtr@chromium.org"> +<link rel="help" href="https://drafts.csswg.org/css-viewport/"> +<div style="line-height: 12px; font-size: 12px"> + Double-spaced<br>12px font text +</div> + +<hr> + +<div style="line-height: 24px; font-size: 24px;"> + Double-spaced<br>12px font zoomed text +</div> + +<hr> + +<div style="line-height: 12px; font-size: 12px"> + <div style="line-height: 24px; font-size: 24px"> + Double-spaced<br>12px font zoomed inherited text + </div> +</div> + +<hr> diff --git a/testing/web-platform/tests/css/css-viewport/line-height.html b/testing/web-platform/tests/css/css-viewport/line-height.html new file mode 100644 index 0000000000..fa333be32f --- /dev/null +++ b/testing/web-platform/tests/css/css-viewport/line-height.html @@ -0,0 +1,24 @@ +<!DOCTYPE html> +<style>CSS zoom applies to line-height when specified and inherited</style> +<link rel="author" title="Chris Harrelson" href="mailto:chrishtr@chromium.org"> +<link rel="help" href="https://drafts.csswg.org/css-viewport/"> +<link rel="match" href="line-height-ref.html"> +<div style="line-height: 12px; font-size: 12px"> + Double-spaced<br>12px font text +</div> + +<hr> + +<div style="line-height: 12px; font-size: 12px; zoom: 2"> + Double-spaced<br>12px font zoomed text +</div> + +<hr> + +<div style="line-height: 12px; font-size: 12px"> + <div style="zoom:2"> + Double-spaced<br>12px font zoomed inherited text + </div> +</div> + +<hr> diff --git a/testing/web-platform/tests/css/css-viewport/width-ref.html b/testing/web-platform/tests/css/css-viewport/width-ref.html new file mode 100644 index 0000000000..5d2755f3e9 --- /dev/null +++ b/testing/web-platform/tests/css/css-viewport/width-ref.html @@ -0,0 +1,26 @@ +<!DOCTYPE html> +<style>CSS zoom applies to width when specified and inherited</style> +<link rel="author" title="Chris Harrelson" href="mailto:chrishtr@chromium.org"> +<link rel="help" href="https://drafts.csswg.org/css-viewport/"> +<style> + #parent { + width: 100px; + background: red; + } + #child-zoomed { + width: inherit; + background: lime; + width: 200px; + height: 200px; + } + #child { + width: 200px; + height: 200px; + background: green; + } +</style> +<p>You should see two squares below. One lime, and one green.</p> +<div id="parent"> + <div id="child-zoomed"></div> + <div id="child"></div> +</div> diff --git a/testing/web-platform/tests/css/css-viewport/width.html b/testing/web-platform/tests/css/css-viewport/width.html new file mode 100644 index 0000000000..b6d9753ea3 --- /dev/null +++ b/testing/web-platform/tests/css/css-viewport/width.html @@ -0,0 +1,27 @@ +<!DOCTYPE html> +<style>CSS zoom applies to width when specified and inherited</style> +<link rel="author" title="Chris Harrelson" href="mailto:chrishtr@chromium.org"> +<link rel="help" href="https://drafts.csswg.org/css-viewport/"> +<link rel="match" href="width-ref.html"> +<style> + #parent { + width: 100px; + background: red; + } + #child-zoomed { + zoom: 2; + width: inherit; + background: lime; + height: 100px; + } + #child { + width: 200px; + height: 200px; + background: green; + } +</style> +<p>You should see two squares below. One lime, and one green.</p> +<div id="parent"> + <div id="child-zoomed"></div> + <div id="child"></div> +</div> |