wpt / css / css-viewport / zoom / word-spacing-inherited-computed.html

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

TestTest SourceSubtests (3/3)

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

SubtestStatusMessage
computed inherited word-spacingPASS
computed zoomed word-spacingPASS
computed zoomed inherited word-spacingPASS

/css/css-viewport/zoom/word-spacing-inherited-computed.html

<!DOCTYPE html>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<link rel="author" title="Vitor Roriz" href="https://github.com/vitorroriz">
<!-- Based on css/css-viewport/zoom/word-spacing.html by Stefan Zager -->
<link rel="help" href="https://drafts.csswg.org/css-viewport/">
<style>
.spacing {
  word-spacing: 2rem;
}
.zoom {
  zoom: 2;
}
</style>

<div class="spacing">
  <div id="inherited-word-spacing">unzoomed lorem ipsum</div>
</div>

<div class="zoom">
  <div id="zoomed-word-spacing" class="spacing">zoomed lorem ipsum</div>
</div>

<div class="spacing">
  <div id="zoomed-inherited-word-spacing" class="zoom">zoomed inherited lorem ipsum</div>
</div>

<script>
test(() => {
    assert_equals(getComputedStyle(document.getElementById("inherited-word-spacing")).wordSpacing, '32px');
}, "computed inherited word-spacing");
test(() => {
    assert_equals(getComputedStyle(document.getElementById("zoomed-word-spacing")).wordSpacing, '32px');
}, "computed zoomed word-spacing");
test(() => {
    assert_equals(getComputedStyle(document.getElementById("zoomed-inherited-word-spacing")).wordSpacing, '32px');
}, "computed zoomed inherited word-spacing");
</script>