fix: adds a default style prop to handle title overflow (#2479)

ApollosProject · May 6, 2022 · be980a0 · be980a0
1 parent 809c73b
commit be980a0
Show file tree

Hide file tree

Showing 17 changed files with 330 additions and 48 deletions.
diff --git a/...ctionListFeatureConnected/ActionListFeature/__snapshots__/ActionListFeature.tests.js.snap b/...ctionListFeatureConnected/ActionListFeature/__snapshots__/ActionListFeature.tests.js.snap
@@ -52,7 +52,13 @@ exports[`The ActionListFeatures component should render 1`] = `
           }
         }
       >
-        <View />
+        <View
+          style={
+            Object {
+              "flexShrink": 1,
+            }
+          }
+        />
         <View
           style={
             Object {
@@ -385,7 +391,13 @@ exports[`The ActionListFeatures component should render a button for onPressActi
           }
         }
       >
-        <View />
+        <View
+          style={
+            Object {
+              "flexShrink": 1,
+            }
+          }
+        />
         <View
           style={
             Object {
@@ -778,7 +790,13 @@ exports[`The ActionListFeatures component should render a loading state for isLo
           }
         }
       >
-        <View />
+        <View
+          style={
+            Object {
+              "flexShrink": 1,
+            }
+          }
+        />
         <View
           style={
             Object {
@@ -991,7 +1009,13 @@ exports[`The ActionListFeatures component should render with a subtitle 1`] = `
           }
         }
       >
-        <View>
+        <View
+          style={
+            Object {
+              "flexShrink": 1,
+            }
+          }
+        >
           <Text
             secondary={true}
             style={
@@ -1338,7 +1362,13 @@ exports[`The ActionListFeatures component should render with a title 1`] = `
           }
         }
       >
-        <View>
+        <View
+          style={
+            Object {
+              "flexShrink": 1,
+            }
+          }
+        >
           <Text
             primary={true}
             style={

diff --git a/...ted/src/ActionListFeatureConnected/__snapshots__/ActionListFeatureConnected.tests.js.snap b/...ted/src/ActionListFeatureConnected/__snapshots__/ActionListFeatureConnected.tests.js.snap
@@ -42,7 +42,13 @@ exports[`The ActionListFeatureConnected component should render 1`] = `
           }
         }
       >
-        <View>
+        <View
+          style={
+            Object {
+              "flexShrink": 1,
+            }
+          }
+        >
           <Text
             secondary={true}
             style={
@@ -256,7 +262,13 @@ exports[`The ActionListFeatureConnected component should render a loading state
           }
         }
       >
-        <View />
+        <View
+          style={
+            Object {
+              "flexShrink": 1,
+            }
+          }
+        />
         <View
           style={
             Object {

diff --git a/...connected/src/CampaignItemListFeature/__snapshots__/CampaignItemListFeature.tests.js.snap b/...connected/src/CampaignItemListFeature/__snapshots__/CampaignItemListFeature.tests.js.snap
@@ -329,7 +329,13 @@ exports[`The CampaignItemListFeature component should render a loading state for
           }
           vertical={false}
         >
-          <View />
+          <View
+            style={
+              Object {
+                "flexShrink": 1,
+              }
+            }
+          />
         </View>
       </View>
       <View
@@ -623,7 +629,13 @@ exports[`The CampaignItemListFeature component should render a section title 1`]
           }
           vertical={false}
         >
-          <View>
+          <View
+            style={
+              Object {
+                "flexShrink": 1,
+              }
+            }
+          >
             <Text
               primary={true}
               style={
@@ -912,7 +924,13 @@ exports[`The CampaignItemListFeature component should render with a subtitle 1`]
           }
           vertical={false}
         >
-          <View>
+          <View
+            style={
+              Object {
+                "flexShrink": 1,
+              }
+            }
+          >
             <Text
               secondary={true}
               style={

diff --git a/...i-connected/src/ConnectScreenConnected/__snapshots__/ConnectScreenConnected.tests.js.snap b/...i-connected/src/ConnectScreenConnected/__snapshots__/ConnectScreenConnected.tests.js.snap
@@ -328,7 +328,13 @@ exports[`import ConnectScreenConnected component renders ConnectScreenConnected
                                   }
                                 }
                               >
-                                <View>
+                                <View
+                                  style={
+                                    Object {
+                                      "flexShrink": 1,
+                                    }
+                                  }
+                                >
                                   <Text
                                     secondary={true}
                                     style={
@@ -1394,7 +1400,13 @@ exports[`import ConnectScreenConnected component renders ConnectScreenConnected
                                   }
                                 }
                               >
-                                <View>
+                                <View
+                                  style={
+                                    Object {
+                                      "flexShrink": 1,
+                                    }
+                                  }
+                                >
                                   <Text
                                     secondary={true}
                                     style={

diff --git a/...s-ui-connected/src/FollowListConnected/__snapshots__/FollowingListConnected.tests.js.snap b/...s-ui-connected/src/FollowListConnected/__snapshots__/FollowingListConnected.tests.js.snap
@@ -33,7 +33,13 @@ exports[`The FollowingListConnected component should render with data 1`] = `
         }
       }
     >
-      <View>
+      <View
+        style={
+          Object {
+            "flexShrink": 1,
+          }
+        }
+      >
         <Text
           secondary={true}
           style={

diff --git a/...onnected/src/FollowListConnected/__snapshots__/RequestedFollowListConnected.tests.js.snap b/...onnected/src/FollowListConnected/__snapshots__/RequestedFollowListConnected.tests.js.snap
@@ -33,7 +33,13 @@ exports[`The RequestedFollowListConnected component should render with data 1`]
         }
       }
     >
-      <View>
+      <View
+        style={
+          Object {
+            "flexShrink": 1,
+          }
+        }
+      >
         <Text
           secondary={true}
           style={

diff --git a/...onnected/src/FollowListConnected/__snapshots__/SuggestedFollowListConnected.tests.js.snap b/...onnected/src/FollowListConnected/__snapshots__/SuggestedFollowListConnected.tests.js.snap
@@ -33,7 +33,13 @@ exports[`The SuggestedFollowListConnected component should render with data 1`]
         }
       }
     >
-      <View>
+      <View
+        style={
+          Object {
+            "flexShrink": 1,
+          }
+        }
+      >
         <Text
           secondary={true}
           style={

diff --git a/.../src/HeroListFeatureConnected/HeroListFeature/__snapshots__/HeroListFeature.tests.js.snap b/.../src/HeroListFeatureConnected/HeroListFeature/__snapshots__/HeroListFeature.tests.js.snap
@@ -611,7 +611,13 @@ exports[`The HeroListFeatures component should render a loading state for isLoad
       }
     }
   >
-    <View />
+    <View
+      style={
+        Object {
+          "flexShrink": 1,
+        }
+      }
+    />
     <View
       style={
         Object {
@@ -900,7 +906,13 @@ exports[`The HeroListFeatures component should render with a subtitle 1`] = `
       }
     }
   >
-    <View>
+    <View
+      style={
+        Object {
+          "flexShrink": 1,
+        }
+      }
+    >
       <Text
         secondary={true}
         style={
@@ -1220,7 +1232,13 @@ exports[`The HeroListFeatures component should render with a title 1`] = `
       }
     }
   >
-    <View>
+    <View
+      style={
+        Object {
+          "flexShrink": 1,
+        }
+      }
+    >
       <Text
         primary={true}
         style={

diff --git a/...nnected/src/HeroListFeatureConnected/__snapshots__/HeroListFeatureConnected.tests.js.snap b/...nnected/src/HeroListFeatureConnected/__snapshots__/HeroListFeatureConnected.tests.js.snap
@@ -27,7 +27,13 @@ exports[`The HeroListFeatureConnected component should render 1`] = `
       }
     }
   >
-    <View>
+    <View
+      style={
+        Object {
+          "flexShrink": 1,
+        }
+      }
+    >
       <Text
         secondary={true}
         style={
@@ -422,7 +428,13 @@ exports[`The HeroListFeatureConnected component should render a loading state wh
       }
     }
   >
-    <View />
+    <View
+      style={
+        Object {
+          "flexShrink": 1,
+        }
+      }
+    />
     <View
       style={
         Object {
@@ -711,7 +723,13 @@ exports[`The HeroListFeatureConnected component should render without a hero car
       }
     }
   >
-    <View>
+    <View
+      style={
+        Object {
+          "flexShrink": 1,
+        }
+      }
+    >
       <Text
         secondary={true}
         style={
@@ -897,7 +915,13 @@ exports[`The HeroListFeatureConnected component should render without actions 1`
       }
     }
   >
-    <View>
+    <View
+      style={
+        Object {
+          "flexShrink": 1,
+        }
+      }
+    >
       <Text
         secondary={true}
         style={

diff --git a/...Connected/HorizontalCardListFeature/__snapshots__/HorizontalCardListFeature.tests.js.snap b/...Connected/HorizontalCardListFeature/__snapshots__/HorizontalCardListFeature.tests.js.snap
@@ -767,7 +767,13 @@ exports[`The HorizontalCardListFeature component should render a loading state f
         }
       }
     >
-      <View />
+      <View
+        style={
+          Object {
+            "flexShrink": 1,
+          }
+        }
+      />
       <View
         accessible={true}
         focusable={true}
@@ -1828,7 +1834,13 @@ exports[`The HorizontalCardListFeature component should render a section title 1
         }
       }
     >
-      <View>
+      <View
+        style={
+          Object {
+            "flexShrink": 1,
+          }
+        }
+      >
         <Text
           primary={true}
           style={
@@ -2602,7 +2614,13 @@ exports[`The HorizontalCardListFeature component should render with a section su
         }
       }
     >
-      <View>
+      <View
+        style={
+          Object {
+            "flexShrink": 1,
+          }
+        }
+      >
         <Text
           secondary={true}
           style={