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 /testing/web-platform/tests/css/css-values/viewport-units-extreme-scale.html | |
parent | Initial commit. (diff) | |
download | firefox-26a029d407be480d791972afb5975cf62c9360a6.tar.xz firefox-26a029d407be480d791972afb5975cf62c9360a6.zip |
Adding upstream version 124.0.1.upstream/124.0.1
Signed-off-by: Daniel Baumann <daniel.baumann@progress-linux.org>
Diffstat (limited to 'testing/web-platform/tests/css/css-values/viewport-units-extreme-scale.html')
-rw-r--r-- | testing/web-platform/tests/css/css-values/viewport-units-extreme-scale.html | 40 |
1 files changed, 40 insertions, 0 deletions
diff --git a/testing/web-platform/tests/css/css-values/viewport-units-extreme-scale.html b/testing/web-platform/tests/css/css-values/viewport-units-extreme-scale.html new file mode 100644 index 0000000000..95f0a23a94 --- /dev/null +++ b/testing/web-platform/tests/css/css-values/viewport-units-extreme-scale.html @@ -0,0 +1,40 @@ +<!DOCTYPE html> +<title>Scaling with viewport units</title> +<link rel="help" href="https://drafts.csswg.org/css-values-4/#viewport-relative-lengths"> +<link rel="help" href="https://bugzilla.mozilla.org/show_bug.cgi?id=1860338"> +<script src="/resources/testharness.js"></script> +<script src="/resources/testharnessreport.js"></script> + +<iframe id=iframe width=640 height=480></iframe> + +<script> + +const doc = iframe.contentDocument; +const win = iframe.contentWindow; + +function test_computed_value(value, expected) { + test((t) => { + t.add_cleanup(() => { doc.body.innerHTML = ''; }); + doc.body.innerHTML = ` + <!doctype html> + <style> + * { margin: 0; } + body { height: 100%; } + div { height: ${value}; } + </style> + <div></div> + `; + let div = doc.querySelector('div'); + assert_equals(win.getComputedStyle(div).height, expected); + }, `${value} computes to ${expected}`); +} + +// Check the basic units are as expected +test_computed_value('100vw', '640px'); +test_computed_value('100vh', '480px'); + +// Try some calculations involving extreme scaling +test_computed_value('calc((1vw - 6.3999px) * 10000000)', '1000px'); +test_computed_value('calc((100vh - 479px) * 60000)', '60000px'); + +</script> |