| 59 | * in the DOM when the tab key is pressed. |
| 60 | */ |
| 61 | const getHasNaturalTabNavigation = async (page: Page) => { |
| 62 | if (!isAppleOS() || !isWebkit(page)) { |
| 63 | return true; |
| 64 | } |
| 65 | if (browserCache.has(page.context().browser()!)) { |
| 66 | return browserCache.get(page.context().browser()!); |
| 67 | } |
| 68 | const testPage = await page.context().newPage(); |
| 69 | await testPage.setContent(`<button>1</button><button>2</button>`); |
| 70 | await testPage.getByText('1').focus(); |
| 71 | await testPage.keyboard.press('Tab'); |
| 72 | const featureDetected = await testPage.getByText('2').evaluate((node) => node === document.activeElement); |
| 73 | browserCache.set(page.context().browser()!, featureDetected); |
| 74 | await testPage.close(); |
| 75 | return featureDetected; |
| 76 | }; |
| 77 | |
| 78 | type Options = { |
| 79 | /** |