refactor(v13): cleanup existing code (#1701)

* refactor: cleanu existing code

* chore: fix lint

Author: mdjastrzebski

src/fire-event.ts

@@ -10,7 +10,7 @@ import act from './act';
 import { isElementMounted, isHostElement } from './helpers/component-tree';
 import { isHostScrollView, isHostTextInput } from './helpers/host-component-names';
 import { isPointerEventEnabled } from './helpers/pointer-events';
-import { isTextInputEditable } from './helpers/text-input';
+import { isEditableTextInput } from './helpers/text-input';
 import { Point, StringWithAutocomplete } from './types';
 import { nativeState } from './native-state';
 
@@ -54,7 +54,7 @@ export function isEventEnabled(
 ) {
   if (nearestTouchResponder != null && isHostTextInput(nearestTouchResponder)) {
     return (
-      isTextInputEditable(nearestTouchResponder) ||
+      isEditableTextInput(nearestTouchResponder) ||
       textInputEventsIgnoringEditableProp.has(eventName)
     );
   }
@@ -160,12 +160,7 @@ const scrollEventNames = new Set([
 ]);
 
 function setNativeStateIfNeeded(element: ReactTestInstance, eventName: string, value: unknown) {
-  if (
-    eventName === 'changeText' &&
-    typeof value === 'string' &&
-    isHostTextInput(element) &&
-    isTextInputEditable(element)
-  ) {
+  if (eventName === 'changeText' && typeof value === 'string' && isEditableTextInput(element)) {
     nativeState.valueForElement.set(element, value);
   }
 

src/helpers/__tests__/query-name.test.ts

@@ -1,22 +1,38 @@
 import * as React from 'react';
-import { View } from 'react-native';
+import { TextInput, View } from 'react-native';
 import { render, screen } from '../..';
-import { getTextInputValue, isTextInputEditable } from '../text-input';
+import { getTextInputValue, isEditableTextInput } from '../text-input';
 
-test('getTextInputValue() throws error when invoked on non-text input', () => {
-  render(<View testID="view" />);
+test('getTextInputValue basic test', () => {
+  render(
+    <View>
+      <TextInput testID="value" value="text-a" />
+      <TextInput testID="default-value" defaultValue="text-b" />
+      <View testID="view" />
+    </View>,
+  );
+
+  expect(getTextInputValue(screen.getByTestId('value'))).toBe('text-a');
+  expect(getTextInputValue(screen.getByTestId('default-value'))).toBe('text-b');
 
   const view = screen.getByTestId('view');
   expect(() => getTextInputValue(view)).toThrowErrorMatchingInlineSnapshot(
     `"Element is not a "TextInput", but it has type "View"."`,
   );
 });
 
-test('isTextInputEditable() throws error when invoked on non-text input', () => {
-  render(<View testID="view" />);
-
-  const view = screen.getByTestId('view');
-  expect(() => isTextInputEditable(view)).toThrowErrorMatchingInlineSnapshot(
-    `"Element is not a "TextInput", but it has type "View"."`,
+test('isEditableTextInput basic test', () => {
+  render(
+    <View>
+      <TextInput testID="default" />
+      <TextInput testID="editable" editable={true} />
+      <TextInput testID="non-editable" editable={false} />
+      <View testID="view" />
+    </View>,
   );
+
+  expect(isEditableTextInput(screen.getByTestId('default'))).toBe(true);
+  expect(isEditableTextInput(screen.getByTestId('editable'))).toBe(true);
+  expect(isEditableTextInput(screen.getByTestId('non-editable'))).toBe(false);
+  expect(isEditableTextInput(screen.getByTestId('view'))).toBe(false);
 });

src/helpers/__tests__/text-input.test.tsx

@@ -10,7 +10,7 @@ import { getHostSiblings, getUnsafeRootElement, isHostElement } from './componen
 import { findAll } from './find-all';
 import { isHostImage, isHostSwitch, isHostText, isHostTextInput } from './host-component-names';
 import { getTextContent } from './text-content';
-import { isTextInputEditable } from './text-input';
+import { isEditableTextInput } from './text-input';
 
 type IsInaccessibleOptions = {
   cache?: WeakMap<ReactTestInstance, boolean>;
@@ -208,7 +208,7 @@ export function computeAriaChecked(element: ReactTestInstance): AccessibilitySta
 
 // See: https://github.com/callstack/react-native-testing-library/wiki/Accessibility:-State#disabled-state
 export function computeAriaDisabled(element: ReactTestInstance): boolean {
-  if (isHostTextInput(element) && !isTextInputEditable(element)) {
+  if (isHostTextInput(element) && !isEditableTextInput(element)) {
     return true;
   }
 

src/helpers/accessibility.ts

@@ -2,12 +2,8 @@ import { ReactTestInstance } from 'react-test-renderer';
 import { nativeState } from '../native-state';
 import { isHostTextInput } from './host-component-names';
 
-export function isTextInputEditable(element: ReactTestInstance) {
-  if (!isHostTextInput(element)) {
-    throw new Error(`Element is not a "TextInput", but it has type "${element.type}".`);
-  }
-
-  return element.props.editable !== false;
+export function isEditableTextInput(element: ReactTestInstance) {
+  return isHostTextInput(element) && element.props.editable !== false;
 }
 
 export function getTextInputValue(element: ReactTestInstance) {

src/helpers/deprecation.ts

@@ -1,7 +1,7 @@
 import { ReactTestInstance } from 'react-test-renderer';
 import { ErrorWithStack } from '../helpers/errors';
 import { isHostTextInput } from '../helpers/host-component-names';
-import { getTextInputValue, isTextInputEditable } from '../helpers/text-input';
+import { getTextInputValue, isEditableTextInput } from '../helpers/text-input';
 import { isPointerEventEnabled } from '../helpers/pointer-events';
 import { EventBuilder } from './event-builder';
 import { UserEventInstance } from './setup';
@@ -16,7 +16,7 @@ export async function clear(this: UserEventInstance, element: ReactTestInstance)
     );
   }
 
-  if (!isTextInputEditable(element) || !isPointerEventEnabled(element)) {
+  if (!isEditableTextInput(element) || !isPointerEventEnabled(element)) {
     return;
   }
 

src/helpers/query-name.ts

@@ -2,7 +2,7 @@ import { ReactTestInstance } from 'react-test-renderer';
 import { ErrorWithStack } from '../helpers/errors';
 import { isHostTextInput } from '../helpers/host-component-names';
 import { isPointerEventEnabled } from '../helpers/pointer-events';
-import { getTextInputValue, isTextInputEditable } from '../helpers/text-input';
+import { getTextInputValue, isEditableTextInput } from '../helpers/text-input';
 import { nativeState } from '../native-state';
 import { EventBuilder } from './event-builder';
 import { UserEventInstance } from './setup';
@@ -20,7 +20,7 @@ export async function paste(
     );
   }
 
-  if (!isTextInputEditable(element) || !isPointerEventEnabled(element)) {
+  if (!isEditableTextInput(element) || !isPointerEventEnabled(element)) {
     return;
   }
 

src/helpers/text-input.ts

@@ -1,9 +1,9 @@
 import { ReactTestInstance } from 'react-test-renderer';
 import act from '../../act';
 import { getHostParent } from '../../helpers/component-tree';
-import { isTextInputEditable } from '../../helpers/text-input';
+import { isEditableTextInput } from '../../helpers/text-input';
 import { isPointerEventEnabled } from '../../helpers/pointer-events';
-import { isHostText, isHostTextInput } from '../../helpers/host-component-names';
+import { isHostText } from '../../helpers/host-component-names';
 import { EventBuilder } from '../event-builder';
 import { UserEventConfig, UserEventInstance } from '../setup';
 import { dispatchEvent, wait } from '../utils';
@@ -49,7 +49,7 @@ const basePress = async (
     return;
   }
 
-  if (isHostTextInput(element) && isTextInputEditable(element) && isPointerEventEnabled(element)) {
+  if (isEditableTextInput(element) && isPointerEventEnabled(element)) {
     await emitTextInputPressEvents(config, element, options);
     return;
   }