@hero-design/rn 8.0.2 → 8.2.0

package/src/components/Select/MultiSelect/__tests__/index.spec.tsx

@@ -87,7 +87,7 @@ describe('rendering', () => {
     );
 
     expect(toJSON()).toMatchSnapshot();
-    expect(queryAllByText('Allow notifications')).toHaveLength(2);
+    expect(queryAllByText('Allow notifications')).toHaveLength(1);
     expect(getByTestId('text-input').props.value).toBe('Monday, Tuesday');
   });
 
@@ -199,7 +199,7 @@ describe('rendering', () => {
   });
 
   it('allows custom footer', () => {
-    const { getByText } = renderWithTheme(
+    const { getByText, queryByText } = renderWithTheme(
       <MultiSelect<string, CustomOptionType>
         label="Choose collaborators"
         footerLabel={({ value: _value, closeModal: _closeModal }) => (
@@ -214,6 +214,11 @@ describe('rendering', () => {
       />
     );
 
+    expect(getByText('Choose collaborators')).toBeTruthy();
+
+    expect(queryByText('Clear all')).toBeNull();
+
+    fireEvent(getByText('Choose collaborators'), 'press');
     expect(getByText('Clear all')).toBeTruthy();
     expect(getByText('Save')).toBeTruthy();
   });

package/src/components/Select/SingleSelect/__tests__/__snapshots__/Option.spec.tsx.snap

@@ -2,10 +2,14 @@
 
 exports[`Option renders correctly 1`] = `
 <View
+  accessibilityState={
+    Object {
+      "disabled": false,
+    }
+  }
   accessible={true}
   collapsable={false}
   focusable={true}
-  nativeID="animatedComponent"
   onClick={[Function]}
   onResponderGrant={[Function]}
   onResponderMove={[Function]}

package/src/components/Select/SingleSelect/__tests__/__snapshots__/OptionList.spec.tsx.snap

@@ -187,10 +187,14 @@ exports[`OptionList render isLoading correctly 1`] = `
           }
         />
         <View
+          accessibilityState={
+            Object {
+              "disabled": false,
+            }
+          }
           accessible={true}
           collapsable={false}
           focusable={true}
-          nativeID="animatedComponent"
           onClick={[Function]}
           onResponderGrant={[Function]}
           onResponderMove={[Function]}
@@ -406,10 +410,14 @@ exports[`OptionList render isLoading correctly 1`] = `
           }
         />
         <View
+          accessibilityState={
+            Object {
+              "disabled": false,
+            }
+          }
           accessible={true}
           collapsable={false}
           focusable={true}
-          nativeID="animatedComponent"
           onClick={[Function]}
           onResponderGrant={[Function]}
           onResponderMove={[Function]}
@@ -517,10 +525,14 @@ exports[`OptionList render isLoading correctly 1`] = `
     >
       <View>
         <View
+          accessibilityState={
+            Object {
+              "disabled": false,
+            }
+          }
           accessible={true}
           collapsable={false}
           focusable={true}
-          nativeID="animatedComponent"
           onClick={[Function]}
           onResponderGrant={[Function]}
           onResponderMove={[Function]}
@@ -654,7 +666,6 @@ exports[`OptionList render isLoading correctly 1`] = `
           >
             <View
               collapsable={false}
-              nativeID="animatedComponent"
               style={
                 Object {
                   "transform": Array [
@@ -667,7 +678,6 @@ exports[`OptionList render isLoading correctly 1`] = `
             >
               <View
                 collapsable={false}
-                nativeID="animatedComponent"
                 style={
                   Array [
                     Object {
@@ -682,7 +692,6 @@ exports[`OptionList render isLoading correctly 1`] = `
               >
                 <View
                   collapsable={false}
-                  nativeID="animatedComponent"
                   style={
                     Array [
                       Object {
@@ -701,7 +710,6 @@ exports[`OptionList render isLoading correctly 1`] = `
                 />
                 <View
                   collapsable={false}
-                  nativeID="animatedComponent"
                   style={
                     Array [
                       Object {
@@ -722,7 +730,6 @@ exports[`OptionList render isLoading correctly 1`] = `
               </View>
               <View
                 collapsable={false}
-                nativeID="animatedComponent"
                 style={
                   Array [
                     Object {
@@ -737,7 +744,6 @@ exports[`OptionList render isLoading correctly 1`] = `
               >
                 <View
                   collapsable={false}
-                  nativeID="animatedComponent"
                   style={
                     Array [
                       Object {
@@ -756,7 +762,6 @@ exports[`OptionList render isLoading correctly 1`] = `
                 />
                 <View
                   collapsable={false}
-                  nativeID="animatedComponent"
                   style={
                     Array [
                       Object {
@@ -959,10 +964,14 @@ exports[`OptionList renders correctly 1`] = `
           }
         />
         <View
+          accessibilityState={
+            Object {
+              "disabled": false,
+            }
+          }
           accessible={true}
           collapsable={false}
           focusable={true}
-          nativeID="animatedComponent"
           onClick={[Function]}
           onResponderGrant={[Function]}
           onResponderMove={[Function]}
@@ -1178,10 +1187,14 @@ exports[`OptionList renders correctly 1`] = `
           }
         />
         <View
+          accessibilityState={
+            Object {
+              "disabled": false,
+            }
+          }
           accessible={true}
           collapsable={false}
           focusable={true}
-          nativeID="animatedComponent"
           onClick={[Function]}
           onResponderGrant={[Function]}
           onResponderMove={[Function]}
@@ -1289,10 +1302,14 @@ exports[`OptionList renders correctly 1`] = `
     >
       <View>
         <View
+          accessibilityState={
+            Object {
+              "disabled": false,
+            }
+          }
           accessible={true}
           collapsable={false}
           focusable={true}
-          nativeID="animatedComponent"
           onClick={[Function]}
           onResponderGrant={[Function]}
           onResponderMove={[Function]}
@@ -1571,10 +1588,14 @@ exports[`OptionList trigger onPress correctly on select new value 1`] = `
           }
         />
         <View
+          accessibilityState={
+            Object {
+              "disabled": false,
+            }
+          }
           accessible={true}
           collapsable={false}
           focusable={true}
-          nativeID="animatedComponent"
           onClick={[Function]}
           onResponderGrant={[Function]}
           onResponderMove={[Function]}
@@ -1790,10 +1811,14 @@ exports[`OptionList trigger onPress correctly on select new value 1`] = `
           }
         />
         <View
+          accessibilityState={
+            Object {
+              "disabled": false,
+            }
+          }
           accessible={true}
           collapsable={false}
           focusable={true}
-          nativeID="animatedComponent"
           onClick={[Function]}
           onResponderGrant={[Function]}
           onResponderMove={[Function]}
@@ -1901,10 +1926,14 @@ exports[`OptionList trigger onPress correctly on select new value 1`] = `
     >
       <View>
         <View
+          accessibilityState={
+            Object {
+              "disabled": false,
+            }
+          }
           accessible={true}
           collapsable={false}
           focusable={true}
-          nativeID="animatedComponent"
           onClick={[Function]}
           onResponderGrant={[Function]}
           onResponderMove={[Function]}
@@ -2183,10 +2212,14 @@ exports[`OptionList trigger onPress correctly on unselect current value 1`] = `
           }
         />
         <View
+          accessibilityState={
+            Object {
+              "disabled": false,
+            }
+          }
           accessible={true}
           collapsable={false}
           focusable={true}
-          nativeID="animatedComponent"
           onClick={[Function]}
           onResponderGrant={[Function]}
           onResponderMove={[Function]}
@@ -2402,10 +2435,14 @@ exports[`OptionList trigger onPress correctly on unselect current value 1`] = `
           }
         />
         <View
+          accessibilityState={
+            Object {
+              "disabled": false,
+            }
+          }
           accessible={true}
           collapsable={false}
           focusable={true}
-          nativeID="animatedComponent"
           onClick={[Function]}
           onResponderGrant={[Function]}
           onResponderMove={[Function]}
@@ -2513,10 +2550,14 @@ exports[`OptionList trigger onPress correctly on unselect current value 1`] = `
     >
       <View>
         <View
+          accessibilityState={
+            Object {
+              "disabled": false,
+            }
+          }
           accessible={true}
           collapsable={false}
           focusable={true}
-          nativeID="animatedComponent"
           onClick={[Function]}
           onResponderGrant={[Function]}
           onResponderMove={[Function]}