De-flake customizable select reftests

Most of the flakes are happening because the appearance property is changed while the picker is open which closes the picker. Adding some rAFs will hopefully prevent computed style from changing while the picker is open. Fixed: 383825172, 384363006, 384401571, 384198071, 383884638 Change-Id: Ia88a2eef5fd5d4db8191bbb24058fbf05ee497b0 Reviewed-on: https://chromium-review.googlesource.com/c/chromium/src/+/6120129 Reviewed-by: Di Zhang <[email protected]> Commit-Queue: Joey Arhar <[email protected]> Cr-Commit-Position: refs/heads/main@{#1400575}
web-platform-tests · Dec 27, 2024 · fe46e85 · fe46e85
1 parent fe43457
commit fe46e85
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 0 deletions.
diff --git a/...rms/the-select-element/customizable-select/select-appearance-custom-button.tentative.html b/...rms/the-select-element/customizable-select/select-appearance-custom-button.tentative.html
@@ -20,8 +20,10 @@
 
 <script>
 (async () => {
+  await new Promise(requestAnimationFrame);
   await test_driver.bless();
   document.querySelector('select').showPicker();
+  await new Promise(requestAnimationFrame);
   document.documentElement.classList.remove('reftest-wait');
 })();
 </script>
diff --git a/...s/the-select-element/customizable-select/select-appearance-font-inheriting.tentative.html b/...s/the-select-element/customizable-select/select-appearance-font-inheriting.tentative.html
@@ -27,8 +27,10 @@
 
 <script>
 (async () => {
+  await new Promise(requestAnimationFrame);
   await test_driver.bless();
   document.querySelector('select').showPicker();
+  await new Promise(requestAnimationFrame);
   document.documentElement.classList.remove('reftest-wait');
 })();
 </script>
diff --git a/...tics/forms/the-select-element/customizable-select/select-open-invalidation.tentative.html b/...tics/forms/the-select-element/customizable-select/select-open-invalidation.tentative.html
@@ -27,6 +27,7 @@
 
 <script>
 (async () => {
+  await new Promise(requestAnimationFrame);
   await test_driver.bless();
   await new Promise(requestAnimationFrame);
   try {