feat: add more accessibility queries

Author: bcarroll22

src/__tests__/queries.find.js

@@ -5,38 +5,51 @@ import { render } from '../.';
 
 test('find asynchronously finds elements', async () => {
   const {
-    findByA11yLabel,
+    findAllByA11yHint,
     findAllByA11yLabel,
-
-    findByPlaceholder,
+    findAllByA11yRole,
+    findAllByA11yStates,
+    findAllByA11yTraits,
     findAllByPlaceholder,
-
-    findByText,
+    findAllByTestId,
     findAllByText,
-
-    findByValue,
     findAllByValue,
-
+    findByA11yHint,
+    findByA11yLabel,
     findByA11yRole,
-    findAllByA11yRole,
-
+    findByA11yStates,
+    findByA11yTraits,
+    findByPlaceholder,
     findByTestId,
-    findAllByTestId,
+    findByText,
+    findByValue,
   } = render(
     <View>
       <Text testID="test-id" accessibilityRole="text">
         test text content
       </Text>
       <TextInput placeholder="placeholder" />
       <TextInput value="value" />
+      <TextInput accessibilityStates={['disabled']} />
       <Image accessibilityLabel="test-label" src="/lucy-ricardo.png" />
-      <View role="dialog" />
+      <Image accessibilityHint="test-hint" src="/lucy-ricardo.png" />
+      <View accessibilityRole="dialog" />
+      <View accessibilityTraits={['button']} />
     </View>,
   );
 
+  await expect(findByA11yHint('test-hint')).resolves.toBeTruthy();
+  await expect(findAllByA11yHint('test-hint')).resolves.toHaveLength(1);
+
   await expect(findByA11yLabel('test-label')).resolves.toBeTruthy();
   await expect(findAllByA11yLabel('test-label')).resolves.toHaveLength(1);
 
+  await expect(findByA11yStates(['disabled'])).resolves.toBeTruthy();
+  await expect(findAllByA11yStates(['disabled'])).resolves.toHaveLength(1);
+
+  await expect(findByA11yTraits(['button'])).resolves.toBeTruthy();
+  await expect(findAllByA11yTraits(['button'])).resolves.toHaveLength(1);
+
   await expect(findByPlaceholder('placeholder')).resolves.toBeTruthy();
   await expect(findAllByPlaceholder('placeholder')).resolves.toHaveLength(1);
 
@@ -55,31 +68,44 @@ test('find asynchronously finds elements', async () => {
 
 test('find rejects when something cannot be found', async () => {
   const {
-    findByA11yLabel,
+    findAllByA11yHint,
     findAllByA11yLabel,
-
-    findByPlaceholder,
+    findAllByA11yRole,
+    findAllByA11yStates,
+    findAllByA11yTraits,
     findAllByPlaceholder,
-
-    findByText,
+    findAllByTestId,
     findAllByText,
-
-    findByValue,
     findAllByValue,
-
+    findByA11yHint,
+    findByA11yLabel,
     findByA11yRole,
-    findAllByA11yRole,
-
+    findByA11yStates,
+    findByA11yTraits,
+    findByPlaceholder,
     findByTestId,
-    findAllByTestId,
+    findByText,
+    findByValue,
   } = render(<View />);
 
   const qo = {};
   const wo = { timeout: 10 };
 
+  await expect(findByA11yHint('x', qo, wo)).rejects.toThrow('x');
+  await expect(findAllByA11yHint('x', qo, wo)).rejects.toThrow('x');
+
   await expect(findByA11yLabel('x', qo, wo)).rejects.toThrow('x');
   await expect(findAllByA11yLabel('x', qo, wo)).rejects.toThrow('x');
 
+  await expect(findByA11yRole('x', qo, wo)).rejects.toThrow('x');
+  await expect(findAllByA11yRole('x', qo, wo)).rejects.toThrow('x');
+
+  await expect(findByA11yStates('x', qo, wo)).rejects.toThrow('x');
+  await expect(findAllByA11yStates('x', qo, wo)).rejects.toThrow('x');
+
+  await expect(findByA11yTraits('x', qo, wo)).rejects.toThrow('x');
+  await expect(findAllByA11yTraits('x', qo, wo)).rejects.toThrow('x');
+
   await expect(findByPlaceholder('x', qo, wo)).rejects.toThrow('x');
   await expect(findAllByPlaceholder('x', qo, wo)).rejects.toThrow('x');
 
@@ -89,9 +115,6 @@ test('find rejects when something cannot be found', async () => {
   await expect(findByValue('x', qo, wo)).rejects.toThrow('x');
   await expect(findAllByValue('x', qo, wo)).rejects.toThrow('x');
 
-  await expect(findByA11yRole('x', qo, wo)).rejects.toThrow('x');
-  await expect(findAllByA11yRole('x', qo, wo)).rejects.toThrow('x');
-
   await expect(findByTestId('x', qo, wo)).rejects.toThrow('x');
   await expect(findAllByTestId('x', qo, wo)).rejects.toThrow('x');
 });

src/__tests__/wait-for-element-to-be-removed.js

@@ -33,7 +33,7 @@ test('resolves only when the element is removed', async () => {
   // 2. The element should be removed immediately
   //    so if it doesn't in the first 100ms then we know something's wrong
   //    so we'll fail early and not wait the full timeout
-  await waitForElementToBeRemoved(() => queryAllByTestId('view'), { timeout: 500 });
+  await waitForElementToBeRemoved(() => queryAllByTestId('view'), { timeout: 250 });
 });
 
 test('resolves on mutation if callback throws an error', async () => {
@@ -55,5 +55,5 @@ test('resolves on mutation if callback throws an error', async () => {
 
   const { getByTestId } = render(<MutatedElement />);
 
-  await waitForElementToBeRemoved(() => getByTestId('view'), { timeout: 100 });
+  await waitForElementToBeRemoved(() => getByTestId('view'), { timeout: 250 });
 });