@testing-library/react-native 12.2.1 → 12.3.0

package/src/screen.ts

@@ -1,123 +0,0 @@
-import { ReactTestInstance } from 'react-test-renderer';
-import { RenderResult } from './render';
-
-const SCREEN_ERROR = '`render` method has not been called';
-
-const notImplemented = () => {
-  throw new Error(SCREEN_ERROR);
-};
-
-const notImplementedDebug = () => {
-  throw new Error(SCREEN_ERROR);
-};
-notImplementedDebug.shallow = notImplemented;
-
-const defaultScreen: RenderResult = {
-  get root(): ReactTestInstance {
-    throw new Error(SCREEN_ERROR);
-  },
-  get UNSAFE_root(): ReactTestInstance {
-    throw new Error(SCREEN_ERROR);
-  },
-  debug: notImplementedDebug,
-  update: notImplemented,
-  unmount: notImplemented,
-  rerender: notImplemented,
-  toJSON: notImplemented,
-  getByLabelText: notImplemented,
-  getAllByLabelText: notImplemented,
-  queryByLabelText: notImplemented,
-  queryAllByLabelText: notImplemented,
-  findByLabelText: notImplemented,
-  findAllByLabelText: notImplemented,
-  getByHintText: notImplemented,
-  getAllByHintText: notImplemented,
-  queryByHintText: notImplemented,
-  queryAllByHintText: notImplemented,
-  findByHintText: notImplemented,
-  findAllByHintText: notImplemented,
-  getByA11yHint: notImplemented,
-  getAllByA11yHint: notImplemented,
-  queryByA11yHint: notImplemented,
-  queryAllByA11yHint: notImplemented,
-  findByA11yHint: notImplemented,
-  findAllByA11yHint: notImplemented,
-  getByAccessibilityHint: notImplemented,
-  getAllByAccessibilityHint: notImplemented,
-  queryByAccessibilityHint: notImplemented,
-  queryAllByAccessibilityHint: notImplemented,
-  findByAccessibilityHint: notImplemented,
-  findAllByAccessibilityHint: notImplemented,
-  getByRole: notImplemented,
-  getAllByRole: notImplemented,
-  queryByRole: notImplemented,
-  queryAllByRole: notImplemented,
-  findByRole: notImplemented,
-  findAllByRole: notImplemented,
-  getByA11yState: notImplemented,
-  getAllByA11yState: notImplemented,
-  queryByA11yState: notImplemented,
-  queryAllByA11yState: notImplemented,
-  findByA11yState: notImplemented,
-  findAllByA11yState: notImplemented,
-  getByAccessibilityState: notImplemented,
-  getAllByAccessibilityState: notImplemented,
-  queryByAccessibilityState: notImplemented,
-  queryAllByAccessibilityState: notImplemented,
-  findByAccessibilityState: notImplemented,
-  findAllByAccessibilityState: notImplemented,
-  getByA11yValue: notImplemented,
-  getAllByA11yValue: notImplemented,
-  queryByA11yValue: notImplemented,
-  queryAllByA11yValue: notImplemented,
-  findByA11yValue: notImplemented,
-  findAllByA11yValue: notImplemented,
-  getByAccessibilityValue: notImplemented,
-  getAllByAccessibilityValue: notImplemented,
-  queryByAccessibilityValue: notImplemented,
-  queryAllByAccessibilityValue: notImplemented,
-  findByAccessibilityValue: notImplemented,
-  findAllByAccessibilityValue: notImplemented,
-  UNSAFE_getByProps: notImplemented,
-  UNSAFE_getAllByProps: notImplemented,
-  UNSAFE_queryByProps: notImplemented,
-  UNSAFE_queryAllByProps: notImplemented,
-  UNSAFE_getByType: notImplemented,
-  UNSAFE_getAllByType: notImplemented,
-  UNSAFE_queryByType: notImplemented,
-  UNSAFE_queryAllByType: notImplemented,
-  getByPlaceholderText: notImplemented,
-  getAllByPlaceholderText: notImplemented,
-  queryByPlaceholderText: notImplemented,
-  queryAllByPlaceholderText: notImplemented,
-  findByPlaceholderText: notImplemented,
-  findAllByPlaceholderText: notImplemented,
-  getByDisplayValue: notImplemented,
-  getAllByDisplayValue: notImplemented,
-  queryByDisplayValue: notImplemented,
-  queryAllByDisplayValue: notImplemented,
-  findByDisplayValue: notImplemented,
-  findAllByDisplayValue: notImplemented,
-  getByTestId: notImplemented,
-  getAllByTestId: notImplemented,
-  queryByTestId: notImplemented,
-  queryAllByTestId: notImplemented,
-  findByTestId: notImplemented,
-  findAllByTestId: notImplemented,
-  getByText: notImplemented,
-  getAllByText: notImplemented,
-  queryByText: notImplemented,
-  queryAllByText: notImplemented,
-  findByText: notImplemented,
-  findAllByText: notImplemented,
-};
-
-export let screen: RenderResult = defaultScreen;
-
-export function setRenderResult(output: RenderResult) {
-  screen = output;
-}
-
-export function clearRenderResult() {
-  screen = defaultScreen;
-}

package/src/shallow.ts

@@ -1,18 +0,0 @@
-import * as React from 'react';
-import { ReactTestInstance } from 'react-test-renderer';
-import ShallowRenderer from 'react-test-renderer/shallow'; // eslint-disable-line import/no-extraneous-dependencies
-
-/**
- * Renders test component shallowly using react-test-renderer/shallow
- */
-export function shallowInternal(
-  instance: ReactTestInstance | React.ReactElement<any>
-): { output: any } {
-  const renderer = new (ShallowRenderer as any)();
-
-  renderer.render(React.createElement(instance.type, instance.props));
-
-  return {
-    output: renderer.getRenderOutput(),
-  };
-}

package/src/test-utils/events.ts

@@ -1,24 +0,0 @@
-interface EventEntry {
-  name: string;
-  payload: any;
-}
-
-export function createEventLogger() {
-  const events: EventEntry[] = [];
-  const logEvent = (name: string) => {
-    return (event: unknown) => {
-      const eventEntry: EventEntry = {
-        name,
-        payload: event,
-      };
-
-      events.push(eventEntry);
-    };
-  };
-
-  return { events, logEvent };
-}
-
-export function getEventsName(events: EventEntry[]) {
-  return events.map((event) => event.name);
-}

package/src/test-utils/index.ts

@@ -1 +0,0 @@
-export * from './events';

package/src/user-event/__tests__/__snapshots__/clear.test.tsx.snap

@@ -1,269 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`clear() supports basic case: value: "Hello! 1`] = `
-[
-  {
-    "name": "focus",
-    "payload": {
-      "nativeEvent": {
-        "target": 0,
-      },
-    },
-  },
-  {
-    "name": "selectionChange",
-    "payload": {
-      "nativeEvent": {
-        "selection": {
-          "end": 6,
-          "start": 0,
-        },
-      },
-    },
-  },
-  {
-    "name": "keyPress",
-    "payload": {
-      "nativeEvent": {
-        "key": "Backspace",
-      },
-    },
-  },
-  {
-    "name": "change",
-    "payload": {
-      "nativeEvent": {
-        "eventCount": 0,
-        "target": 0,
-        "text": "",
-      },
-    },
-  },
-  {
-    "name": "changeText",
-    "payload": "",
-  },
-  {
-    "name": "selectionChange",
-    "payload": {
-      "nativeEvent": {
-        "selection": {
-          "end": 0,
-          "start": 0,
-        },
-      },
-    },
-  },
-  {
-    "name": "endEditing",
-    "payload": {
-      "nativeEvent": {
-        "target": 0,
-        "text": "",
-      },
-    },
-  },
-  {
-    "name": "blur",
-    "payload": {
-      "nativeEvent": {
-        "target": 0,
-      },
-    },
-  },
-]
-`;
-
-exports[`clear() supports defaultValue prop: defaultValue: "Hello Default!" 1`] = `
-[
-  {
-    "name": "focus",
-    "payload": {
-      "nativeEvent": {
-        "target": 0,
-      },
-    },
-  },
-  {
-    "name": "selectionChange",
-    "payload": {
-      "nativeEvent": {
-        "selection": {
-          "end": 14,
-          "start": 0,
-        },
-      },
-    },
-  },
-  {
-    "name": "keyPress",
-    "payload": {
-      "nativeEvent": {
-        "key": "Backspace",
-      },
-    },
-  },
-  {
-    "name": "change",
-    "payload": {
-      "nativeEvent": {
-        "eventCount": 0,
-        "target": 0,
-        "text": "",
-      },
-    },
-  },
-  {
-    "name": "changeText",
-    "payload": "",
-  },
-  {
-    "name": "selectionChange",
-    "payload": {
-      "nativeEvent": {
-        "selection": {
-          "end": 0,
-          "start": 0,
-        },
-      },
-    },
-  },
-  {
-    "name": "endEditing",
-    "payload": {
-      "nativeEvent": {
-        "target": 0,
-        "text": "",
-      },
-    },
-  },
-  {
-    "name": "blur",
-    "payload": {
-      "nativeEvent": {
-        "target": 0,
-      },
-    },
-  },
-]
-`;
-
-exports[`clear() supports multiline: value: "Hello World!
-How are you?" multiline: true, 1`] = `
-[
-  {
-    "name": "focus",
-    "payload": {
-      "nativeEvent": {
-        "target": 0,
-      },
-    },
-  },
-  {
-    "name": "selectionChange",
-    "payload": {
-      "nativeEvent": {
-        "selection": {
-          "end": 25,
-          "start": 0,
-        },
-      },
-    },
-  },
-  {
-    "name": "keyPress",
-    "payload": {
-      "nativeEvent": {
-        "key": "Backspace",
-      },
-    },
-  },
-  {
-    "name": "textInput",
-    "payload": {
-      "nativeEvent": {
-        "previousText": "Hello World!
-How are you?",
-        "range": {
-          "end": 0,
-          "start": 0,
-        },
-        "target": 0,
-        "text": "",
-      },
-    },
-  },
-  {
-    "name": "change",
-    "payload": {
-      "nativeEvent": {
-        "eventCount": 0,
-        "target": 0,
-        "text": "",
-      },
-    },
-  },
-  {
-    "name": "changeText",
-    "payload": "",
-  },
-  {
-    "name": "selectionChange",
-    "payload": {
-      "nativeEvent": {
-        "selection": {
-          "end": 0,
-          "start": 0,
-        },
-      },
-    },
-  },
-  {
-    "name": "contentSizeChange",
-    "payload": {
-      "nativeEvent": {
-        "contentSize": {
-          "height": 16,
-          "width": 0,
-        },
-        "target": 0,
-      },
-    },
-  },
-  {
-    "name": "endEditing",
-    "payload": {
-      "nativeEvent": {
-        "target": 0,
-        "text": "",
-      },
-    },
-  },
-  {
-    "name": "blur",
-    "payload": {
-      "nativeEvent": {
-        "target": 0,
-      },
-    },
-  },
-]
-`;
-
-exports[`clear() works when not all events have handlers 1`] = `
-[
-  {
-    "name": "changeText",
-    "payload": "",
-  },
-  {
-    "name": "endEditing",
-    "payload": {
-      "nativeEvent": {
-        "target": 0,
-        "text": "",
-      },
-    },
-  },
-]
-`;

package/src/user-event/__tests__/clear.test.tsx

@@ -1,217 +0,0 @@
-import * as React from 'react';
-import { View, TextInput, TextInputProps } from 'react-native';
-import { createEventLogger } from '../../test-utils/events';
-import { render, userEvent } from '../..';
-
-beforeEach(() => {
-  jest.useRealTimers();
-});
-
-function renderTextInputWithToolkit(props: TextInputProps = {}) {
-  const { events, logEvent } = createEventLogger();
-
-  const screen = render(
-    <TextInput
-      testID="input"
-      onFocus={logEvent('focus')}
-      onBlur={logEvent('blur')}
-      onPressIn={logEvent('pressIn')}
-      onPressOut={logEvent('pressOut')}
-      onChange={logEvent('change')}
-      onChangeText={logEvent('changeText')}
-      onKeyPress={logEvent('keyPress')}
-      onTextInput={logEvent('textInput')}
-      onSelectionChange={logEvent('selectionChange')}
-      onSubmitEditing={logEvent('submitEditing')}
-      onEndEditing={logEvent('endEditing')}
-      onContentSizeChange={logEvent('contentSizeChange')}
-      {...props}
-    />
-  );
-
-  const textInput = screen.getByTestId('input');
-
-  return {
-    events,
-    textInput,
-  };
-}
-
-describe('clear()', () => {
-  it('supports basic case', async () => {
-    jest.spyOn(Date, 'now').mockImplementation(() => 100100100100);
-    const { textInput, events } = renderTextInputWithToolkit({
-      value: 'Hello!',
-    });
-
-    const user = userEvent.setup();
-    await user.clear(textInput);
-
-    const eventNames = events.map((e) => e.name);
-    expect(eventNames).toEqual([
-      'focus',
-      'selectionChange',
-      'keyPress',
-      'change',
-      'changeText',
-      'selectionChange',
-      'endEditing',
-      'blur',
-    ]);
-
-    expect(events).toMatchSnapshot('value: "Hello!');
-  });
-
-  it.each(['modern', 'legacy'])('works with %s fake timers', async (type) => {
-    jest.useFakeTimers({ legacyFakeTimers: type === 'legacy' });
-    const { textInput, events } = renderTextInputWithToolkit({
-      value: 'Hello!',
-    });
-
-    const user = userEvent.setup();
-    await user.clear(textInput);
-
-    const eventNames = events.map((e) => e.name);
-    expect(eventNames).toEqual([
-      'focus',
-      'selectionChange',
-      'keyPress',
-      'change',
-      'changeText',
-      'selectionChange',
-      'endEditing',
-      'blur',
-    ]);
-  });
-
-  it('supports defaultValue prop', async () => {
-    const { textInput, events } = renderTextInputWithToolkit({
-      defaultValue: 'Hello Default!',
-    });
-
-    const user = userEvent.setup();
-    await user.clear(textInput);
-
-    const eventNames = events.map((e) => e.name);
-    expect(eventNames).toEqual([
-      'focus',
-      'selectionChange',
-      'keyPress',
-      'change',
-      'changeText',
-      'selectionChange',
-      'endEditing',
-      'blur',
-    ]);
-
-    expect(events).toMatchSnapshot('defaultValue: "Hello Default!"');
-  });
-
-  it('does respect editable prop', async () => {
-    const { textInput } = renderTextInputWithToolkit({
-      value: 'Hello!',
-      editable: false,
-    });
-
-    const user = userEvent.setup();
-    user.clear(textInput);
-
-    expect(textInput.props.value).toBe('Hello!');
-  });
-
-  it('does respect pointer-events prop', async () => {
-    const { textInput } = renderTextInputWithToolkit({
-      value: 'Hello!',
-      pointerEvents: 'none',
-    });
-
-    const user = userEvent.setup();
-    user.clear(textInput);
-
-    expect(textInput.props.value).toBe('Hello!');
-  });
-
-  it('supports multiline', async () => {
-    const { textInput, events } = renderTextInputWithToolkit({
-      value: 'Hello World!\nHow are you?',
-      multiline: true,
-    });
-
-    const user = userEvent.setup();
-    await user.clear(textInput);
-
-    const eventNames = events.map((e) => e.name);
-    expect(eventNames).toEqual([
-      'focus',
-      'selectionChange',
-      'keyPress',
-      'textInput',
-      'change',
-      'changeText',
-      'selectionChange',
-      'contentSizeChange',
-      'endEditing',
-      'blur',
-    ]);
-
-    expect(events).toMatchSnapshot(
-      'value: "Hello World!\nHow are you?" multiline: true,'
-    );
-  });
-
-  it('works when not all events have handlers', async () => {
-    const { events, logEvent } = createEventLogger();
-    const screen = render(
-      <TextInput
-        testID="input"
-        onChangeText={logEvent('changeText')}
-        onEndEditing={logEvent('endEditing')}
-      />
-    );
-
-    const user = userEvent.setup();
-    await user.clear(screen.getByTestId('input'));
-
-    const eventNames = events.map((e) => e.name);
-    expect(eventNames).toEqual(['changeText', 'endEditing']);
-
-    expect(events).toMatchSnapshot();
-  });
-
-  it('does NOT work on View', async () => {
-    const screen = render(<View testID="input" />);
-
-    const user = userEvent.setup();
-    await expect(
-      user.clear(screen.getByTestId('input'))
-    ).rejects.toThrowErrorMatchingInlineSnapshot(
-      `"clear() only supports host "TextInput" elements. Passed element has type: "View"."`
-    );
-  });
-
-  // View that ignores props type checking
-  const AnyView = View as React.ComponentType<any>;
-
-  it('does NOT bubble up', async () => {
-    const parentHandler = jest.fn();
-    const screen = render(
-      <AnyView
-        onChangeText={parentHandler}
-        onChange={parentHandler}
-        onKeyPress={parentHandler}
-        onTextInput={parentHandler}
-        onFocus={parentHandler}
-        onBlur={parentHandler}
-        onEndEditing={parentHandler}
-        onPressIn={parentHandler}
-        onPressOut={parentHandler}
-      >
-        <TextInput testID="input" />
-      </AnyView>
-    );
-
-    const user = userEvent.setup();
-    await user.clear(screen.getByTestId('input'));
-    expect(parentHandler).not.toHaveBeenCalled();
-  });
-});

package/src/user-event/clear.ts

@@ -1,59 +0,0 @@
-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 { EventBuilder } from './event-builder';
-import { UserEventInstance } from './setup';
-import { dispatchEvent, wait, isEditableTextInput } from './utils';
-import { emitTypingEvents } from './type/type';
-
-export async function clear(
-  this: UserEventInstance,
-  element: ReactTestInstance
-): Promise<void> {
-  if (!isHostTextInput(element)) {
-    throw new ErrorWithStack(
-      `clear() only supports host "TextInput" elements. Passed element has type: "${element.type}".`,
-      clear
-    );
-  }
-
-  if (!isEditableTextInput(element) || !isPointerEventEnabled(element)) {
-    return;
-  }
-
-  // 1. Enter element
-  dispatchEvent(element, 'focus', EventBuilder.Common.focus());
-
-  // 2. Select all
-  const previousText = element.props.value ?? element.props.defaultValue ?? '';
-  const selectionRange = {
-    start: 0,
-    end: previousText.length,
-  };
-  dispatchEvent(
-    element,
-    'selectionChange',
-    EventBuilder.TextInput.selectionChange(selectionRange)
-  );
-
-  // 3. Press backspace
-  const finalText = '';
-  await emitTypingEvents(
-    this.config,
-    element,
-    'Backspace',
-    finalText,
-    previousText
-  );
-
-  // 4. Exit element
-  await wait(this.config);
-  dispatchEvent(
-    element,
-    'endEditing',
-    EventBuilder.TextInput.endEditing(finalText)
-  );
-
-  dispatchEvent(element, 'blur', EventBuilder.Common.blur());
-}