@hero-design/rn 8.44.0-alpha.0 → 8.44.0

package/src/components/RefreshControl/__tests__/__snapshots__/index.spec.tsx.snap

@@ -1,69 +1,153 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`RefreshControl render correctly with props 1`] = `
-<RCTScrollView
-  contentContainerStyle={
+<View
+  style={
     {
       "flex": 1,
     }
   }
-  refreshControl={
-    <RefreshControl
-      onRefresh={[MockFunction]}
-      progressViewOffset={100}
-      refreshing={true}
-    />
-  }
 >
-  <RCTRefreshControl />
-  <View>
-    <Text>
-      Pull down to see RefreshControl indicator
-    </Text>
-  </View>
-</RCTScrollView>
+  <RCTScrollView
+    contentContainerStyle={
+      {
+        "flex": 1,
+      }
+    }
+    refreshControl={
+      <RefreshControl
+        onRefresh={[MockFunction]}
+        progressViewOffset={100}
+        refreshing={true}
+      />
+    }
+  >
+    <RCTRefreshControl />
+    <View>
+      <Text>
+        Pull down to see RefreshControl indicator
+      </Text>
+    </View>
+  </RCTScrollView>
+  <View
+    pointerEvents="box-none"
+    position="bottom"
+    style={
+      [
+        {
+          "bottom": 0,
+          "elevation": 9999,
+          "flexDirection": "column-reverse",
+          "left": 0,
+          "paddingHorizontal": 24,
+          "paddingVertical": 16,
+          "position": "absolute",
+          "right": 0,
+          "top": 0,
+        },
+        undefined,
+      ]
+    }
+  />
+</View>
 `;
 
 exports[`RefreshControl renders correctly when refreshing is false 1`] = `
-<RCTScrollView
-  contentContainerStyle={
+<View
+  style={
     {
       "flex": 1,
     }
   }
-  refreshControl={
-    <RefreshControl
-      refreshing={false}
-    />
-  }
 >
-  <RCTRefreshControl />
-  <View>
-    <Text>
-      Pull down to see RefreshControl indicator
-    </Text>
-  </View>
-</RCTScrollView>
+  <RCTScrollView
+    contentContainerStyle={
+      {
+        "flex": 1,
+      }
+    }
+    refreshControl={
+      <RefreshControl
+        refreshing={false}
+      />
+    }
+  >
+    <RCTRefreshControl />
+    <View>
+      <Text>
+        Pull down to see RefreshControl indicator
+      </Text>
+    </View>
+  </RCTScrollView>
+  <View
+    pointerEvents="box-none"
+    position="bottom"
+    style={
+      [
+        {
+          "bottom": 0,
+          "elevation": 9999,
+          "flexDirection": "column-reverse",
+          "left": 0,
+          "paddingHorizontal": 24,
+          "paddingVertical": 16,
+          "position": "absolute",
+          "right": 0,
+          "top": 0,
+        },
+        undefined,
+      ]
+    }
+  />
+</View>
 `;
 
 exports[`RefreshControl renders correctly when refreshing is true 1`] = `
-<RCTScrollView
-  contentContainerStyle={
+<View
+  style={
     {
       "flex": 1,
     }
   }
-  refreshControl={
-    <RefreshControl
-      refreshing={true}
-    />
-  }
 >
-  <RCTRefreshControl />
-  <View>
-    <Text>
-      Pull down to see RefreshControl indicator
-    </Text>
-  </View>
-</RCTScrollView>
+  <RCTScrollView
+    contentContainerStyle={
+      {
+        "flex": 1,
+      }
+    }
+    refreshControl={
+      <RefreshControl
+        refreshing={true}
+      />
+    }
+  >
+    <RCTRefreshControl />
+    <View>
+      <Text>
+        Pull down to see RefreshControl indicator
+      </Text>
+    </View>
+  </RCTScrollView>
+  <View
+    pointerEvents="box-none"
+    position="bottom"
+    style={
+      [
+        {
+          "bottom": 0,
+          "elevation": 9999,
+          "flexDirection": "column-reverse",
+          "left": 0,
+          "paddingHorizontal": 24,
+          "paddingVertical": 16,
+          "position": "absolute",
+          "right": 0,
+          "top": 0,
+        },
+        undefined,
+      ]
+    }
+  />
+</View>
 `;

package/src/components/RichTextEditor/__tests__/EditorToolbar.spec.tsx

@@ -9,8 +9,11 @@ import * as Events from '../utils/events';
 
 describe('EditorToolbar', () => {
   it('should not render toolbar when the editor is not focused', () => {
-    const wrapper = renderWithTheme(<EditorToolbar name="toolbar" />);
-    expect(wrapper.toJSON()).toBeNull();
+    const wrapper = renderWithTheme(
+      <EditorToolbar testID="editor-toolbar" name="toolbar" />
+    );
+    const toolbar = wrapper.queryByTestId('editor-toolbar');
+    expect(toolbar).toBeNull();
   });
 
   describe('when the editor is focused', () => {

package/src/components/RichTextEditor/__tests__/RichTextEditor.spec.tsx

@@ -2,7 +2,6 @@ import React from 'react';
 
 import { act } from '@testing-library/react-native';
 
-import { ThemeProvider } from '@emotion/react';
 import type { ReactElement } from 'react';
 import type { RenderAPI } from '@testing-library/react-native';
 import * as Events from '../utils/events';
@@ -10,6 +9,7 @@ import { emitter as EditorEventEmitter } from '../EditorEvent';
 import RichTextEditor from '../RichTextEditor';
 import renderWithTheme from '../../../testHelpers/renderWithTheme';
 import { theme } from '../../../index';
+import HeroDesignProvider from '../../HeroDesignProvider';
 
 type OnMessageCallback = (event: {
   nativeEvent: { data: string };
@@ -188,7 +188,7 @@ describe('RichTextEditor', () => {
         });
 
         wrapper.update(
-          <ThemeProvider theme={theme}>
+          <HeroDesignProvider theme={theme}>
             <RichTextEditor
               onChange={jest.fn()}
               label="Rich Text Editor"
@@ -196,7 +196,7 @@ describe('RichTextEditor', () => {
               error="this is error"
               style={{ backgroundColor: 'yellow' }}
             />
-          </ThemeProvider>
+          </HeroDesignProvider>
         );
 
         expect(wrapper.toJSON()).toMatchSnapshot();