Files
sousa-gecko/testing/web-platform/tests/css/css-ruby/ruby-text-combine-upright-001b.html
T
Helmut Januschka 0dca110c1c Bug 2031872 [wpt PR 59139] - Blink WPT: stabilize text-combine-upright reftests, a=testonly
Automatic update from web-platform-tests
Blink WPT: stabilize text-combine-upright reftests

Wait for Ahem before taking reftest snapshots in css-ruby and
css-writing-modes text-combine-upright tests. This avoids fallback-font
first layout differences and makes snapshots deterministic.

Remove temporary Linux Failure Pass expectations now that these tests
are stable again.

Bug: 495770240,431038526
Change-Id: I29b4d8f38c9c2e58e54b4e8e2377cc0663daff50
Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/7705114
Reviewed-by: Yoav Weiss (@Shopify) <yoavweiss@chromium.org>
Auto-Submit: Helmut Januschka <helmut@januschka.com>
Commit-Queue: Helmut Januschka <helmut@januschka.com>
Cr-Commit-Position: refs/heads/main@{#1613609}

--

wpt-commits: f42c782ae4369c758ac47b9a9639d7fb9ae4fc8c
wpt-pr: 59139
2026-04-23 10:11:49 +00:00

42 lines
1.4 KiB
HTML

<!DOCTYPE html>
<!-- `reftest-wait` is a reftest harness signal that delays comparison until ready.
See https://web-platform-tests.org/writing-tests/reftests.html#controlling-when-comparison-occurs -->
<html class="reftest-wait">
<head>
<meta charset="UTF-8">
<title>CSS Test: Ruby with text-combine-upright child in base</title>
<link rel="author" title="Xidorn Quan" href="mailto:csswg@upsuper.org">
<link rel="help" href="https://drafts.csswg.org/css-ruby-1/#ruby-align-property">
<link rel="match" href="ruby-text-combine-upright-001-ref.html">
<script src="/common/reftest-wait.js"></script>
<link rel="stylesheet" href="/fonts/ahem.css">
<style>
.test {
display: none;
font: 52px Ahem;
writing-mode: vertical-rl;
}
</style>
</head>
<body>
<p>Test passes if the two rectangles are vertically middle aligned.</p>
<div class="test" id="target">
<ruby><rb><span style="text-combine-upright: all">X</span></rb><rt>XXXXXXXX</rt></ruby>
</div>
<script>
// Avoid fallback-font first layout for deterministic reftest snapshots.
Promise.all([
document.fonts.load('52px Ahem'),
document.fonts.ready,
]).then(() => {
const target = document.getElementById('target');
target.style.display = 'block';
target.getBoundingClientRect();
requestAnimationFrame(() => {
takeScreenshot();
});
});
</script>
</body>
</html>