test: speed up tests by only delaying 'late page' by 2 seconds

Author: jrolfs

test/fixture/element-handles.test.ts

@@ -202,12 +202,12 @@ test.describe('lib/fixture.ts', () => {
 
     test('should handle the findBy* methods', async ({queries}) => {
       const {findByText} = queries
-      expect(await findByText('Loaded!', {}, {timeout: 7000})).toBeTruthy()
+      expect(await findByText('Loaded!', {}, {timeout: 3000})).toBeTruthy()
     })
 
     test('should handle the findByAll* methods', async ({queries}) => {
       const {findAllByText} = queries
-      const elements = await findAllByText(/Hello/, {}, {timeout: 7000})
+      const elements = await findAllByText(/Hello/, {}, {timeout: 3000})
       expect(elements).toHaveLength(2)
 
       const text = await Promise.all([elements[0].textContent(), elements[1].textContent()])

test/fixture/locators.test.ts

@@ -180,21 +180,21 @@ test.describe('lib/fixture.ts (locators)', () => {
     test.afterEach(async ({page}) => page.close())
 
     test('should handle the findBy* methods', async ({queries}) => {
-      const locator = await queries.findByText('Loaded!', undefined, {timeout: 7000})
+      const locator = await queries.findByText('Loaded!', undefined, {timeout: 3000})
 
       expect(await locator.textContent()).toEqual('Loaded!')
     })
 
     test('should handle the findAllBy* methods', async ({queries}) => {
-      const locator = await queries.findAllByText(/Hello/, undefined, {timeout: 7000})
+      const locator = await queries.findAllByText(/Hello/, undefined, {timeout: 3000})
 
       const text = await Promise.all([locator.nth(0).textContent(), locator.nth(1).textContent()])
 
       expect(text).toEqual(['Hello h1', 'Hello h2'])
     })
 
     test('throws Testing Library error when locator times out', async ({queries}) => {
-      const query = async () => queries.findByText(/Loaded!/, undefined, {timeout: 1000})
+      const query = async () => queries.findByText(/Loaded!/, undefined, {timeout: 500})
 
       await expect(query).rejects.toThrowError(
         expect.objectContaining({
@@ -204,7 +204,7 @@ test.describe('lib/fixture.ts (locators)', () => {
     })
 
     test('throws Testing Library error when multi-element locator times out', async ({queries}) => {
-      const query = async () => queries.findAllByText(/Hello/, undefined, {timeout: 1000})
+      const query = async () => queries.findAllByText(/Hello/, undefined, {timeout: 500})
 
       await expect(query).rejects.toThrowError(
         expect.objectContaining({
@@ -214,7 +214,7 @@ test.describe('lib/fixture.ts (locators)', () => {
     })
 
     test.describe('configuring asynchronous queries via `use`', () => {
-      test.use({asyncUtilTimeout: 7000})
+      test.use({asyncUtilTimeout: 3000})
 
       test('reads timeout 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
@@ -232,7 +232,7 @@ test.describe('lib/fixture.ts (locators)', () => {
       await expect(queries.getByText('Hidden')).toBeHidden()
 
       const locator = await queries.findByText('Hidden', undefined, {
-        timeout: 7000,
+        timeout: 3000,
         state: 'visible',
       })
 
@@ -245,7 +245,7 @@ test.describe('lib/fixture.ts (locators)', () => {
       test('waits for hidden element to be visible', async ({queries}) => {
         await expect(queries.getByText('Hidden')).toBeHidden()
 
-        const locator = await queries.findByText('Hidden', undefined, {timeout: 7000})
+        const locator = await queries.findByText('Hidden', undefined, {timeout: 3000})
 
         expect(await locator.textContent()).toEqual('Hidden')
       })
@@ -257,7 +257,7 @@ test.describe('lib/fixture.ts (locators)', () => {
       await expect(queries.queryByText('Attached')).toHaveCount(0)
 
       const locator = await queries.findByText('Attached', undefined, {
-        timeout: 7000,
+        timeout: 3000,
         state: 'attached',
       })
 
@@ -271,7 +271,7 @@ test.describe('lib/fixture.ts (locators)', () => {
       test('waits for hidden element to be attached', async ({queries}) => {
         await expect(queries.queryByText('Attached')).toHaveCount(0)
 
-        const locator = await queries.findByText('Attached', undefined, {timeout: 7000})
+        const locator = await queries.findByText('Attached', undefined, {timeout: 3000})
 
         expect(await locator.textContent()).toEqual('Attached')
         await expect(locator).toBeHidden()

test/fixtures/late-page.html

@@ -24,7 +24,7 @@
         attached.textContent = 'Attached'
         attached.style.visibility = 'hidden'
         document.body.appendChild(attached)
-      }, 5000)
+      }, 2000)
     </script>
   </body>
 </html>

test/standalone/index.test.ts

@@ -179,7 +179,7 @@ describe('lib/index.ts', () => {
       afterEach(async () => page.goto(`file://${path.join(__dirname, '../fixtures/page.html')}`))
 
       it('supports configuring timeout for findBy* queries', async () => {
-        configure({asyncUtilTimeout: 9000})
+        configure({asyncUtilTimeout: 3000})
 
         const element = await queries.findByText(await getDocument(page), 'Loaded!')