commit b811d034a123d1340bcff8a064c54a36e7e1749b
parent 2b48434d93d66a1db6728b083bcbfdd5ce66d082
Author: Tim Nguyen <nt1m@users.noreply.github.com>
Date: Tue, 21 Oct 2025 10:35:49 +0000
Bug 1995039 [wpt PR 55405] - WebKit export of https://bugs.webkit.org/show_bug.cgi?id=300639, a=testonly
Automatic update from web-platform-tests
WebKit export: [CSS Zoom] Add SVG computed style test (#55405)
https://bugs.webkit.org/show_bug.cgi?id=300639
--
wpt-commits: ea35b5c2e2640f5760ab611223bfa72b8464dc4d
wpt-pr: 55405
Diffstat:
1 file changed, 49 insertions(+), 0 deletions(-)
diff --git a/testing/web-platform/tests/css/css-viewport/zoom/svg-computed-style.html b/testing/web-platform/tests/css/css-viewport/zoom/svg-computed-style.html
@@ -0,0 +1,49 @@
+<!DOCTYPE html>
+<html>
+<head>
+<link rel="author" title="Tim Nguyen" href="https://github.com/nt1m">
+<link rel="help" href="https://drafts.csswg.org/css-viewport/#zoom-property">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<script src="/css/support/computed-testcommon.js"></script>
+</head>
+<body>
+<svg id="svg">
+ <rect id="target" width="200" height="100" x="10" y="10" rx="20" ry="20" fill="blue" />
+</svg>
+
+<script>
+ const target = document.getElementById("target");
+ const properties = {
+ "border-spacing": {
+ "value": "10px 20px",
+ "otherValues": ["1px", "1px 2px"]
+ },
+ "text-underline-offset": {
+ "value": "2px",
+ "otherValues": ["4px"]
+ },
+ "-webkit-text-stroke-width": {
+ "value": "2px",
+ "otherValues": ["4px"]
+ }
+ };
+
+ for (const [property, {value, otherValues}] of Object.entries(properties)) {
+ svg.style[property] = value;
+ for (const otherValue of otherValues) {
+ test_computed_value(property, otherValue, otherValue, "no zoom");
+ }
+ test_computed_value(property, "inherit", value, "no zoom");
+
+ target.style.zoom = 2;
+
+ for (const otherValue of otherValues) {
+ test_computed_value(property, otherValue, otherValue, "zoom: 2");
+ }
+ test_computed_value(property, "inherit", value, "zoom: 2");
+ svg.style.removeProperty(property);
+ }
+</script>
+</body>
+</html>
