Fix intermittent align-content tests (#37760)

These tests use the Ahem font, so wait until fonts have been loaded.

Testing: This is a test fix.
Fixes: #37360, #37361

Signed-off-by: Oriol Brufau <obrufau@igalia.com>
This commit is contained in:
Oriol Brufau 2025-06-28 14:13:47 +02:00 committed by GitHub
parent 64ebde2277
commit ee7cb80213
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
4 changed files with 12 additions and 27 deletions

View file

@ -581915,14 +581915,14 @@
}, },
"blocks": { "blocks": {
"align-content-block-002.html": [ "align-content-block-002.html": [
"795872e20b719c5982eefe02b948729e16f6cf49", "f0eb06227b2ff5dc4366c39de509d261cdfdd2a0",
[ [
null, null,
{} {}
] ]
], ],
"align-content-block-003.html": [ "align-content-block-003.html": [
"2f3fea9be3a68764fbc3eb53d34b7fb561cb7b56", "b431687fc098a78ac72ad123da24477622510f98",
[ [
null, null,
{} {}

View file

@ -28,24 +28,3 @@
[.test 16: space-around] [.test 16: space-around]
expected: FAIL expected: FAIL
[.test 1: start]
expected: FAIL
[.test 4: baseline]
expected: FAIL
[.test 6: flex-start]
expected: FAIL
[.test 8: unsafe start]
expected: FAIL
[.test 11: safe start]
expected: FAIL
[.test 15: space-between]
expected: FAIL
[.test 17: normal]
expected: FAIL

View file

@ -39,7 +39,6 @@
.label { color: black; font-weight: bold; } .label { color: black; font-weight: bold; }
</style> </style>
<body onload="checkLayout('.test');">
<div class="wrapper"> <div class="wrapper">
<div class="test" style="align-content: start" title="start"> <div class="test" style="align-content: start" title="start">
<div class="in-flow" data-offset-y="15"></div> <div class="in-flow" data-offset-y="15"></div>
@ -230,4 +229,8 @@
<p> <p>
<button onclick="document.querySelector('style[title]').textContent = 'html { font-size: 12px; }'">Show Text</button> <button onclick="document.querySelector('style[title]').textContent = 'html { font-size: 12px; }'">Show Text</button>
</body> </p>
<script>
document.fonts.ready.then(() => checkLayout(".test"));
</script>

View file

@ -39,7 +39,6 @@
.label { color: black; font-weight: bold; } .label { color: black; font-weight: bold; }
</style> </style>
<body onload="checkLayout('.test');">
<div class="wrapper"> <div class="wrapper">
<div class="test" style="align-content: start" title="start"> <div class="test" style="align-content: start" title="start">
<div class="in-flow" data-offset-y="35"></div> <div class="in-flow" data-offset-y="35"></div>
@ -230,4 +229,8 @@
<p> <p>
<button onclick="document.querySelector('style[title]').textContent = 'html { font-size: 12px; }'">Show Text</button> <button onclick="document.querySelector('style[title]').textContent = 'html { font-size: 12px; }'">Show Text</button>
</body> </p>
<script>
document.fonts.ready.then(() => checkLayout(".test"));
</script>