Add E2E tests for Pressable component

RNTester/e2e/__tests__/Pressable-test.js

@@ -0,0 +1,66 @@
+/**
+ * Copyright (c) Facebook, Inc. and its affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ *
+ * @emails oncall+react_native
+ * @format
+ */
+
+/* global device, element, by, expect */
+const {
+  openComponentWithLabel,
+  openExampleWithTitle,
+} = require('../e2e-helpers');
+
+describe('Pressable', () => {
+  beforeAll(async () => {
+    await device.reloadReactNative();
+    await openComponentWithLabel(
+      '<Pressable>',
+      '<Pressable> Component for making views pressable.',
+    );
+  });
+
+  it('should change console content on press', async () => {
+    await openExampleWithTitle('Change content based on Press');
+
+    const consoleID = 'pressable_press_console';
+
+    await element(by.text('Press Me')).tap();
+    await expect(element(by.id(consoleID))).toHaveText('onPress');
+
+    await element(by.text('Press Me')).tap();
+    await expect(element(by.id(consoleID))).toHaveText('2x onPress');
+
+    await element(by.text('Press Me')).tap();
+    await expect(element(by.id(consoleID))).toHaveText('3x onPress');
+  });
+
+  it('should show different text on highlight button press', async () => {
+    await openExampleWithTitle('<Text onPress={fn}> with highlight');
+
+    const buttonID = 'tappable_text';
+    const consoleID = 'tappable_text_console';
+
+    await element(by.id(buttonID)).tap();
+    await expect(element(by.id(consoleID))).toHaveText('text onPress');
+
+    await element(by.id(buttonID)).tap();
+    await expect(element(by.id(consoleID))).toHaveText('2x text onPress');
+  });
+
+  it('should change text when hitSlop prop extends touch area', async () => {
+    await openExampleWithTitle('Pressable Hit Slop');
+
+    const buttonID = 'pressable_hit_slop_extended_touch';
+    const consoleID = 'pressable_hit_slop_console';
+
+    await element(by.id(buttonID)).tap();
+    await expect(element(by.id(consoleID))).toHaveText('onPress');
+
+    await element(by.id(buttonID)).tap();
+    await expect(element(by.id(consoleID))).toHaveText('2x onPress');
+  });
+});

RNTester/js/examples/Pressable/PressableExample.js

@@ -188,7 +188,9 @@ function PressableHitSlop() {
 
   return (
     <View testID="pressable_hit_slop">
-      <View style={[styles.row, styles.centered]}>
+      <View
+        testID="pressable_hit_slop_extended_touch"
+        style={[styles.row, styles.centered]}>
         <Pressable
           onPress={() => setTimesPressed(num => num + 1)}
           style={styles.hitSlopWrapper}
@@ -198,7 +200,7 @@ function PressableHitSlop() {
         </Pressable>
       </View>
       <View style={styles.logBox}>
-        <Text>{log}</Text>
+        <Text testID="pressable_hit_slop_console">{log}</Text>
       </View>
     </View>
   );