wpt / svg / text / reftests / writing-mode-dynamic-change.html

Status: PASS | Duration: 16ms | Subtests: 1/1 | Open test on wpt.live | Open ref on wpt.live | wpt.fyi

TestRefTest SourceRef Source

/svg/text/reftests/writing-mode-dynamic-change.html

<!DOCTYPE html>
<meta charset="utf-8">
<link rel="match" href="writing-mode-dynamic-change-ref.html">
<link rel="help" href="https://crbug.com/1273783">
<body>
<svg style="border: 1px solid gray;">
  <text id="test-text" y="0" x="50" font-size="16">🎓👺👕👖👢</text>
</svg>
<p id="result"></p>

<script>
var text  = document.getElementById("test-text");
text.getBBox();

text.style.writingMode = "vertical-rl";
var bbox = text.getBBox();
result.textContent = `BBox: ${bbox.width} x ${bbox.height}`;
</script>
</body>

/svg/text/reftests/writing-mode-dynamic-change-ref.html

<!DOCTYPE html>
<meta charset="utf-8">
<body>
<svg style="border: 1px solid gray;">
  <text id="test-text" y="0" x="50" font-size="16" writing-mode="vertical-rl">🎓👺👕👖👢</text>
</svg>
<p id="result"></p>

<script>
var text  = document.getElementById("test-text");
var bbox = text.getBBox();
result.textContent = `BBox: ${bbox.width} x ${bbox.height}`;
</script>
</body>