#72 feat(a11y): update valid accessibility roles (#74)

* feat: formatting options for render() to remove options from debug output

* update name -- propsToRemove to just removeProps

* omitProps: remove prettyPrint plugin in favour of removing props in toJSON() call

* update options in render() to destructure debug config

* update valid accessibilityRole values

Closes #72

Author: ajsmth

src/lib/__tests__/queries.find.js

@@ -38,6 +38,8 @@ test('find asynchronously finds elements', async () => {
       <Image accessibilityHint="test-hint" src="/lucy-ricardo.png" />
       <View accessibilityRole="dialog" />
       <View accessibilityRole="fake" />
+      <View accessibilityRole="tablist" />
+      <View accessibilityRole="tab" />
     </View>,
   );
 
@@ -77,8 +79,14 @@ test('find asynchronously finds elements', async () => {
   await expect(findByRole('none')).resolves.toBeTruthy();
   await expect(findAllByRole('none')).resolves.toHaveLength(1);
 
-  await expect(findByRole(['none'])).resolves.toBeTruthy();
-  await expect(findAllByRole(['none'])).resolves.toHaveLength(1);
+  await expect(findByRole('tablist')).resolves.toBeTruthy();
+  await expect(findAllByRole('tablist')).resolves.toHaveLength(1);
+
+  await expect(findByRole('tablist')).resolves.toBeTruthy();
+  await expect(findAllByRole('tablist')).resolves.toHaveLength(1);
+
+  await expect(findByRole('tab')).resolves.toBeTruthy();
+  await expect(findAllByRole('tab')).resolves.toHaveLength(1);
 
   await expect(findByRole('fake', {}, { timeout: 50 })).rejects.toThrow();
 

src/lib/queries/role.js

@@ -1,17 +1,33 @@
 import { buildQueries } from './all-utils';
 
 const validRoles = [
-  'adjustable',
+  'none',
   'button',
-  'header',
-  'image',
-  'imagebutton',
-  'keyboardKey',
   'link',
-  'none',
   'search',
-  'summary',
+  'image',
+  'keyboardkey',
   'text',
+  'adjustable',
+  'imagebutton',
+  'header',
+  'summary',
+  'alert',
+  'checkbox',
+  'combobox',
+  'menu',
+  'menubar',
+  'menuitem',
+  'progressbar',
+  'radio',
+  'radiogroup',
+  'scrollbar',
+  'spinbutton',
+  'switch',
+  'tab',
+  'tablist',
+  'timer',
+  'toolbar',
 ];
 
 const validTraits = [