refactor queries

Author: Brandon Carroll

examples/__tests__/input-event.js

@@ -29,7 +29,7 @@ class CostInput extends React.Component {
 
 const setup = () => {
   const utils = render(<CostInput />);
-  const input = utils.getByA11yLabel('cost-input');
+  const input = utils.getByLabelText('cost-input');
   return {
     input,
     ...utils,

src/__tests__/get-by-errors.js

@@ -121,6 +121,6 @@ test('calling an event sets nativeEvent properly', () => {
   const event = { nativeEvent: { value: 'testing' } };
   const onChange = jest.fn(({ nativeEvent }) => expect(nativeEvent).toEqual({ value: 'testing' }));
 
-  const { getByValue } = render(<TextInput value="test" onChange={onChange} />);
-  fireEvent.change(getByValue('test'), event);
+  const { getByDisplayValue } = render(<TextInput value="test" onChange={onChange} />);
+  fireEvent.change(getByDisplayValue('test'), event);
 });

src/__tests__/misc.js

@@ -20,7 +20,7 @@ cases(
         </View>
       ),
     },
-    getByA11yLabel: {
+    getByLabelText: {
       query: /his/,
       tree: (
         <View>
@@ -29,7 +29,7 @@ cases(
         </View>
       ),
     },
-    getByA11yRole: {
+    getByRole: {
       query: 'button',
       tree: (
         <View>
@@ -38,25 +38,7 @@ cases(
         </View>
       ),
     },
-    getByA11yStates: {
-      query: ['selected'],
-      tree: (
-        <View>
-          <View accessibilityStates={['selected']} />
-          <View accessibilityStates={['selected']} />
-        </View>
-      ),
-    },
-    getByA11yTraits: {
-      query: ['button'],
-      tree: (
-        <View>
-          <View accessibilityTraits={['button']} />
-          <View accessibilityTraits={['button']} />
-        </View>
-      ),
-    },
-    getByPlaceholder: {
+    getByPlaceholderText: {
       query: /his/,
       tree: (
         <View>
@@ -92,7 +74,7 @@ cases(
         </View>
       ),
     },
-    getByValue: {
+    getByDisplayValue: {
       query: /his/,
       tree: (
         <View>
@@ -120,7 +102,7 @@ cases(
         </View>
       ),
     },
-    queryByA11yLabel: {
+    queryByLabelText: {
       query: /his/,
       tree: (
         <View>
@@ -129,7 +111,7 @@ cases(
         </View>
       ),
     },
-    queryByA11yRole: {
+    queryByRole: {
       query: 'button',
       tree: (
         <View>
@@ -138,25 +120,7 @@ cases(
         </View>
       ),
     },
-    queryByA11yStates: {
-      query: ['selected'],
-      tree: (
-        <View>
-          <View accessibilityStates={['selected']} />
-          <View accessibilityStates={['selected']} />
-        </View>
-      ),
-    },
-    queryByA11yTraits: {
-      query: ['button'],
-      tree: (
-        <View>
-          <View accessibilityTraits={['button']} />
-          <View accessibilityTraits={['button']} />
-        </View>
-      ),
-    },
-    queryByPlaceholder: {
+    queryByPlaceholderText: {
       query: /his/,
       tree: (
         <View>
@@ -192,7 +156,7 @@ cases(
         </View>
       ),
     },
-    queryByValue: {
+    queryByDisplayValue: {
       query: /his/,
       tree: (
         <View>

src/lib/__tests__/events.js

@@ -30,8 +30,8 @@ test('picker', () => {
       </Picker>
     );
   }
-  const { findByValue, getByValue } = render(<Wrapper />);
+  const { findByDisplayValue, getByDisplayValue } = render(<Wrapper />);
 
-  fireEvent.valueChange(getByValue('js'), 'java');
-  expect(() => findByValue('js')).not.toThrow();
+  fireEvent.valueChange(getByDisplayValue('js'), 'java');
+  expect(() => findByDisplayValue('js')).not.toThrow();
 });