wpt / css / css-viewport / zoom / parsing / zoom-computed.html

Status: PASS | Duration: 55ms | Subtests: 13/13 | Open test on wpt.live | wpt.fyi

TestTest SourceSubtests (13/13)

Data from commit:
a50cb89 wpt: run reference-named files which are themselves tests (#836) (2026-09-03)

SubtestStatusMessage
Property zoom value 'normal'PASS
Property zoom value '1'PASS
Property zoom value '1.5'PASS
Property zoom value '0.75'PASS
Property zoom value 'calc(1 - 0.5)'PASS
Property zoom value 'calc(1 * 0.5)'PASS
Property zoom value '100%'PASS
Property zoom value '150%'PASS
Property zoom value '75%'PASS
Property zoom value 'calc(100% - 50%)'PASS
Property zoom value 'calc(100% * 0.5)'PASS
Property zoom value '0'PASS
Property zoom value '0%'PASS

/css/css-viewport/zoom/parsing/zoom-computed.html

<!DOCTYPE html>
<meta charset="utf-8">
<title>CSS Test: getComputedStyle().zoom</title>
<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>
<div id="container">
  <div id="target"></div>
</div>
<script>
test_computed_value("zoom", "normal", "1");

test_computed_value("zoom", "1", "1");
test_computed_value("zoom", "1.5", "1.5");
test_computed_value("zoom", "0.75", "0.75");
test_computed_value("zoom", 'calc(1 - 0.5)', '0.5');
test_computed_value("zoom", 'calc(1 * 0.5)', '0.5');

test_computed_value("zoom", "100%", "1");
test_computed_value("zoom", "150%", "1.5");
test_computed_value("zoom", "75%", "0.75");
test_computed_value("zoom", 'calc(100% - 50%)', '0.5');
test_computed_value("zoom", 'calc(100% * 0.5)', '0.5');

// Legacy crap, wat
test_computed_value("zoom", "0", "1");
test_computed_value("zoom", "0%", "1");
</script>