@hero-design/rn 7.25.1 → 7.26.0

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

@@ -1,10 +1,9 @@
-import React, { forwardRef, useEffect } from 'react';
+import React from 'react';
 
 import { act } from '@testing-library/react-native';
 
-import { View } from 'react-native';
 import { ThemeProvider } from '@emotion/react';
-import type { ComponentType, ReactElement } from 'react';
+import type { ReactElement } from 'react';
 import type { RenderAPI } from '@testing-library/react-native';
 import * as Events from '../utils/events';
 import { emitter as EditorEventEmitter } from '../EditorEvent';
@@ -16,38 +15,50 @@ type OnMessageCallback = (event: {
   nativeEvent: { data: string };
 }) => void | undefined;
 
-interface MockWebViewProps {
-  onMessage: OnMessageCallback;
-  children: ReactElement;
-}
+jest.mock('../heroEditorApp');
 
 let onMessageOfLatestRendering: OnMessageCallback;
 
 jest.mock('react-native-webview', () => {
-  const MockWebView: ComponentType<{
-    onMessage: OnMessageCallback;
-    children: ReactElement;
-  }> = forwardRef<View, MockWebViewProps>(
-    ({ onMessage, ...restProps }, ref) => {
-      useEffect(() => {
-        onMessageOfLatestRendering = onMessage;
-      });
-      return <View ref={ref} testID="webview" {...restProps} />;
+  const react = jest.requireActual('react');
+
+  class WebView extends react.Component {
+    render() {
+      const { onMessage, ...restProps } = this.props;
+      onMessageOfLatestRendering = onMessage;
+      return react.createElement(
+        'WebView',
+        {
+          testID: 'webview',
+          ...restProps,
+        },
+        this.props.children
+      );
     }
-  );
+  }
+
+  return {
+    WebView,
+    default: WebView,
+  };
+});
 
+jest.mock('../utils/rnWebView', () => {
+  const WebView = jest.requireMock('react-native-webview');
+  const postMessageMock = jest.fn();
   return {
-    WebView: MockWebView,
-    default: MockWebView,
+    postMessage: (_element: ReactElement, message: string) => {
+      postMessageMock(message);
+    },
+    postMessageMock,
+    onMessageOfLatestRendering: WebView.onMessageOfLatestRendering,
   };
 });
 
-const postMessageMock = jest.fn();
-jest.mock('../utils/rnWebView', () => ({
-  postMessage: (_element: ReactElement, message: string) => {
-    postMessageMock(message);
-  },
-}));
+/* eslint-disable */
+/// @ts-ignore
+import { postMessageMock } from '../utils/rnWebView';
+/* eslint-enable */
 
 describe('RichTextEditor', () => {
   it('should render correctly', () => {

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

@@ -101,12 +101,13 @@ exports[`RichTextEditor onMessage recevied event editor-layout should update hei
           themeFontSize="medium"
           themeFontWeight="regular"
           themeIntent="body"
+          themeTypeface="neutral"
           themeVariant="error"
         >
           Rich Text Editor
         </Text>
       </View>
-      <View
+      <WebView
         accessible={true}
         focusable={true}
         height={480}
@@ -152,7 +153,7 @@ exports[`RichTextEditor onMessage recevied event editor-layout should update hei
                 fontSize: 14
               }
             };
-            [object Object]
+            mockHeroEditApp
           </script>
         </body>
       </html>
@@ -252,6 +253,7 @@ exports[`RichTextEditor onMessage recevied event editor-layout should update hei
           themeFontSize="medium"
           themeFontWeight="regular"
           themeIntent="body"
+          themeTypeface="neutral"
         >
           this is error
         </Text>
@@ -362,12 +364,13 @@ exports[`RichTextEditor should render correctly 1`] = `
           themeFontSize="medium"
           themeFontWeight="regular"
           themeIntent="body"
+          themeTypeface="neutral"
           themeVariant="error"
         >
           Rich Text Editor
         </Text>
       </View>
-      <View
+      <WebView
         accessible={true}
         focusable={true}
         hideKeyboardAccessoryView={true}
@@ -412,7 +415,7 @@ exports[`RichTextEditor should render correctly 1`] = `
                 fontSize: 14
               }
             };
-            [object Object]
+            mockHeroEditApp
           </script>
         </body>
       </html>
@@ -512,6 +515,7 @@ exports[`RichTextEditor should render correctly 1`] = `
           themeFontSize="medium"
           themeFontWeight="regular"
           themeIntent="body"
+          themeTypeface="neutral"
         >
           this is error
         </Text>

package/src/components/RichTextEditor/heroEditorApp.ts

@@ -0,0 +1,3 @@
+import * as heroEditorApp from 'hero-editor/dist/app.js';
+
+export default heroEditorApp;

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

@@ -70,6 +70,7 @@ exports[`SectionHeading allows to customise the icon 1`] = `
       themeFontSize="large"
       themeFontWeight="regular"
       themeIntent="primary"
+      themeTypeface="neutral"
     >
       test demo
     </Text>
@@ -148,6 +149,7 @@ exports[`SectionHeading render icon correctly 1`] = `
       themeFontSize="large"
       themeFontWeight="regular"
       themeIntent="body"
+      themeTypeface="neutral"
     >
       test demo
     </Text>
@@ -211,6 +213,7 @@ exports[`SectionHeading render right children correctly 1`] = `
       themeFontSize="large"
       themeFontWeight="regular"
       themeIntent="body"
+      themeTypeface="neutral"
     >
       test demo
     </Text>
@@ -277,6 +280,7 @@ exports[`SectionHeading renders correctly 1`] = `
       themeFontSize="large"
       themeFontWeight="regular"
       themeIntent="body"
+      themeTypeface="neutral"
     >
       test demo
     </Text>

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

@@ -51,6 +51,7 @@ exports[`Option renders correctly 1`] = `
       themeFontSize="large"
       themeFontWeight="regular"
       themeIntent="body"
+      themeTypeface="neutral"
     >
       testOption
     </Text>

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

@@ -124,6 +124,7 @@ exports[`OptionList render isLoading correctly 1`] = `
             themeFontSize="large"
             themeFontWeight="regular"
             themeIntent="body"
+            themeTypeface="neutral"
           >
             A
           </Text>
@@ -228,6 +229,7 @@ exports[`OptionList render isLoading correctly 1`] = `
               themeFontSize="large"
               themeFontWeight="regular"
               themeIntent="body"
+              themeTypeface="neutral"
             >
               A1
             </Text>
@@ -367,6 +369,7 @@ exports[`OptionList render isLoading correctly 1`] = `
             themeFontSize="large"
             themeFontWeight="regular"
             themeIntent="body"
+            themeTypeface="neutral"
           >
             B
           </Text>
@@ -471,6 +474,7 @@ exports[`OptionList render isLoading correctly 1`] = `
               themeFontSize="large"
               themeFontWeight="regular"
               themeIntent="body"
+              themeTypeface="neutral"
             >
               B1
             </Text>
@@ -582,6 +586,7 @@ exports[`OptionList render isLoading correctly 1`] = `
               themeFontSize="large"
               themeFontWeight="regular"
               themeIntent="body"
+              themeTypeface="neutral"
             >
               B2
             </Text>
@@ -912,6 +917,7 @@ exports[`OptionList renders correctly 1`] = `
             themeFontSize="large"
             themeFontWeight="regular"
             themeIntent="body"
+            themeTypeface="neutral"
           >
             A
           </Text>
@@ -1016,6 +1022,7 @@ exports[`OptionList renders correctly 1`] = `
               themeFontSize="large"
               themeFontWeight="regular"
               themeIntent="body"
+              themeTypeface="neutral"
             >
               A1
             </Text>
@@ -1155,6 +1162,7 @@ exports[`OptionList renders correctly 1`] = `
             themeFontSize="large"
             themeFontWeight="regular"
             themeIntent="body"
+            themeTypeface="neutral"
           >
             B
           </Text>
@@ -1259,6 +1267,7 @@ exports[`OptionList renders correctly 1`] = `
               themeFontSize="large"
               themeFontWeight="regular"
               themeIntent="body"
+              themeTypeface="neutral"
             >
               B1
             </Text>
@@ -1370,6 +1379,7 @@ exports[`OptionList renders correctly 1`] = `
               themeFontSize="large"
               themeFontWeight="regular"
               themeIntent="body"
+              themeTypeface="neutral"
             >
               B2
             </Text>
@@ -1540,6 +1550,7 @@ exports[`OptionList trigger onPress correctly on changing selection 1`] = `
             themeFontSize="large"
             themeFontWeight="regular"
             themeIntent="body"
+            themeTypeface="neutral"
           >
             A
           </Text>
@@ -1644,6 +1655,7 @@ exports[`OptionList trigger onPress correctly on changing selection 1`] = `
               themeFontSize="large"
               themeFontWeight="regular"
               themeIntent="body"
+              themeTypeface="neutral"
             >
               A1
             </Text>
@@ -1783,6 +1795,7 @@ exports[`OptionList trigger onPress correctly on changing selection 1`] = `
             themeFontSize="large"
             themeFontWeight="regular"
             themeIntent="body"
+            themeTypeface="neutral"
           >
             B
           </Text>
@@ -1887,6 +1900,7 @@ exports[`OptionList trigger onPress correctly on changing selection 1`] = `
               themeFontSize="large"
               themeFontWeight="regular"
               themeIntent="body"
+              themeTypeface="neutral"
             >
               B1
             </Text>
@@ -2023,6 +2037,7 @@ exports[`OptionList trigger onPress correctly on changing selection 1`] = `
               themeFontSize="large"
               themeFontWeight="regular"
               themeIntent="body"
+              themeTypeface="neutral"
             >
               B2
             </Text>
@@ -2193,6 +2208,7 @@ exports[`OptionList trigger onPress correctly on select additional value 1`] = `
             themeFontSize="large"
             themeFontWeight="regular"
             themeIntent="body"
+            themeTypeface="neutral"
           >
             A
           </Text>
@@ -2297,6 +2313,7 @@ exports[`OptionList trigger onPress correctly on select additional value 1`] = `
               themeFontSize="large"
               themeFontWeight="regular"
               themeIntent="body"
+              themeTypeface="neutral"
             >
               A1
             </Text>
@@ -2436,6 +2453,7 @@ exports[`OptionList trigger onPress correctly on select additional value 1`] = `
             themeFontSize="large"
             themeFontWeight="regular"
             themeIntent="body"
+            themeTypeface="neutral"
           >
             B
           </Text>
@@ -2540,6 +2558,7 @@ exports[`OptionList trigger onPress correctly on select additional value 1`] = `
               themeFontSize="large"
               themeFontWeight="regular"
               themeIntent="body"
+              themeTypeface="neutral"
             >
               B1
             </Text>
@@ -2651,6 +2670,7 @@ exports[`OptionList trigger onPress correctly on select additional value 1`] = `
               themeFontSize="large"
               themeFontWeight="regular"
               themeIntent="body"
+              themeTypeface="neutral"
             >
               B2
             </Text>