feat: also expose waitFor

Author: patrickhulce

README.md

@@ -18,7 +18,7 @@ All your favorite user-centric querying functions from @testing-library/react &
 
 ```js
 const puppeteer = require('puppeteer')
-const {getDocument, queries, wait} = require('pptr-testing-library')
+const {getDocument, queries, waitFor} = require('pptr-testing-library')
 
 const {getByTestId, getByLabelText} = queries
 
@@ -34,7 +34,7 @@ const $email = await getByLabelText($form, 'Email')
 // interact with puppeteer like usual
 await $email.type('[email protected]')
 // waiting works too!
-await wait(() => getByText($document, 'Loading...'))
+await waitFor(() => getByText($document, 'Loading...'))
 ```
 
 A little too un-puppeteer for you? We've got prototype-mucking covered too :)

lib/index.ts

@@ -35,7 +35,7 @@ type ContextFn = (...args: any[]) => ElementHandle
 
 async function createElementHandleArray(handle: JSHandle): Promise<ElementHandle[]> {
   const lengthHandle = await handle.getProperty('length')
-  const length = await lengthHandle.jsonValue() as number
+  const length = (await lengthHandle.jsonValue()) as number
 
   const elements: ElementHandle[] = []
   for (let i = 0; i < length; i++) {
@@ -132,12 +132,14 @@ export function wait(
   return waitForExpect(callback, timeout, interval)
 }
 
+export const waitFor = wait
+
 export function configure(options: Partial<IConfigureOptions>): void {
   if (!options) {
     return
   }
 
-  const { testIdAttribute } = options
+  const {testIdAttribute} = options
 
   if (testIdAttribute) {
     delegateFnBodyToExecuteInPage = delegateFnBodyToExecuteInPageInitial.replace(

test/index.test.ts

@@ -1,6 +1,6 @@
 import * as path from 'path'
 import * as puppeteer from 'puppeteer'
-import {getDocument, queries, getQueriesForElement, wait, configure} from '../lib'
+import {getDocument, queries, getQueriesForElement, waitFor, configure} from '../lib'
 
 describe('lib/index.ts', () => {
   let browser: puppeteer.Browser
@@ -61,7 +61,7 @@ describe('lib/index.ts', () => {
 
   it('should use `wait` properly', async () => {
     const {getByText} = getQueriesForElement(await getDocument(page))
-    await wait(() => getByText('Loaded!'), {timeout: 7000})
+    await waitFor(() => getByText('Loaded!'), {timeout: 7000})
     expect(await getByText('Loaded!')).toBeTruthy()
   }, 9000)