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
42 lines
1.4 KiB
HTML
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>
|