test(fixture): add coverage for custom test ID with find queries

Author: jrolfs

test/fixture/locators.test.ts

@@ -250,6 +250,19 @@ test.describe('lib/fixture.ts (locators)', () => {
 
         expect(await locator.textContent()).toEqual('Loaded!')
       })
+
+      test.describe('with custom test ID attribute from `use`', () => {
+        test.use({testIdAttribute: 'data-customid'})
+
+        test('reads test ID configuration from `use` configuration', async ({queries, page}) => {
+          // Ensure this test fails if we don't set `timeout` correctly in the `waitFor` in our find query
+          page.setDefaultTimeout(4000)
+
+          const locator = await queries.findByTestId('loaded')
+
+          expect(await locator.textContent()).toEqual('Loaded!')
+        })
+      })
     })
 
     test('waits for hidden element to be visible when `visible` is passed for state', async ({

test/fixtures/late-page.html

@@ -7,6 +7,7 @@
       setTimeout(() => {
         const loaded = document.createElement('span')
         loaded.textContent = 'Loaded!'
+        loaded.dataset.customid = 'loaded'
         document.body.appendChild(loaded)
 
         const heading1 = document.createElement('h1')