@testing-library/react-native 12.1.3 → 12.2.0

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

@@ -1,7 +1,163 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
-exports[`user.type() dispatches required events 1`] = `
+exports[`type() supports backspace: input: "{Backspace}a", defaultValue: "xxx" 1`] = `
 [
+  {
+    "name": "pressIn",
+    "payload": {
+      "currentTarget": {
+        "measure": [MockFunction],
+      },
+      "nativeEvent": {
+        "changedTouches": [],
+        "identifier": 0,
+        "locationX": 0,
+        "locationY": 0,
+        "pageX": 0,
+        "pageY": 0,
+        "target": 0,
+        "timestamp": 100100100100,
+        "touches": [],
+      },
+      "persist": [MockFunction],
+    },
+  },
+  {
+    "name": "focus",
+    "payload": {
+      "nativeEvent": {
+        "target": 0,
+      },
+    },
+  },
+  {
+    "name": "pressOut",
+    "payload": {
+      "currentTarget": {
+        "measure": [MockFunction],
+      },
+      "nativeEvent": {
+        "changedTouches": [],
+        "identifier": 0,
+        "locationX": 0,
+        "locationY": 0,
+        "pageX": 0,
+        "pageY": 0,
+        "target": 0,
+        "timestamp": 100100100100,
+        "touches": [],
+      },
+      "persist": [MockFunction],
+    },
+  },
+  {
+    "name": "keyPress",
+    "payload": {
+      "nativeEvent": {
+        "key": "Backspace",
+      },
+    },
+  },
+  {
+    "name": "change",
+    "payload": {
+      "nativeEvent": {
+        "eventCount": 0,
+        "target": 0,
+        "text": "xx",
+      },
+    },
+  },
+  {
+    "name": "changeText",
+    "payload": "xx",
+  },
+  {
+    "name": "selectionChange",
+    "payload": {
+      "nativeEvent": {
+        "selection": {
+          "end": 2,
+          "start": 2,
+        },
+      },
+    },
+  },
+  {
+    "name": "keyPress",
+    "payload": {
+      "nativeEvent": {
+        "key": "a",
+      },
+    },
+  },
+  {
+    "name": "change",
+    "payload": {
+      "nativeEvent": {
+        "eventCount": 0,
+        "target": 0,
+        "text": "xxa",
+      },
+    },
+  },
+  {
+    "name": "changeText",
+    "payload": "xxa",
+  },
+  {
+    "name": "selectionChange",
+    "payload": {
+      "nativeEvent": {
+        "selection": {
+          "end": 3,
+          "start": 3,
+        },
+      },
+    },
+  },
+  {
+    "name": "endEditing",
+    "payload": {
+      "nativeEvent": {
+        "target": 0,
+        "text": "xxa",
+      },
+    },
+  },
+  {
+    "name": "blur",
+    "payload": {
+      "nativeEvent": {
+        "target": 0,
+      },
+    },
+  },
+]
+`;
+
+exports[`type() supports basic case: input: "abc" 1`] = `
+[
+  {
+    "name": "pressIn",
+    "payload": {
+      "currentTarget": {
+        "measure": [MockFunction],
+      },
+      "nativeEvent": {
+        "changedTouches": [],
+        "identifier": 0,
+        "locationX": 0,
+        "locationY": 0,
+        "pageX": 0,
+        "pageY": 0,
+        "target": 0,
+        "timestamp": 100100100100,
+        "touches": [],
+      },
+      "persist": [MockFunction],
+    },
+  },
   {
     "name": "focus",
     "payload": {
@@ -10,9 +166,133 @@ exports[`user.type() dispatches required events 1`] = `
       },
     },
   },
+  {
+    "name": "pressOut",
+    "payload": {
+      "currentTarget": {
+        "measure": [MockFunction],
+      },
+      "nativeEvent": {
+        "changedTouches": [],
+        "identifier": 0,
+        "locationX": 0,
+        "locationY": 0,
+        "pageX": 0,
+        "pageY": 0,
+        "target": 0,
+        "timestamp": 100100100100,
+        "touches": [],
+      },
+      "persist": [MockFunction],
+    },
+  },
+  {
+    "name": "keyPress",
+    "payload": {
+      "nativeEvent": {
+        "key": "a",
+      },
+    },
+  },
+  {
+    "name": "change",
+    "payload": {
+      "nativeEvent": {
+        "eventCount": 0,
+        "target": 0,
+        "text": "a",
+      },
+    },
+  },
+  {
+    "name": "changeText",
+    "payload": "a",
+  },
+  {
+    "name": "selectionChange",
+    "payload": {
+      "nativeEvent": {
+        "selection": {
+          "end": 1,
+          "start": 1,
+        },
+      },
+    },
+  },
+  {
+    "name": "keyPress",
+    "payload": {
+      "nativeEvent": {
+        "key": "b",
+      },
+    },
+  },
+  {
+    "name": "change",
+    "payload": {
+      "nativeEvent": {
+        "eventCount": 0,
+        "target": 0,
+        "text": "ab",
+      },
+    },
+  },
+  {
+    "name": "changeText",
+    "payload": "ab",
+  },
+  {
+    "name": "selectionChange",
+    "payload": {
+      "nativeEvent": {
+        "selection": {
+          "end": 2,
+          "start": 2,
+        },
+      },
+    },
+  },
+  {
+    "name": "keyPress",
+    "payload": {
+      "nativeEvent": {
+        "key": "c",
+      },
+    },
+  },
+  {
+    "name": "change",
+    "payload": {
+      "nativeEvent": {
+        "eventCount": 0,
+        "target": 0,
+        "text": "abc",
+      },
+    },
+  },
   {
     "name": "changeText",
-    "payload": "Hello World!",
+    "payload": "abc",
+  },
+  {
+    "name": "selectionChange",
+    "payload": {
+      "nativeEvent": {
+        "selection": {
+          "end": 3,
+          "start": 3,
+        },
+      },
+    },
+  },
+  {
+    "name": "endEditing",
+    "payload": {
+      "nativeEvent": {
+        "target": 0,
+        "text": "abc",
+      },
+    },
   },
   {
     "name": "blur",
@@ -24,3 +304,365 @@ exports[`user.type() dispatches required events 1`] = `
   },
 ]
 `;
+
+exports[`type() supports defaultValue prop: input: "ab", defaultValue: "xxx" 1`] = `
+[
+  {
+    "name": "pressIn",
+    "payload": {
+      "currentTarget": {
+        "measure": [MockFunction],
+      },
+      "nativeEvent": {
+        "changedTouches": [],
+        "identifier": 0,
+        "locationX": 0,
+        "locationY": 0,
+        "pageX": 0,
+        "pageY": 0,
+        "target": 0,
+        "timestamp": 100100100100,
+        "touches": [],
+      },
+      "persist": [MockFunction],
+    },
+  },
+  {
+    "name": "focus",
+    "payload": {
+      "nativeEvent": {
+        "target": 0,
+      },
+    },
+  },
+  {
+    "name": "pressOut",
+    "payload": {
+      "currentTarget": {
+        "measure": [MockFunction],
+      },
+      "nativeEvent": {
+        "changedTouches": [],
+        "identifier": 0,
+        "locationX": 0,
+        "locationY": 0,
+        "pageX": 0,
+        "pageY": 0,
+        "target": 0,
+        "timestamp": 100100100100,
+        "touches": [],
+      },
+      "persist": [MockFunction],
+    },
+  },
+  {
+    "name": "keyPress",
+    "payload": {
+      "nativeEvent": {
+        "key": "a",
+      },
+    },
+  },
+  {
+    "name": "change",
+    "payload": {
+      "nativeEvent": {
+        "eventCount": 0,
+        "target": 0,
+        "text": "xxxa",
+      },
+    },
+  },
+  {
+    "name": "changeText",
+    "payload": "xxxa",
+  },
+  {
+    "name": "selectionChange",
+    "payload": {
+      "nativeEvent": {
+        "selection": {
+          "end": 4,
+          "start": 4,
+        },
+      },
+    },
+  },
+  {
+    "name": "keyPress",
+    "payload": {
+      "nativeEvent": {
+        "key": "b",
+      },
+    },
+  },
+  {
+    "name": "change",
+    "payload": {
+      "nativeEvent": {
+        "eventCount": 0,
+        "target": 0,
+        "text": "xxxab",
+      },
+    },
+  },
+  {
+    "name": "changeText",
+    "payload": "xxxab",
+  },
+  {
+    "name": "selectionChange",
+    "payload": {
+      "nativeEvent": {
+        "selection": {
+          "end": 5,
+          "start": 5,
+        },
+      },
+    },
+  },
+  {
+    "name": "endEditing",
+    "payload": {
+      "nativeEvent": {
+        "target": 0,
+        "text": "xxxab",
+      },
+    },
+  },
+  {
+    "name": "blur",
+    "payload": {
+      "nativeEvent": {
+        "target": 0,
+      },
+    },
+  },
+]
+`;
+
+exports[`type() supports multiline: input: "{Enter}\\n", multiline: true 1`] = `
+[
+  {
+    "name": "pressIn",
+    "payload": {
+      "currentTarget": {
+        "measure": [MockFunction],
+      },
+      "nativeEvent": {
+        "changedTouches": [],
+        "identifier": 0,
+        "locationX": 0,
+        "locationY": 0,
+        "pageX": 0,
+        "pageY": 0,
+        "target": 0,
+        "timestamp": 100100100100,
+        "touches": [],
+      },
+      "persist": [MockFunction],
+    },
+  },
+  {
+    "name": "focus",
+    "payload": {
+      "nativeEvent": {
+        "target": 0,
+      },
+    },
+  },
+  {
+    "name": "pressOut",
+    "payload": {
+      "currentTarget": {
+        "measure": [MockFunction],
+      },
+      "nativeEvent": {
+        "changedTouches": [],
+        "identifier": 0,
+        "locationX": 0,
+        "locationY": 0,
+        "pageX": 0,
+        "pageY": 0,
+        "target": 0,
+        "timestamp": 100100100100,
+        "touches": [],
+      },
+      "persist": [MockFunction],
+    },
+  },
+  {
+    "name": "keyPress",
+    "payload": {
+      "nativeEvent": {
+        "key": "Enter",
+      },
+    },
+  },
+  {
+    "name": "textInput",
+    "payload": {
+      "nativeEvent": {
+        "previousText": "",
+        "range": {
+          "end": 1,
+          "start": 1,
+        },
+        "target": 0,
+        "text": "
+",
+      },
+    },
+  },
+  {
+    "name": "change",
+    "payload": {
+      "nativeEvent": {
+        "eventCount": 0,
+        "target": 0,
+        "text": "
+",
+      },
+    },
+  },
+  {
+    "name": "changeText",
+    "payload": "
+",
+  },
+  {
+    "name": "selectionChange",
+    "payload": {
+      "nativeEvent": {
+        "selection": {
+          "end": 1,
+          "start": 1,
+        },
+      },
+    },
+  },
+  {
+    "name": "contentSizeChange",
+    "payload": {
+      "nativeEvent": {
+        "contentSize": {
+          "height": 32,
+          "width": 0,
+        },
+        "target": 0,
+      },
+    },
+  },
+  {
+    "name": "keyPress",
+    "payload": {
+      "nativeEvent": {
+        "key": "Enter",
+      },
+    },
+  },
+  {
+    "name": "textInput",
+    "payload": {
+      "nativeEvent": {
+        "previousText": "
+",
+        "range": {
+          "end": 2,
+          "start": 2,
+        },
+        "target": 0,
+        "text": "
+
+",
+      },
+    },
+  },
+  {
+    "name": "change",
+    "payload": {
+      "nativeEvent": {
+        "eventCount": 0,
+        "target": 0,
+        "text": "
+
+",
+      },
+    },
+  },
+  {
+    "name": "changeText",
+    "payload": "
+
+",
+  },
+  {
+    "name": "selectionChange",
+    "payload": {
+      "nativeEvent": {
+        "selection": {
+          "end": 2,
+          "start": 2,
+        },
+      },
+    },
+  },
+  {
+    "name": "contentSizeChange",
+    "payload": {
+      "nativeEvent": {
+        "contentSize": {
+          "height": 48,
+          "width": 0,
+        },
+        "target": 0,
+      },
+    },
+  },
+  {
+    "name": "endEditing",
+    "payload": {
+      "nativeEvent": {
+        "target": 0,
+        "text": "
+
+",
+      },
+    },
+  },
+  {
+    "name": "blur",
+    "payload": {
+      "nativeEvent": {
+        "target": 0,
+      },
+    },
+  },
+]
+`;
+
+exports[`type() works when not all events have handlers: input: "abc" 1`] = `
+[
+  {
+    "name": "changeText",
+    "payload": "a",
+  },
+  {
+    "name": "changeText",
+    "payload": "ab",
+  },
+  {
+    "name": "changeText",
+    "payload": "abc",
+  },
+  {
+    "name": "endEditing",
+    "payload": {
+      "nativeEvent": {
+        "target": 0,
+        "text": "abc",
+      },
+    },
+  },
+]
+`;

package/src/user-event/type/__tests__/parseKeys.test.ts

@@ -0,0 +1,23 @@
+import { parseKeys } from '../parseKeys';
+
+test('parseKeys', () => {
+  expect(parseKeys('')).toEqual([]);
+  expect(parseKeys('a')).toEqual(['a']);
+  expect(parseKeys('Hello')).toEqual(['H', 'e', 'l', 'l', 'o']);
+  expect(parseKeys('ab{{cc')).toEqual(['a', 'b', '{', 'c', 'c']);
+  expect(parseKeys('AB{Enter}XY')).toEqual(['A', 'B', 'Enter', 'X', 'Y']);
+});
+
+test('parseKeys with special keys', () => {
+  expect(parseKeys('AB{Enter}XY')).toEqual(['A', 'B', 'Enter', 'X', 'Y']);
+  expect(parseKeys('{Enter}XY')).toEqual(['Enter', 'X', 'Y']);
+  expect(parseKeys('AB{Enter}')).toEqual(['A', 'B', 'Enter']);
+  expect(parseKeys('A{Backspace}B')).toEqual(['A', 'Backspace', 'B']);
+  expect(parseKeys('A{B}C')).toEqual(['A', 'B', 'C']);
+});
+
+test('parseKeys throws for invalid keys', () => {
+  expect(() => parseKeys('{WWW}')).toThrow('Unknown key "WWW" in "{WWW}"');
+  expect(() => parseKeys('AA{F1}BB')).toThrow('Unknown key "F1" in "AA{F1}BB"');
+  expect(() => parseKeys('AA{BB')).toThrow('Invalid key sequence "{BB"');
+});