@testing-library/react-native 12.1.3 → 12.2.1

package/build/user-event/setup/setup.js.map

@@ -1 +1 @@
-{"version":3,"file":"setup.js","names":["_timers","require","_press","_type","universalJestAdvanceTimersBy","ms","jestFakeTimersAreEnabled","jest","advanceTimersByTime","Promise","resolve","defaultOptions","delay","advanceTimers","setup","options","config","createConfig","instance","createInstance","api","press","bind","longPress","type","Object","assign"],"sources":["../../../src/user-event/setup/setup.ts"],"sourcesContent":["import { ReactTestInstance } from 'react-test-renderer';\nimport { jestFakeTimersAreEnabled } from '../../helpers/timers';\nimport { press, longPress } from '../press';\nimport { type } from '../type';\nimport { PressOptions } from '../press/press';\n\nexport interface UserEventSetupOptions {\n  /**\n   * Between some subsequent inputs like typing a series of characters\n   * the code execution is delayed per `setTimeout` for (at least) `delay` seconds.\n   * This moves the next changes at least to next macro task\n   * and allows other (asynchronous) code to run between events.\n   *\n   * `null` prevents `setTimeout` from being called.\n   *\n   * @default 0\n   */\n  delay?: number;\n\n  /**\n   * Function to be called to advance fake timers. Setting it is necessary for\n   * fake timers to work.\n   *\n   * @example jest.advanceTimersByTime\n   */\n  advanceTimers?: (delay: number) => Promise<void> | void;\n}\n\n/**\n * This functions allow wait to work correctly under both real and fake Jest timers.\n */\nfunction universalJestAdvanceTimersBy(ms: number) {\n  if (jestFakeTimersAreEnabled()) {\n    return jest.advanceTimersByTime(ms);\n  } else {\n    return Promise.resolve();\n  }\n}\n\nconst defaultOptions: Required<UserEventSetupOptions> = {\n  delay: 0,\n  advanceTimers: universalJestAdvanceTimersBy,\n};\n\n/**\n * Creates a new instance of user event instance with the given options.\n *\n * @param options\n * @returns\n */\nexport function setup(options?: UserEventSetupOptions) {\n  const config = createConfig(options);\n  const instance = createInstance(config);\n  return instance;\n}\n\nexport interface UserEventConfig {\n  delay: number;\n  advanceTimers: (delay: number) => Promise<void> | void;\n}\n\nfunction createConfig(options?: UserEventSetupOptions): UserEventConfig {\n  return {\n    ...defaultOptions,\n    ...options,\n  };\n}\n\nexport interface UserEventInstance {\n  config: UserEventConfig;\n  press: (element: ReactTestInstance) => Promise<void>;\n  longPress: (\n    element: ReactTestInstance,\n    options?: PressOptions\n  ) => Promise<void>;\n  type: (element: ReactTestInstance, text: string) => Promise<void>;\n}\n\nfunction createInstance(config: UserEventConfig): UserEventInstance {\n  const instance = {\n    config,\n  } as UserEventInstance;\n\n  // We need to bind these functions, as they access the config through 'this.config'.\n  const api = {\n    press: press.bind(instance),\n    longPress: longPress.bind(instance),\n    type: type.bind(instance),\n  };\n\n  Object.assign(instance, api);\n  return instance;\n}\n"],"mappings":";;;;;;AACA,IAAAA,OAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AAyBA;AACA;AACA;AACA,SAASG,4BAA4BA,CAACC,EAAU,EAAE;EAChD,IAAI,IAAAC,gCAAwB,EAAC,CAAC,EAAE;IAC9B,OAAOC,IAAI,CAACC,mBAAmB,CAACH,EAAE,CAAC;EACrC,CAAC,MAAM;IACL,OAAOI,OAAO,CAACC,OAAO,CAAC,CAAC;EAC1B;AACF;AAEA,MAAMC,cAA+C,GAAG;EACtDC,KAAK,EAAE,CAAC;EACRC,aAAa,EAAET;AACjB,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACO,SAASU,KAAKA,CAACC,OAA+B,EAAE;EACrD,MAAMC,MAAM,GAAGC,YAAY,CAACF,OAAO,CAAC;EACpC,MAAMG,QAAQ,GAAGC,cAAc,CAACH,MAAM,CAAC;EACvC,OAAOE,QAAQ;AACjB;AAOA,SAASD,YAAYA,CAACF,OAA+B,EAAmB;EACtE,OAAO;IACL,GAAGJ,cAAc;IACjB,GAAGI;EACL,CAAC;AACH;AAYA,SAASI,cAAcA,CAACH,MAAuB,EAAqB;EAClE,MAAME,QAAQ,GAAG;IACfF;EACF,CAAsB;;EAEtB;EACA,MAAMI,GAAG,GAAG;IACVC,KAAK,EAAEA,YAAK,CAACC,IAAI,CAACJ,QAAQ,CAAC;IAC3BK,SAAS,EAAEA,gBAAS,CAACD,IAAI,CAACJ,QAAQ,CAAC;IACnCM,IAAI,EAAEA,UAAI,CAACF,IAAI,CAACJ,QAAQ;EAC1B,CAAC;EAEDO,MAAM,CAACC,MAAM,CAACR,QAAQ,EAAEE,GAAG,CAAC;EAC5B,OAAOF,QAAQ;AACjB"}
+{"version":3,"file":"setup.js","names":["_timers","require","_press","_type","_clear","universalJestAdvanceTimersBy","ms","jestFakeTimersAreEnabled","jest","advanceTimersByTime","Promise","resolve","defaultOptions","delay","advanceTimers","setup","options","config","createConfig","instance","createInstance","api","press","bind","longPress","type","clear","Object","assign"],"sources":["../../../src/user-event/setup/setup.ts"],"sourcesContent":["import { ReactTestInstance } from 'react-test-renderer';\nimport { jestFakeTimersAreEnabled } from '../../helpers/timers';\nimport { PressOptions, press, longPress } from '../press';\nimport { TypeOptions, type } from '../type';\nimport { clear } from '../clear';\n\nexport interface UserEventSetupOptions {\n  /**\n   * Between some subsequent inputs like typing a series of characters\n   * the code execution is delayed per `setTimeout` for (at least) `delay` seconds.\n   * This moves the next changes at least to next macro task\n   * and allows other (asynchronous) code to run between events.\n   *\n   * `null` prevents `setTimeout` from being called.\n   *\n   * @default 0\n   */\n  delay?: number;\n\n  /**\n   * Function to be called to advance fake timers. Setting it is necessary for\n   * fake timers to work.\n   *\n   * @example jest.advanceTimersByTime\n   */\n  advanceTimers?: (delay: number) => Promise<void> | void;\n}\n\n/**\n * This functions allow wait to work correctly under both real and fake Jest timers.\n */\nfunction universalJestAdvanceTimersBy(ms: number) {\n  if (jestFakeTimersAreEnabled()) {\n    return jest.advanceTimersByTime(ms);\n  } else {\n    return Promise.resolve();\n  }\n}\n\nconst defaultOptions: Required<UserEventSetupOptions> = {\n  delay: 0,\n  advanceTimers: universalJestAdvanceTimersBy,\n};\n\n/**\n * Creates a new instance of user event instance with the given options.\n *\n * @param options\n * @returns UserEvent instance\n */\nexport function setup(options?: UserEventSetupOptions) {\n  const config = createConfig(options);\n  const instance = createInstance(config);\n  return instance;\n}\n\n/**\n * Options affecting all user event interactions.\n *\n * @param delay between some subsequent inputs like typing a series of characters\n * @param advanceTimers function to be called to advance fake timers\n */\nexport interface UserEventConfig {\n  delay: number;\n  advanceTimers: (delay: number) => Promise<void> | void;\n}\n\nfunction createConfig(options?: UserEventSetupOptions): UserEventConfig {\n  return {\n    ...defaultOptions,\n    ...options,\n  };\n}\n\n/**\n * UserEvent instance used to invoke user interaction functions.\n */\nexport interface UserEventInstance {\n  config: UserEventConfig;\n\n  press: (element: ReactTestInstance) => Promise<void>;\n  longPress: (\n    element: ReactTestInstance,\n    options?: PressOptions\n  ) => Promise<void>;\n\n  /**\n   * Simulate user pressing on a given `TextInput` element and typing given text.\n   *\n   * This method will trigger the events for each character of the text:\n   * `keyPress`, `change`, `changeText`, `endEditing`, etc.\n   *\n   * It will also trigger events connected with entering and leaving the text\n   * input.\n   *\n   * The exact events sent depend on the props of the TextInput (`editable`,\n   * `multiline`, value, defaultValue, etc) and passed options.\n   *\n   * @param element TextInput element to type on\n   * @param text Text to type\n   * @param options Options affecting typing behavior:\n   *  - `skipPress` - if true, `pressIn` and `pressOut` events will not be\n   *   triggered.\n   * - `submitEditing` - if true, `submitEditing` event will be triggered after\n   * typing the text.\n   */\n  type: (\n    element: ReactTestInstance,\n    text: string,\n    options?: TypeOptions\n  ) => Promise<void>;\n\n  /**\n   * Simulate user clearing the text of a given `TextInput` element.\n   *\n   * This method will simulate:\n   * 1. entering TextInput\n   * 2. selecting all text\n   * 3. pressing backspace to delete all text\n   * 4. leaving TextInput\n   *\n   * @param element TextInput element to clear\n   */\n  clear: (element: ReactTestInstance) => Promise<void>;\n}\n\nfunction createInstance(config: UserEventConfig): UserEventInstance {\n  const instance = {\n    config,\n  } as UserEventInstance;\n\n  // We need to bind these functions, as they access the config through 'this.config'.\n  const api = {\n    press: press.bind(instance),\n    longPress: longPress.bind(instance),\n    type: type.bind(instance),\n    clear: clear.bind(instance),\n  };\n\n  Object.assign(instance, api);\n  return instance;\n}\n"],"mappings":";;;;;;AACA,IAAAA,OAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAH,OAAA;AAwBA;AACA;AACA;AACA,SAASI,4BAA4BA,CAACC,EAAU,EAAE;EAChD,IAAI,IAAAC,gCAAwB,EAAC,CAAC,EAAE;IAC9B,OAAOC,IAAI,CAACC,mBAAmB,CAACH,EAAE,CAAC;EACrC,CAAC,MAAM;IACL,OAAOI,OAAO,CAACC,OAAO,CAAC,CAAC;EAC1B;AACF;AAEA,MAAMC,cAA+C,GAAG;EACtDC,KAAK,EAAE,CAAC;EACRC,aAAa,EAAET;AACjB,CAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACO,SAASU,KAAKA,CAACC,OAA+B,EAAE;EACrD,MAAMC,MAAM,GAAGC,YAAY,CAACF,OAAO,CAAC;EACpC,MAAMG,QAAQ,GAAGC,cAAc,CAACH,MAAM,CAAC;EACvC,OAAOE,QAAQ;AACjB;;AAEA;AACA;AACA;AACA;AACA;AACA;;AAMA,SAASD,YAAYA,CAACF,OAA+B,EAAmB;EACtE,OAAO;IACL,GAAGJ,cAAc;IACjB,GAAGI;EACL,CAAC;AACH;;AAEA;AACA;AACA;;AAkDA,SAASI,cAAcA,CAACH,MAAuB,EAAqB;EAClE,MAAME,QAAQ,GAAG;IACfF;EACF,CAAsB;;EAEtB;EACA,MAAMI,GAAG,GAAG;IACVC,KAAK,EAAEA,YAAK,CAACC,IAAI,CAACJ,QAAQ,CAAC;IAC3BK,SAAS,EAAEA,gBAAS,CAACD,IAAI,CAACJ,QAAQ,CAAC;IACnCM,IAAI,EAAEA,UAAI,CAACF,IAAI,CAACJ,QAAQ,CAAC;IACzBO,KAAK,EAAEA,YAAK,CAACH,IAAI,CAACJ,QAAQ;EAC5B,CAAC;EAEDQ,MAAM,CAACC,MAAM,CAACT,QAAQ,EAAEE,GAAG,CAAC;EAC5B,OAAOF,QAAQ;AACjB"}

package/build/user-event/type/index.d.ts

@@ -1 +1 @@
-export { type } from './type';
+export { type, TypeOptions } from './type';

package/build/user-event/type/index.js

@@ -3,6 +3,12 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+Object.defineProperty(exports, "TypeOptions", {
+  enumerable: true,
+  get: function () {
+    return _type.TypeOptions;
+  }
+});
 Object.defineProperty(exports, "type", {
   enumerable: true,
   get: function () {

package/build/user-event/type/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_type","require"],"sources":["../../../src/user-event/type/index.ts"],"sourcesContent":["export { type } from './type';\n"],"mappings":";;;;;;;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA"}
+{"version":3,"file":"index.js","names":["_type","require"],"sources":["../../../src/user-event/type/index.ts"],"sourcesContent":["export { type, TypeOptions } from './type';\n"],"mappings":";;;;;;;;;;;;;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA"}

package/build/user-event/type/parseKeys.d.ts

@@ -0,0 +1 @@
+export declare function parseKeys(text: string): string[];

package/build/user-event/type/parseKeys.js

@@ -0,0 +1,40 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.parseKeys = parseKeys;
+const knownKeys = new Set(['Enter', 'Backspace']);
+function parseKeys(text) {
+  const result = [];
+  let remainingText = text;
+  while (remainingText) {
+    const [token, rest] = getNextToken(remainingText);
+    if (token.length > 1 && !knownKeys.has(token)) {
+      throw new Error(`Unknown key "${token}" in "${text}"`);
+    }
+    result.push(token);
+    remainingText = rest;
+  }
+  return result;
+}
+function getNextToken(text) {
+  // Detect `{{` => escaped `{`
+  if (text[0] === '{' && text[1] === '{') {
+    return ['{', text.slice(2)];
+  }
+
+  // Detect `{key}` => special key
+  if (text[0] === '{') {
+    const endIndex = text.indexOf('}');
+    if (endIndex === -1) {
+      throw new Error(`Invalid key sequence "${text}"`);
+    }
+    return [text.slice(1, endIndex), text.slice(endIndex + 1)];
+  }
+  if (text[0] === '\n') {
+    return ['Enter', text.slice(1)];
+  }
+  return [text[0], text.slice(1)];
+}
+//# sourceMappingURL=parseKeys.js.map

package/build/user-event/type/parseKeys.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"parseKeys.js","names":["knownKeys","Set","parseKeys","text","result","remainingText","token","rest","getNextToken","length","has","Error","push","slice","endIndex","indexOf"],"sources":["../../../src/user-event/type/parseKeys.ts"],"sourcesContent":["const knownKeys = new Set(['Enter', 'Backspace']);\n\nexport function parseKeys(text: string) {\n  const result = [];\n\n  let remainingText = text;\n  while (remainingText) {\n    const [token, rest] = getNextToken(remainingText);\n    if (token.length > 1 && !knownKeys.has(token)) {\n      throw new Error(`Unknown key \"${token}\" in \"${text}\"`);\n    }\n\n    result.push(token);\n    remainingText = rest;\n  }\n\n  return result;\n}\n\nfunction getNextToken(text: string): [string, string] {\n  // Detect `{{` => escaped `{`\n  if (text[0] === '{' && text[1] === '{') {\n    return ['{', text.slice(2)];\n  }\n\n  // Detect `{key}` => special key\n  if (text[0] === '{') {\n    const endIndex = text.indexOf('}');\n    if (endIndex === -1) {\n      throw new Error(`Invalid key sequence \"${text}\"`);\n    }\n\n    return [text.slice(1, endIndex), text.slice(endIndex + 1)];\n  }\n\n  if (text[0] === '\\n') {\n    return ['Enter', text.slice(1)];\n  }\n\n  return [text[0], text.slice(1)];\n}\n"],"mappings":";;;;;;AAAA,MAAMA,SAAS,GAAG,IAAIC,GAAG,CAAC,CAAC,OAAO,EAAE,WAAW,CAAC,CAAC;AAE1C,SAASC,SAASA,CAACC,IAAY,EAAE;EACtC,MAAMC,MAAM,GAAG,EAAE;EAEjB,IAAIC,aAAa,GAAGF,IAAI;EACxB,OAAOE,aAAa,EAAE;IACpB,MAAM,CAACC,KAAK,EAAEC,IAAI,CAAC,GAAGC,YAAY,CAACH,aAAa,CAAC;IACjD,IAAIC,KAAK,CAACG,MAAM,GAAG,CAAC,IAAI,CAACT,SAAS,CAACU,GAAG,CAACJ,KAAK,CAAC,EAAE;MAC7C,MAAM,IAAIK,KAAK,CAAE,gBAAeL,KAAM,SAAQH,IAAK,GAAE,CAAC;IACxD;IAEAC,MAAM,CAACQ,IAAI,CAACN,KAAK,CAAC;IAClBD,aAAa,GAAGE,IAAI;EACtB;EAEA,OAAOH,MAAM;AACf;AAEA,SAASI,YAAYA,CAACL,IAAY,EAAoB;EACpD;EACA,IAAIA,IAAI,CAAC,CAAC,CAAC,KAAK,GAAG,IAAIA,IAAI,CAAC,CAAC,CAAC,KAAK,GAAG,EAAE;IACtC,OAAO,CAAC,GAAG,EAAEA,IAAI,CAACU,KAAK,CAAC,CAAC,CAAC,CAAC;EAC7B;;EAEA;EACA,IAAIV,IAAI,CAAC,CAAC,CAAC,KAAK,GAAG,EAAE;IACnB,MAAMW,QAAQ,GAAGX,IAAI,CAACY,OAAO,CAAC,GAAG,CAAC;IAClC,IAAID,QAAQ,KAAK,CAAC,CAAC,EAAE;MACnB,MAAM,IAAIH,KAAK,CAAE,yBAAwBR,IAAK,GAAE,CAAC;IACnD;IAEA,OAAO,CAACA,IAAI,CAACU,KAAK,CAAC,CAAC,EAAEC,QAAQ,CAAC,EAAEX,IAAI,CAACU,KAAK,CAACC,QAAQ,GAAG,CAAC,CAAC,CAAC;EAC5D;EAEA,IAAIX,IAAI,CAAC,CAAC,CAAC,KAAK,IAAI,EAAE;IACpB,OAAO,CAAC,OAAO,EAAEA,IAAI,CAACU,KAAK,CAAC,CAAC,CAAC,CAAC;EACjC;EAEA,OAAO,CAACV,IAAI,CAAC,CAAC,CAAC,EAAEA,IAAI,CAACU,KAAK,CAAC,CAAC,CAAC,CAAC;AACjC"}

package/build/user-event/type/type.d.ts

@@ -1,3 +1,8 @@
 import { ReactTestInstance } from 'react-test-renderer';
-import { UserEventInstance } from '../setup';
-export declare function type(this: UserEventInstance, element: ReactTestInstance, text: string): Promise<void>;
+import { UserEventConfig, UserEventInstance } from '../setup';
+export interface TypeOptions {
+    skipPress?: boolean;
+    submitEditing?: boolean;
+}
+export declare function type(this: UserEventInstance, element: ReactTestInstance, text: string, options?: TypeOptions): Promise<void>;
+export declare function emitTypingEvents(config: UserEventConfig, element: ReactTestInstance, key: string, currentText: string, previousText: string): Promise<void>;

package/build/user-event/type/type.js

@@ -3,16 +3,78 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
+exports.emitTypingEvents = emitTypingEvents;
 exports.type = type;
-var _utils = require("../utils");
+var _hostComponentNames = require("../../helpers/host-component-names");
 var _eventBuilder = require("../event-builder");
-async function type(element, text) {
-  // TODO provide real implementation
-  await (0, _utils.wait)(this.config);
-  (0, _utils.dispatchHostEvent)(element, 'focus', _eventBuilder.EventBuilder.Common.focus());
-  await (0, _utils.wait)(this.config);
-  (0, _utils.dispatchHostEvent)(element, 'changeText', text);
+var _errors = require("../../helpers/errors");
+var _pointerEvents = require("../../helpers/pointer-events");
+var _utils = require("../utils");
+var _parseKeys = require("./parseKeys");
+async function type(element, text, options) {
+  if (!(0, _hostComponentNames.isHostTextInput)(element)) {
+    throw new _errors.ErrorWithStack(`type() works only with host "TextInput" elements. Passed element has type "${element.type}".`, type);
+  }
+
+  // Skip events if the element is disabled
+  if (element.props.editable === false || !(0, _pointerEvents.isPointerEventEnabled)(element)) {
+    return;
+  }
+  const keys = (0, _parseKeys.parseKeys)(text);
+  if (!options?.skipPress) {
+    (0, _utils.dispatchEvent)(element, 'pressIn', _eventBuilder.EventBuilder.Common.touch());
+  }
+  (0, _utils.dispatchEvent)(element, 'focus', _eventBuilder.EventBuilder.Common.focus());
+  if (!options?.skipPress) {
+    await (0, _utils.wait)(this.config);
+    (0, _utils.dispatchEvent)(element, 'pressOut', _eventBuilder.EventBuilder.Common.touch());
+  }
+  let currentText = element.props.value ?? element.props.defaultValue ?? '';
+  for (const key of keys) {
+    const previousText = element.props.value ?? currentText;
+    currentText = applyKey(previousText, key);
+    await emitTypingEvents(this.config, element, key, currentText, previousText);
+  }
+  const finalText = element.props.value ?? currentText;
   await (0, _utils.wait)(this.config);
-  (0, _utils.dispatchHostEvent)(element, 'blur', _eventBuilder.EventBuilder.Common.blur());
+  if (options?.submitEditing) {
+    (0, _utils.dispatchEvent)(element, 'submitEditing', _eventBuilder.EventBuilder.TextInput.submitEditing(finalText));
+  }
+  (0, _utils.dispatchEvent)(element, 'endEditing', _eventBuilder.EventBuilder.TextInput.endEditing(finalText));
+  (0, _utils.dispatchEvent)(element, 'blur', _eventBuilder.EventBuilder.Common.blur());
+}
+async function emitTypingEvents(config, element, key, currentText, previousText) {
+  const isMultiline = element.props.multiline === true;
+  await (0, _utils.wait)(config);
+  (0, _utils.dispatchEvent)(element, 'keyPress', _eventBuilder.EventBuilder.TextInput.keyPress(key));
+
+  // According to the docs only multiline TextInput emits textInput event
+  // @see: https://github.com/facebook/react-native/blob/42a2898617da1d7a98ef574a5b9e500681c8f738/packages/react-native/Libraries/Components/TextInput/TextInput.d.ts#L754
+  if (isMultiline) {
+    (0, _utils.dispatchEvent)(element, 'textInput', _eventBuilder.EventBuilder.TextInput.textInput(currentText, previousText));
+  }
+  (0, _utils.dispatchEvent)(element, 'change', _eventBuilder.EventBuilder.TextInput.change(currentText));
+  (0, _utils.dispatchEvent)(element, 'changeText', currentText);
+  const selectionRange = {
+    start: currentText.length,
+    end: currentText.length
+  };
+  (0, _utils.dispatchEvent)(element, 'selectionChange', _eventBuilder.EventBuilder.TextInput.selectionChange(selectionRange));
+
+  // According to the docs only multiline TextInput emits contentSizeChange event
+  // @see: https://reactnative.dev/docs/textinput#oncontentsizechange
+  if (isMultiline) {
+    const contentSize = (0, _utils.getTextContentSize)(currentText);
+    (0, _utils.dispatchEvent)(element, 'contentSizeChange', _eventBuilder.EventBuilder.TextInput.contentSizeChange(contentSize));
+  }
+}
+function applyKey(text, key) {
+  if (key === 'Enter') {
+    return `${text}\n`;
+  }
+  if (key === 'Backspace') {
+    return text.slice(0, -1);
+  }
+  return text + key;
 }
 //# sourceMappingURL=type.js.map

package/build/user-event/type/type.js.map

@@ -1 +1 @@
-{"version":3,"file":"type.js","names":["_utils","require","_eventBuilder","type","element","text","wait","config","dispatchHostEvent","EventBuilder","Common","focus","blur"],"sources":["../../../src/user-event/type/type.ts"],"sourcesContent":["import { ReactTestInstance } from 'react-test-renderer';\nimport { UserEventInstance } from '../setup';\nimport { dispatchHostEvent, wait } from '../utils';\nimport { EventBuilder } from '../event-builder';\n\nexport async function type(\n  this: UserEventInstance,\n  element: ReactTestInstance,\n  text: string\n) {\n  // TODO provide real implementation\n  await wait(this.config);\n  dispatchHostEvent(element, 'focus', EventBuilder.Common.focus());\n\n  await wait(this.config);\n  dispatchHostEvent(element, 'changeText', text);\n\n  await wait(this.config);\n  dispatchHostEvent(element, 'blur', EventBuilder.Common.blur());\n}\n"],"mappings":";;;;;;AAEA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,aAAA,GAAAD,OAAA;AAEO,eAAeE,IAAIA,CAExBC,OAA0B,EAC1BC,IAAY,EACZ;EACA;EACA,MAAM,IAAAC,WAAI,EAAC,IAAI,CAACC,MAAM,CAAC;EACvB,IAAAC,wBAAiB,EAACJ,OAAO,EAAE,OAAO,EAAEK,0BAAY,CAACC,MAAM,CAACC,KAAK,CAAC,CAAC,CAAC;EAEhE,MAAM,IAAAL,WAAI,EAAC,IAAI,CAACC,MAAM,CAAC;EACvB,IAAAC,wBAAiB,EAACJ,OAAO,EAAE,YAAY,EAAEC,IAAI,CAAC;EAE9C,MAAM,IAAAC,WAAI,EAAC,IAAI,CAACC,MAAM,CAAC;EACvB,IAAAC,wBAAiB,EAACJ,OAAO,EAAE,MAAM,EAAEK,0BAAY,CAACC,MAAM,CAACE,IAAI,CAAC,CAAC,CAAC;AAChE"}
+{"version":3,"file":"type.js","names":["_hostComponentNames","require","_eventBuilder","_errors","_pointerEvents","_utils","_parseKeys","type","element","text","options","isHostTextInput","ErrorWithStack","props","editable","isPointerEventEnabled","keys","parseKeys","skipPress","dispatchEvent","EventBuilder","Common","touch","focus","wait","config","currentText","value","defaultValue","key","previousText","applyKey","emitTypingEvents","finalText","submitEditing","TextInput","endEditing","blur","isMultiline","multiline","keyPress","textInput","change","selectionRange","start","length","end","selectionChange","contentSize","getTextContentSize","contentSizeChange","slice"],"sources":["../../../src/user-event/type/type.ts"],"sourcesContent":["import { ReactTestInstance } from 'react-test-renderer';\nimport { isHostTextInput } from '../../helpers/host-component-names';\nimport { EventBuilder } from '../event-builder';\nimport { ErrorWithStack } from '../../helpers/errors';\nimport { isPointerEventEnabled } from '../../helpers/pointer-events';\nimport { UserEventConfig, UserEventInstance } from '../setup';\nimport { dispatchEvent, wait, getTextContentSize } from '../utils';\n\nimport { parseKeys } from './parseKeys';\n\nexport interface TypeOptions {\n  skipPress?: boolean;\n  submitEditing?: boolean;\n}\n\nexport async function type(\n  this: UserEventInstance,\n  element: ReactTestInstance,\n  text: string,\n  options?: TypeOptions\n): Promise<void> {\n  if (!isHostTextInput(element)) {\n    throw new ErrorWithStack(\n      `type() works only with host \"TextInput\" elements. Passed element has type \"${element.type}\".`,\n      type\n    );\n  }\n\n  // Skip events if the element is disabled\n  if (element.props.editable === false || !isPointerEventEnabled(element)) {\n    return;\n  }\n\n  const keys = parseKeys(text);\n\n  if (!options?.skipPress) {\n    dispatchEvent(element, 'pressIn', EventBuilder.Common.touch());\n  }\n\n  dispatchEvent(element, 'focus', EventBuilder.Common.focus());\n\n  if (!options?.skipPress) {\n    await wait(this.config);\n    dispatchEvent(element, 'pressOut', EventBuilder.Common.touch());\n  }\n\n  let currentText = element.props.value ?? element.props.defaultValue ?? '';\n  for (const key of keys) {\n    const previousText = element.props.value ?? currentText;\n    currentText = applyKey(previousText, key);\n\n    await emitTypingEvents(\n      this.config,\n      element,\n      key,\n      currentText,\n      previousText\n    );\n  }\n\n  const finalText = element.props.value ?? currentText;\n  await wait(this.config);\n\n  if (options?.submitEditing) {\n    dispatchEvent(\n      element,\n      'submitEditing',\n      EventBuilder.TextInput.submitEditing(finalText)\n    );\n  }\n\n  dispatchEvent(\n    element,\n    'endEditing',\n    EventBuilder.TextInput.endEditing(finalText)\n  );\n\n  dispatchEvent(element, 'blur', EventBuilder.Common.blur());\n}\n\nexport async function emitTypingEvents(\n  config: UserEventConfig,\n  element: ReactTestInstance,\n  key: string,\n  currentText: string,\n  previousText: string\n) {\n  const isMultiline = element.props.multiline === true;\n\n  await wait(config);\n  dispatchEvent(element, 'keyPress', EventBuilder.TextInput.keyPress(key));\n\n  // According to the docs only multiline TextInput emits textInput event\n  // @see: https://github.com/facebook/react-native/blob/42a2898617da1d7a98ef574a5b9e500681c8f738/packages/react-native/Libraries/Components/TextInput/TextInput.d.ts#L754\n  if (isMultiline) {\n    dispatchEvent(\n      element,\n      'textInput',\n      EventBuilder.TextInput.textInput(currentText, previousText)\n    );\n  }\n\n  dispatchEvent(element, 'change', EventBuilder.TextInput.change(currentText));\n  dispatchEvent(element, 'changeText', currentText);\n\n  const selectionRange = {\n    start: currentText.length,\n    end: currentText.length,\n  };\n  dispatchEvent(\n    element,\n    'selectionChange',\n    EventBuilder.TextInput.selectionChange(selectionRange)\n  );\n\n  // According to the docs only multiline TextInput emits contentSizeChange event\n  // @see: https://reactnative.dev/docs/textinput#oncontentsizechange\n  if (isMultiline) {\n    const contentSize = getTextContentSize(currentText);\n    dispatchEvent(\n      element,\n      'contentSizeChange',\n      EventBuilder.TextInput.contentSizeChange(contentSize)\n    );\n  }\n}\n\nfunction applyKey(text: string, key: string) {\n  if (key === 'Enter') {\n    return `${text}\\n`;\n  }\n\n  if (key === 'Backspace') {\n    return text.slice(0, -1);\n  }\n\n  return text + key;\n}\n"],"mappings":"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"}

package/build/user-event/utils/content-size.d.ts

@@ -0,0 +1,15 @@
+export interface ContentSize {
+    width: number;
+    height: number;
+}
+/**
+ * Simple function for getting mock the size of given text.
+ *
+ * It works by calculating height based on number of lines and width based on
+ * the longest line length. It does not take into account font size, font
+ * family, as well as different letter sizes.
+ *
+ * @param text text to be measure
+ * @returns width and height of the text
+ */
+export declare function getTextContentSize(text: string): ContentSize;

package/build/user-event/utils/content-size.js

@@ -0,0 +1,26 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getTextContentSize = getTextContentSize;
+/**
+ * Simple function for getting mock the size of given text.
+ *
+ * It works by calculating height based on number of lines and width based on
+ * the longest line length. It does not take into account font size, font
+ * family, as well as different letter sizes.
+ *
+ * @param text text to be measure
+ * @returns width and height of the text
+ */
+
+function getTextContentSize(text) {
+  const lines = text.split('\n');
+  const maxLineLength = Math.max(...lines.map(line => line.length));
+  return {
+    width: maxLineLength * 5,
+    height: lines.length * 16
+  };
+}
+//# sourceMappingURL=content-size.js.map

package/build/user-event/utils/content-size.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"content-size.js","names":["getTextContentSize","text","lines","split","maxLineLength","Math","max","map","line","length","width","height"],"sources":["../../../src/user-event/utils/content-size.ts"],"sourcesContent":["export interface ContentSize {\n  width: number;\n  height: number;\n}\n\n/**\n * Simple function for getting mock the size of given text.\n *\n * It works by calculating height based on number of lines and width based on\n * the longest line length. It does not take into account font size, font\n * family, as well as different letter sizes.\n *\n * @param text text to be measure\n * @returns width and height of the text\n */\n\nexport function getTextContentSize(text: string): ContentSize {\n  const lines = text.split('\\n');\n  const maxLineLength = Math.max(...lines.map((line) => line.length));\n\n  return {\n    width: maxLineLength * 5,\n    height: lines.length * 16,\n  };\n}\n"],"mappings":";;;;;;AAKA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAEO,SAASA,kBAAkBA,CAACC,IAAY,EAAe;EAC5D,MAAMC,KAAK,GAAGD,IAAI,CAACE,KAAK,CAAC,IAAI,CAAC;EAC9B,MAAMC,aAAa,GAAGC,IAAI,CAACC,GAAG,CAAC,GAAGJ,KAAK,CAACK,GAAG,CAAEC,IAAI,IAAKA,IAAI,CAACC,MAAM,CAAC,CAAC;EAEnE,OAAO;IACLC,KAAK,EAAEN,aAAa,GAAG,CAAC;IACxBO,MAAM,EAAET,KAAK,CAACO,MAAM,GAAG;EACzB,CAAC;AACH"}

package/build/user-event/utils/{events.d.ts → dispatch-event.d.ts}

@@ -1,9 +1,9 @@
 import { ReactTestInstance } from 'react-test-renderer';
 /**
- * Dispatch event function used by User Event module.
+ * Basic dispatch event function used by User Event module.
  *
  * @param element element trigger event on
  * @param eventName name of the event
  * @param event event payload
  */
-export declare function dispatchHostEvent(element: ReactTestInstance, eventName: string, event: unknown): void;
+export declare function dispatchEvent(element: ReactTestInstance, eventName: string, event: unknown): void;

package/build/user-event/utils/dispatch-event.js

@@ -0,0 +1,36 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.dispatchEvent = dispatchEvent;
+var _act = _interopRequireDefault(require("../../act"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+/**
+ * Basic dispatch event function used by User Event module.
+ *
+ * @param element element trigger event on
+ * @param eventName name of the event
+ * @param event event payload
+ */
+function dispatchEvent(element, eventName, event) {
+  const handler = getEventHandler(element, eventName);
+  if (!handler) {
+    return;
+  }
+  (0, _act.default)(() => {
+    handler(event);
+  });
+}
+function getEventHandler(element, eventName) {
+  const handleName = getEventHandlerName(eventName);
+  const handle = element.props[handleName];
+  if (typeof handle !== 'function') {
+    return undefined;
+  }
+  return handle;
+}
+function getEventHandlerName(eventName) {
+  return `on${eventName.charAt(0).toUpperCase()}${eventName.slice(1)}`;
+}
+//# sourceMappingURL=dispatch-event.js.map

package/build/user-event/utils/dispatch-event.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dispatch-event.js","names":["_act","_interopRequireDefault","require","obj","__esModule","default","dispatchEvent","element","eventName","event","handler","getEventHandler","act","handleName","getEventHandlerName","handle","props","undefined","charAt","toUpperCase","slice"],"sources":["../../../src/user-event/utils/dispatch-event.ts"],"sourcesContent":["import { ReactTestInstance } from 'react-test-renderer';\nimport act from '../../act';\n\n/**\n * Basic dispatch event function used by User Event module.\n *\n * @param element element trigger event on\n * @param eventName name of the event\n * @param event event payload\n */\nexport function dispatchEvent(\n  element: ReactTestInstance,\n  eventName: string,\n  event: unknown\n) {\n  const handler = getEventHandler(element, eventName);\n  if (!handler) {\n    return;\n  }\n\n  act(() => {\n    handler(event);\n  });\n}\n\nfunction getEventHandler(element: ReactTestInstance, eventName: string) {\n  const handleName = getEventHandlerName(eventName);\n  const handle = element.props[handleName] as unknown;\n  if (typeof handle !== 'function') {\n    return undefined;\n  }\n\n  return handle;\n}\n\nfunction getEventHandlerName(eventName: string) {\n  return `on${eventName.charAt(0).toUpperCase()}${eventName.slice(1)}`;\n}\n"],"mappings":";;;;;;AACA,IAAAA,IAAA,GAAAC,sBAAA,CAAAC,OAAA;AAA4B,SAAAD,uBAAAE,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAE5B;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASG,aAAaA,CAC3BC,OAA0B,EAC1BC,SAAiB,EACjBC,KAAc,EACd;EACA,MAAMC,OAAO,GAAGC,eAAe,CAACJ,OAAO,EAAEC,SAAS,CAAC;EACnD,IAAI,CAACE,OAAO,EAAE;IACZ;EACF;EAEA,IAAAE,YAAG,EAAC,MAAM;IACRF,OAAO,CAACD,KAAK,CAAC;EAChB,CAAC,CAAC;AACJ;AAEA,SAASE,eAAeA,CAACJ,OAA0B,EAAEC,SAAiB,EAAE;EACtE,MAAMK,UAAU,GAAGC,mBAAmB,CAACN,SAAS,CAAC;EACjD,MAAMO,MAAM,GAAGR,OAAO,CAACS,KAAK,CAACH,UAAU,CAAY;EACnD,IAAI,OAAOE,MAAM,KAAK,UAAU,EAAE;IAChC,OAAOE,SAAS;EAClB;EAEA,OAAOF,MAAM;AACf;AAEA,SAASD,mBAAmBA,CAACN,SAAiB,EAAE;EAC9C,OAAQ,KAAIA,SAAS,CAACU,MAAM,CAAC,CAAC,CAAC,CAACC,WAAW,CAAC,CAAE,GAAEX,SAAS,CAACY,KAAK,CAAC,CAAC,CAAE,EAAC;AACtE"}

package/build/user-event/utils/host-components.d.ts

@@ -0,0 +1,2 @@
+import { ReactTestInstance } from 'react-test-renderer';
+export declare function isEditableTextInput(element: ReactTestInstance): boolean;

package/build/user-event/utils/host-components.js

@@ -0,0 +1,11 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.isEditableTextInput = isEditableTextInput;
+var _hostComponentNames = require("../../helpers/host-component-names");
+function isEditableTextInput(element) {
+  return (0, _hostComponentNames.isHostTextInput)(element) && element.props.editable !== false;
+}
+//# sourceMappingURL=host-components.js.map

package/build/user-event/utils/host-components.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"host-components.js","names":["_hostComponentNames","require","isEditableTextInput","element","isHostTextInput","props","editable"],"sources":["../../../src/user-event/utils/host-components.ts"],"sourcesContent":["import { ReactTestInstance } from 'react-test-renderer';\nimport { isHostTextInput } from '../../helpers/host-component-names';\n\nexport function isEditableTextInput(element: ReactTestInstance) {\n  return isHostTextInput(element) && element.props.editable !== false;\n}\n"],"mappings":";;;;;;AACA,IAAAA,mBAAA,GAAAC,OAAA;AAEO,SAASC,mBAAmBA,CAACC,OAA0B,EAAE;EAC9D,OAAO,IAAAC,mCAAe,EAACD,OAAO,CAAC,IAAIA,OAAO,CAACE,KAAK,CAACC,QAAQ,KAAK,KAAK;AACrE"}

package/build/user-event/utils/index.d.ts

@@ -1,2 +1,6 @@
-export * from './events';
+export * from './content-size';
+export * from './dispatch-event';
+export * from './host-components';
+export * from './text-range';
 export * from './wait';
+export * from './warn-about-real-timers';

package/build/user-event/utils/index.js

@@ -3,14 +3,47 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-var _events = require("./events");
-Object.keys(_events).forEach(function (key) {
+var _contentSize = require("./content-size");
+Object.keys(_contentSize).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
-  if (key in exports && exports[key] === _events[key]) return;
+  if (key in exports && exports[key] === _contentSize[key]) return;
   Object.defineProperty(exports, key, {
     enumerable: true,
     get: function () {
-      return _events[key];
+      return _contentSize[key];
+    }
+  });
+});
+var _dispatchEvent = require("./dispatch-event");
+Object.keys(_dispatchEvent).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _dispatchEvent[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _dispatchEvent[key];
+    }
+  });
+});
+var _hostComponents = require("./host-components");
+Object.keys(_hostComponents).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _hostComponents[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _hostComponents[key];
+    }
+  });
+});
+var _textRange = require("./text-range");
+Object.keys(_textRange).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _textRange[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _textRange[key];
     }
   });
 });
@@ -25,4 +58,15 @@ Object.keys(_wait).forEach(function (key) {
     }
   });
 });
+var _warnAboutRealTimers = require("./warn-about-real-timers");
+Object.keys(_warnAboutRealTimers).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _warnAboutRealTimers[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _warnAboutRealTimers[key];
+    }
+  });
+});
 //# sourceMappingURL=index.js.map

package/build/user-event/utils/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_events","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_wait"],"sources":["../../../src/user-event/utils/index.ts"],"sourcesContent":["export * from './events';\nexport * from './wait';\n"],"mappings":";;;;;AAAA,IAAAA,OAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,OAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,OAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,OAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AACA,IAAAK,KAAA,GAAAT,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAO,KAAA,EAAAN,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAK,KAAA,CAAAL,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAC,KAAA,CAAAL,GAAA;IAAA;EAAA;AAAA"}
+{"version":3,"file":"index.js","names":["_contentSize","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_dispatchEvent","_hostComponents","_textRange","_wait","_warnAboutRealTimers"],"sources":["../../../src/user-event/utils/index.ts"],"sourcesContent":["export * from './content-size';\nexport * from './dispatch-event';\nexport * from './host-components';\nexport * from './text-range';\nexport * from './wait';\nexport * from './warn-about-real-timers';\n"],"mappings":";;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,YAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,YAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,YAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AACA,IAAAK,cAAA,GAAAT,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAO,cAAA,EAAAN,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAK,cAAA,CAAAL,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAC,cAAA,CAAAL,GAAA;IAAA;EAAA;AAAA;AACA,IAAAM,eAAA,GAAAV,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAQ,eAAA,EAAAP,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAM,eAAA,CAAAN,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAE,eAAA,CAAAN,GAAA;IAAA;EAAA;AAAA;AACA,IAAAO,UAAA,GAAAX,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAS,UAAA,EAAAR,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAO,UAAA,CAAAP,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAG,UAAA,CAAAP,GAAA;IAAA;EAAA;AAAA;AACA,IAAAQ,KAAA,GAAAZ,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAU,KAAA,EAAAT,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAQ,KAAA,CAAAR,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAI,KAAA,CAAAR,GAAA;IAAA;EAAA;AAAA;AACA,IAAAS,oBAAA,GAAAb,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAW,oBAAA,EAAAV,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAS,oBAAA,CAAAT,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAK,oBAAA,CAAAT,GAAA;IAAA;EAAA;AAAA"}

package/build/user-event/utils/text-range.d.ts

@@ -0,0 +1,4 @@
+export interface TextRange {
+    start: number;
+    end: number;
+}

package/build/user-event/utils/text-range.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=text-range.js.map

package/build/user-event/utils/text-range.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"text-range.js","names":[],"sources":["../../../src/user-event/utils/text-range.ts"],"sourcesContent":["export interface TextRange {\n  start: number;\n  end: number;\n}\n"],"mappings":""}

package/build/user-event/utils/warn-about-real-timers.d.ts

@@ -0,0 +1 @@
+export declare const warnAboutRealTimersIfNeeded: () => void;

package/build/user-event/utils/warn-about-real-timers.js

@@ -0,0 +1,20 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.warnAboutRealTimersIfNeeded = void 0;
+var _timers = require("../../helpers/timers");
+const warnAboutRealTimersIfNeeded = () => {
+  const areFakeTimersEnabled = (0, _timers.jestFakeTimersAreEnabled)();
+  if (areFakeTimersEnabled) {
+    return;
+  }
+
+  // eslint-disable-next-line no-console
+  console.warn(`It is recommended to use userEvent with fake timers
+Some events involve duration so your tests may take a long time to run.
+For instance calling userEvent.longPress with real timers will take 500 ms.`);
+};
+exports.warnAboutRealTimersIfNeeded = warnAboutRealTimersIfNeeded;
+//# sourceMappingURL=warn-about-real-timers.js.map

package/build/user-event/utils/warn-about-real-timers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"warn-about-real-timers.js","names":["_timers","require","warnAboutRealTimersIfNeeded","areFakeTimersEnabled","jestFakeTimersAreEnabled","console","warn","exports"],"sources":["../../../src/user-event/utils/warn-about-real-timers.ts"],"sourcesContent":["import { jestFakeTimersAreEnabled } from '../../helpers/timers';\n\nexport const warnAboutRealTimersIfNeeded = () => {\n  const areFakeTimersEnabled = jestFakeTimersAreEnabled();\n  if (areFakeTimersEnabled) {\n    return;\n  }\n\n  // eslint-disable-next-line no-console\n  console.warn(`It is recommended to use userEvent with fake timers\nSome events involve duration so your tests may take a long time to run.\nFor instance calling userEvent.longPress with real timers will take 500 ms.`);\n};\n"],"mappings":";;;;;;AAAA,IAAAA,OAAA,GAAAC,OAAA;AAEO,MAAMC,2BAA2B,GAAGA,CAAA,KAAM;EAC/C,MAAMC,oBAAoB,GAAG,IAAAC,gCAAwB,EAAC,CAAC;EACvD,IAAID,oBAAoB,EAAE;IACxB;EACF;;EAEA;EACAE,OAAO,CAACC,IAAI,CAAE;AAChB;AACA,4EAA4E,CAAC;AAC7E,CAAC;AAACC,OAAA,CAAAL,2BAAA,GAAAA,2BAAA"}

package/examples/basic/.expo/README.md

@@ -0,0 +1,15 @@
+> Why do I have a folder named ".expo" in my project?
+
+The ".expo" folder is created when an Expo project is started using "expo start" command.
+
+> What do the files contain?
+
+- "devices.json": contains information about devices that have recently opened this project. This is used to populate the "Development sessions" list in your development builds.
+- "packager-info.json": contains port numbers and process PIDs that are used to serve the application to the mobile device/simulator.
+- "settings.json": contains the server configuration that is used to serve the application manifest.
+
+> Should I commit the ".expo" folder?
+
+No, you should not share the ".expo" folder. It does not contain any information that is relevant for other developers working on the project, it is specific to your machine.
+
+Upon project creation, the ".expo" folder is already added to your ".gitignore" file.

package/examples/basic/.expo/packager-info.json

@@ -0,0 +1,4 @@
+{
+  "packagerPort": null,
+  "packagerPid": null
+}

package/examples/basic/.expo/settings.json

@@ -0,0 +1,10 @@
+{
+  "scheme": null,
+  "hostType": "lan",
+  "lanType": "ip",
+  "devClient": false,
+  "dev": true,
+  "minify": false,
+  "urlRandomness": null,
+  "https": false
+}

package/examples/basic/__tests__/App.test.tsx

@@ -1,7 +1,14 @@
 import * as React from 'react';
-import { render, screen, fireEvent } from '@testing-library/react-native';
+import {
+  render,
+  screen,
+  fireEvent,
+  userEvent,
+} from '@testing-library/react-native';
 import App from '../App';
 
+jest.useFakeTimers();
+
 /**
  * A good place to start is having a tests that your component renders correctly.
  */
@@ -22,6 +29,9 @@ test('renders correctly', () => {
  * his point of view.
  */
 test('User can sign in successully with correct credentials', async () => {
+  // Setup User Event instance for realistic simulation of user interaction.
+  const user = userEvent.setup();
+
   // Idiom: no need to capture render output, as we will use `screen` for queries.
   render(<App />);
 
@@ -32,11 +42,11 @@ test('User can sign in successully with correct credentials', async () => {
   ).toBeOnTheScreen();
 
   // Hint: we can use `getByLabelText` to find our text inputs using their labels.
-  fireEvent.changeText(screen.getByLabelText('Username'), 'admin');
-  fireEvent.changeText(screen.getByLabelText('Password'), 'admin1');
+  await user.type(screen.getByLabelText('Username'), 'admin');
+  await user.type(screen.getByLabelText('Password'), 'admin1');
 
   // Hint: we can use `getByRole` to find our button with given text.
-  fireEvent.press(screen.getByRole('button', { name: 'Sign In' }));
+  await user.press(screen.getByRole('button', { name: 'Sign In' }));
 
   // Idiom: since pressing button triggers async operation we need to use `findBy*` query to wait
   // for the action to complete.
@@ -67,15 +77,16 @@ test('User can sign in successully with correct credentials', async () => {
  * Note: that some times you will have to resort to `getByTestId`, but treat it as a last resort.
  */
 test('User will see errors for incorrect credentials', async () => {
+  const user = userEvent.setup();
   render(<App />);
 
   expect(
     screen.getByRole('header', { name: 'Sign in to Example App' })
   ).toBeOnTheScreen();
 
-  fireEvent.changeText(screen.getByLabelText('Username'), 'admin');
-  fireEvent.changeText(screen.getByLabelText('Password'), 'qwerty123');
-  fireEvent.press(screen.getByRole('button', { name: 'Sign In' }));
+  await user.type(screen.getByLabelText('Username'), 'admin');
+  await user.type(screen.getByLabelText('Password'), 'qwerty123');
+  await user.press(screen.getByRole('button', { name: 'Sign In' }));
 
   // Hint: you can use custom Jest Native matcher to check text content.
   expect(await screen.findByRole('alert')).toHaveTextContent(
@@ -93,22 +104,29 @@ test('User will see errors for incorrect credentials', async () => {
  * Do not be afraid to write longer test scenarios, with repeating act and assert statements.
  */
 test('User can sign in after incorrect attempt', async () => {
+  const user = userEvent.setup();
   render(<App />);
 
   expect(
     screen.getByRole('header', { name: 'Sign in to Example App' })
   ).toBeOnTheScreen();
 
-  fireEvent.changeText(screen.getByLabelText('Username'), 'admin');
-  fireEvent.changeText(screen.getByLabelText('Password'), 'qwerty123');
-  fireEvent.press(screen.getByRole('button', { name: 'Sign In' }));
+  const usernameInput = screen.getByLabelText('Username');
+  const passwordInput = screen.getByLabelText('Password');
+
+  await user.type(usernameInput, 'admin');
+  await user.type(passwordInput, 'qwerty123');
+  await user.press(screen.getByRole('button', { name: 'Sign In' }));
 
   expect(await screen.findByRole('alert')).toHaveTextContent(
     'Incorrect username or password'
   );
 
-  fireEvent.changeText(screen.getByLabelText('Password'), 'admin1');
-  fireEvent.press(screen.getByRole('button', { name: 'Sign In' }));
+  // Workaround for clearing TextInput, clear() function will be added soon.
+  fireEvent.changeText(passwordInput, '');
+
+  await user.type(passwordInput, 'admin1');
+  await user.press(screen.getByRole('button', { name: 'Sign In' }));
 
   expect(await screen.findByText('Welcome admin!')).toBeOnTheScreen();
   expect(