Fix handling across elements styling

Summary: Changelog: [Internal] Adjust styling so test works on mobile screen and verified Android is passing Reviewed By: mdvacca Differential Revision: D40247320 fbshipit-source-id: c39bff510900393af7696e92e1f846999eb0ced3
facebook · Oct 11, 2022 · f8996f1 · f8996f1
1 parent 53f1f6b
commit f8996f1
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 8 deletions.
diff --git a/packages/rn-tester/js/examples/Experimental/PlatformTest/RNTesterPlatformTest.js b/packages/rn-tester/js/examples/Experimental/PlatformTest/RNTesterPlatformTest.js
@@ -39,9 +39,11 @@ export default function RNTesterPlatformTest(props: Props): React.MixedElement {
     <View style={styles.root}>
       <View style={styles.testcaseContainer}>
         <Text style={[styles.textBlock, styles.title]}>{title}</Text>
-        <Text style={[styles.textBlock, styles.description]}>
-          {description}
-        </Text>
+        {description !== '' ? (
+          <Text style={[styles.textBlock, styles.description]}>
+            {description}
+          </Text>
+        ) : null}
         <RNTesterPlatformTestInstructions
           instructions={instructions}
           style={[styles.instructions, styles.block]}

diff --git a/...er/js/examples/Experimental/W3CPointerEventPlatformTests/PointerEventPointerMoveAcross.js b/...er/js/examples/Experimental/W3CPointerEventPlatformTests/PointerEventPointerMoveAcross.js
@@ -23,7 +23,7 @@ const styles = StyleSheet.create({
     width: 200,
   },
   b: {
-    marginLeft: 100,
+    marginLeft: 50,
     height: 120,
     width: 200,
     backgroundColor: 'green',
@@ -32,8 +32,8 @@ const styles = StyleSheet.create({
     height: 120,
     width: 200,
     backgroundColor: 'yellow',
-    marginVertical: 100,
-    marginLeft: 100,
+    marginVertical: 10,
+    marginLeft: 50,
   },
   a1: {
     backgroundColor: 'blue',
@@ -42,7 +42,7 @@ const styles = StyleSheet.create({
   },
   b1: {
     padding: 1,
-    marginLeft: 100,
+    marginLeft: 50,
     height: 120,
     width: 200,
     backgroundColor: 'green',
@@ -51,7 +51,7 @@ const styles = StyleSheet.create({
     height: 120,
     width: 200,
     backgroundColor: 'black',
-    marginLeft: 100,
+    marginLeft: 50,
   },
 });