Test visible panel

Author: JelloBagel

e2e/components/SelectPanel.test.ts

@@ -84,13 +84,15 @@ test.describe('SelectPanel', () => {
 
     // windows high contrast mode: light
     await page.emulateMedia({forcedColors: 'active', colorScheme: 'light'})
+    await page.evaluate(() => matchMedia('(prefers-color-scheme: light)').matches)
 
     // Open select panel
-    const isPanelOpen = await page.isVisible('[role="listbox"]')
+    const isPanelOpen = await page.getByRole('listbox').isVisible()
     if (!isPanelOpen) {
       await page.keyboard.press('Tab')
       await page.keyboard.press('Enter')
     }
+    await expect(page.getByRole('listbox')).toBeVisible()
 
     expect(await page.screenshot({animations: 'disabled'})).toMatchSnapshot(
       `SelectPanel-Default-forced-colors-light-modern-action-list--true.png`,
@@ -105,13 +107,15 @@ test.describe('SelectPanel', () => {
 
     // windows high contrast mode: dark
     await page.emulateMedia({forcedColors: 'active', colorScheme: 'dark'})
+    await page.evaluate(() => matchMedia('(prefers-color-scheme: dark)').matches)
 
     // Open select panel
-    const isPanelOpen = await page.isVisible('[role="listbox"]')
+    const isPanelOpen = await page.getByRole('listbox').isVisible()
     if (!isPanelOpen) {
       await page.keyboard.press('Tab')
       await page.keyboard.press('Enter')
     }
+    await expect(page.getByRole('listbox')).toBeVisible()
 
     expect(await page.screenshot({animations: 'disabled'})).toMatchSnapshot(
       `SelectPanel-Default-forced-colors-dark-modern-action-list--true.png`,