@react-native-ohos/native-base 3.4.29-rc.1 → 3.4.29-rc.3

package/lib/module/hooks/useThemeProps/usePropsResolution.test.js

@@ -1,17 +1,19 @@
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 import React from 'react';
 import { render } from '@testing-library/react-native';
 import { theme as defaultTheme } from '../../theme';
 import { NativeBaseProvider } from '../../core/NativeBaseProvider';
-import { Box, Button, Pressable // Select,
-, Image, Spinner, Text, Input, Checkbox, Slider // Icon,
-, HStack, Heading } from '../../components/primitives'; // import { Ionicons } from '@expo/vector-icons';
-
+import { Box, Button, Pressable,
+// Select,
+Image, Spinner, Text, Input, Checkbox, Slider,
+// Icon,
+HStack, Heading } from '../../components/primitives';
+// import { Ionicons } from '@expo/vector-icons';
 import { FormControl, Menu } from '../../components/composites';
 import { Platform } from 'react-native';
 import { extendTheme } from '../../core/extendTheme';
-import { fireEvent } from '@testing-library/react-native'; // import { InfoIcon } from '../../components/primitives/Icon/Icons';
+import { fireEvent } from '@testing-library/react-native';
+// import { InfoIcon } from '../../components/primitives/Icon/Icons';
 
 const inset = {
   frame: {
@@ -27,7 +29,6 @@ const inset = {
     bottom: 0
   }
 };
-
 const Provider = ({
   children,
   theme = defaultTheme
@@ -37,7 +38,6 @@ const Provider = ({
     theme: theme
   }, children);
 };
-
 function CheckBoxGroup() {
   const [groupValue, setGroupValue] = React.useState(['Item 1 ', 'Item 3 ']);
   return /*#__PURE__*/React.createElement(Checkbox.Group, {
@@ -65,12 +65,11 @@ function CheckBoxGroup() {
     mx: 2
   }, "Indeterminate Item")));
 }
-
 describe('props resolution', () => {
   it('tests simple resolution', () => {
     const {
       getByTestId
-    } = render( /*#__PURE__*/React.createElement(Provider, null, /*#__PURE__*/React.createElement(Box, {
+    } = render(/*#__PURE__*/React.createElement(Provider, null, /*#__PURE__*/React.createElement(Box, {
       p: 2,
       testID: "test"
     }, "hello world")));
@@ -83,7 +82,7 @@ describe('props resolution', () => {
   it('tests simple resolution with responsive props', () => {
     const {
       getByTestId
-    } = render( /*#__PURE__*/React.createElement(Provider, null, /*#__PURE__*/React.createElement(Box, {
+    } = render(/*#__PURE__*/React.createElement(Provider, null, /*#__PURE__*/React.createElement(Box, {
       p: [2, 4, 5],
       testID: "test"
     }, "hello world"), /*#__PURE__*/React.createElement(Box, {
@@ -109,7 +108,7 @@ describe('props resolution', () => {
     Platform.OS = 'android';
     const {
       getByTestId
-    } = render( /*#__PURE__*/React.createElement(Provider, null, /*#__PURE__*/React.createElement(Box, {
+    } = render(/*#__PURE__*/React.createElement(Provider, null, /*#__PURE__*/React.createElement(Box, {
       p: 5,
       _android: {
         p: 10
@@ -135,7 +134,7 @@ describe('props resolution', () => {
     });
     const {
       getByTestId
-    } = render( /*#__PURE__*/React.createElement(Provider, {
+    } = render(/*#__PURE__*/React.createElement(Provider, {
       theme: newTheme
     }, /*#__PURE__*/React.createElement(Box, {
       p: 5,
@@ -168,11 +167,12 @@ describe('props resolution', () => {
     });
     const {
       getByTestId
-    } = render( /*#__PURE__*/React.createElement(Provider, {
+    } = render(/*#__PURE__*/React.createElement(Provider, {
       theme: newTheme
     }, /*#__PURE__*/React.createElement(Box, {
       p: 5,
-      testID: "test" //@ts-ignore
+      testID: "test"
+      //@ts-ignore
       ,
       variant: "myBox"
     }, "hello world")));
@@ -209,15 +209,16 @@ describe('props resolution', () => {
     });
     const {
       getByTestId
-    } = render( /*#__PURE__*/React.createElement(Provider, {
+    } = render(/*#__PURE__*/React.createElement(Provider, {
       theme: newTheme
     }, /*#__PURE__*/React.createElement(Box, {
       p: 5,
-      testID: "test" //@ts-ignore
+      testID: "test"
+      //@ts-ignore
       ,
-      variant: "myBox" //@ts-ignore
+      variant: "myBox"
+      //@ts-ignore
       // size="xs"
-
     }, "hello world")));
     const box = getByTestId('test');
     expect(box.props.style).toEqual({
@@ -233,7 +234,7 @@ describe('props resolution', () => {
   it('tests component sizes resolution', () => {
     const {
       getByTestId
-    } = render( /*#__PURE__*/React.createElement(Provider, null, /*#__PURE__*/React.createElement(Image, {
+    } = render(/*#__PURE__*/React.createElement(Provider, null, /*#__PURE__*/React.createElement(Image, {
       source: {
         uri: 'https://nativebase.io/img/nativebase-logo.svg'
       },
@@ -281,11 +282,12 @@ describe('props resolution', () => {
     });
     const {
       getByTestId
-    } = render( /*#__PURE__*/React.createElement(Provider, {
+    } = render(/*#__PURE__*/React.createElement(Provider, {
       theme: newTheme
     }, /*#__PURE__*/React.createElement(Box, {
       p: 5,
-      testID: "test" //@ts-ignore
+      testID: "test"
+      //@ts-ignore
       ,
       variant: "myBox"
     }, "hello world")));
@@ -303,7 +305,7 @@ describe('props resolution', () => {
   it('tests alpha opacity resolution', () => {
     const {
       getByTestId
-    } = render( /*#__PURE__*/React.createElement(Provider, null, /*#__PURE__*/React.createElement(Box, {
+    } = render(/*#__PURE__*/React.createElement(Provider, null, /*#__PURE__*/React.createElement(Box, {
       p: 2,
       bg: "primary.400:alpha.50",
       testID: "test"
@@ -314,7 +316,7 @@ describe('props resolution', () => {
   it('resolves negative margins', () => {
     const {
       getByTestId
-    } = render( /*#__PURE__*/React.createElement(Provider, null, /*#__PURE__*/React.createElement(Box, {
+    } = render(/*#__PURE__*/React.createElement(Provider, null, /*#__PURE__*/React.createElement(Box, {
       m: -5,
       mt: '-10',
       testID: "test"
@@ -330,7 +332,7 @@ describe('props resolution', () => {
   it('resolves shadow from theme', () => {
     const {
       getByTestId
-    } = render( /*#__PURE__*/React.createElement(Provider, null, /*#__PURE__*/React.createElement(Box, {
+    } = render(/*#__PURE__*/React.createElement(Provider, null, /*#__PURE__*/React.createElement(Box, {
       shadow: 9,
       testID: "test"
     }, "hello world")));
@@ -340,7 +342,7 @@ describe('props resolution', () => {
   it('FormControl: pseudo props test ', () => {
     const {
       getByTestId
-    } = render( /*#__PURE__*/React.createElement(Provider, null, /*#__PURE__*/React.createElement(FormControl, {
+    } = render(/*#__PURE__*/React.createElement(Provider, null, /*#__PURE__*/React.createElement(FormControl, {
       isDisabled: true
     }, /*#__PURE__*/React.createElement(FormControl.HelperText, {
       testID: "test",
@@ -364,7 +366,7 @@ describe('props resolution', () => {
   it('Menu: style props test', () => {
     const {
       getByTestId
-    } = render( /*#__PURE__*/React.createElement(Provider, null, /*#__PURE__*/React.createElement(Menu, {
+    } = render(/*#__PURE__*/React.createElement(Provider, null, /*#__PURE__*/React.createElement(Menu, {
       trigger: triggerProps => {
         return /*#__PURE__*/React.createElement(Pressable, _extends({
           testID: "pressableTest",
@@ -391,7 +393,7 @@ describe('props resolution', () => {
   it('Button: style props test', () => {
     const {
       getByTestId
-    } = render( /*#__PURE__*/React.createElement(Provider, null, /*#__PURE__*/React.createElement(Button, {
+    } = render(/*#__PURE__*/React.createElement(Provider, null, /*#__PURE__*/React.createElement(Button, {
       testID: "test",
       bg: "pink.900",
       _text: {
@@ -413,7 +415,7 @@ describe('props resolution', () => {
     Platform.OS = 'ios';
     const {
       getByTestId
-    } = render( /*#__PURE__*/React.createElement(Provider, {
+    } = render(/*#__PURE__*/React.createElement(Provider, {
       theme: newTheme
     }, /*#__PURE__*/React.createElement(Button, {
       testID: "test",
@@ -441,7 +443,7 @@ describe('props resolution', () => {
     Platform.OS = 'ios';
     const {
       getByTestId
-    } = render( /*#__PURE__*/React.createElement(Provider, {
+    } = render(/*#__PURE__*/React.createElement(Provider, {
       theme: newTheme
     }, /*#__PURE__*/React.createElement(Button, {
       testID: "test",
@@ -469,7 +471,7 @@ describe('props resolution', () => {
     Platform.OS = 'ios';
     const {
       getByTestId
-    } = render( /*#__PURE__*/React.createElement(Provider, {
+    } = render(/*#__PURE__*/React.createElement(Provider, {
       theme: newTheme
     }, /*#__PURE__*/React.createElement(Image, {
       testID: "test",
@@ -496,7 +498,7 @@ describe('props resolution', () => {
   it('Input: Basic check', () => {
     const {
       getByTestId
-    } = render( /*#__PURE__*/React.createElement(Provider, null, /*#__PURE__*/React.createElement(Input, {
+    } = render(/*#__PURE__*/React.createElement(Provider, null, /*#__PURE__*/React.createElement(Input, {
       _stack: {
         testID: 'StackTest'
       },
@@ -523,7 +525,7 @@ describe('props resolution', () => {
     });
     const {
       getByTestId
-    } = render( /*#__PURE__*/React.createElement(Provider, {
+    } = render(/*#__PURE__*/React.createElement(Provider, {
       theme: newTheme
     }, /*#__PURE__*/React.createElement(Input, {
       _input: {
@@ -547,7 +549,7 @@ describe('props resolution', () => {
     });
     const {
       getByTestId
-    } = render( /*#__PURE__*/React.createElement(Provider, {
+    } = render(/*#__PURE__*/React.createElement(Provider, {
       theme: newTheme
     }, /*#__PURE__*/React.createElement(Input, {
       _input: {
@@ -565,7 +567,7 @@ describe('props resolution', () => {
   it('Input: variant', () => {
     const {
       getByTestId
-    } = render( /*#__PURE__*/React.createElement(Provider, null, /*#__PURE__*/React.createElement(Input, {
+    } = render(/*#__PURE__*/React.createElement(Provider, null, /*#__PURE__*/React.createElement(Input, {
       _stack: {
         testID: 'test'
       },
@@ -573,7 +575,9 @@ describe('props resolution', () => {
     })));
     const inputElement = getByTestId('test');
     expect(inputElement.props.style.borderBottomWidth).toBe(1);
-  }); // it('Input: inputElements', () => {
+  });
+
+  // it('Input: inputElements', () => {
   //   const { getByTestId } = render(
   //     <Provider>
   //       <Input
@@ -590,7 +594,6 @@ describe('props resolution', () => {
   //   console.log(inputElement.props, '!!!!!');
   //   expect(inputElement.props.InputLeftElement).toBe(iconElement);
   // });
-
   it('Input: style props test on ios with dark mode', () => {
     const newTheme = extendTheme({
       config: {
@@ -600,7 +603,7 @@ describe('props resolution', () => {
     Platform.OS = 'ios';
     const {
       getByTestId
-    } = render( /*#__PURE__*/React.createElement(Provider, {
+    } = render(/*#__PURE__*/React.createElement(Provider, {
       theme: newTheme
     }, /*#__PURE__*/React.createElement(Input, {
       _stack: {
@@ -620,10 +623,12 @@ describe('props resolution', () => {
     })));
     const inputElement = getByTestId('test');
     const inputElementStack = getByTestId('stackTest');
-    expect(inputElementStack.props.style.borderBottomWidth).toBe(1); // as input of 'sm' size is mapped to 'xs' fontsize
-
+    expect(inputElementStack.props.style.borderBottomWidth).toBe(1);
+    // as input of 'sm' size is mapped to 'xs' fontsize
     expect(inputElement.props.style.fontSize).toBe(defaultTheme.fontSizes.xs);
-  }); // it('Input: inputElemets', () => {
+  });
+
+  // it('Input: inputElemets', () => {
   //   const { getByTestId } = render(
   //     <Provider>
   //       <Input
@@ -644,7 +649,7 @@ describe('props resolution', () => {
   it('Input: disabled', () => {
     const {
       getByTestId
-    } = render( /*#__PURE__*/React.createElement(Provider, null, /*#__PURE__*/React.createElement(Input, {
+    } = render(/*#__PURE__*/React.createElement(Provider, null, /*#__PURE__*/React.createElement(Input, {
       _input: {
         testID: 'test'
       },
@@ -655,12 +660,14 @@ describe('props resolution', () => {
     const inputElement = getByTestId('test');
     expect(inputElement.props.disabled).toBe(true);
     expect(inputElement.props.required).toBe(true);
-  }); // ==========================================
+  });
+
+  // ==========================================
 
   it('handles defaults and onChange on checkBoxGroup', () => {
     const {
       getAllByRole
-    } = render( /*#__PURE__*/React.createElement(Provider, {
+    } = render(/*#__PURE__*/React.createElement(Provider, {
       initialWindowMetrics: {
         frame: {
           x: 0,
@@ -688,7 +695,7 @@ describe('props resolution', () => {
   it('checkBox: disabled, checked', () => {
     const {
       getAllByRole
-    } = render( /*#__PURE__*/React.createElement(Provider, {
+    } = render(/*#__PURE__*/React.createElement(Provider, {
       initialWindowMetrics: {
         frame: {
           x: 0,
@@ -727,8 +734,11 @@ describe('props resolution', () => {
     const checkbox = getAllByRole('checkbox');
     expect(checkbox.length).toBe(4);
     expect(checkbox[1].props.accessibilityState.disabled).toBe(true);
-    expect(checkbox[2].props.accessibilityState.checked).toBe(true); // expect(checkbox[3].props.accessibilityState.invalid).toBe(true);
-  }); // it('Checkbox: style props test with dark mode', () => {
+    expect(checkbox[2].props.accessibilityState.checked).toBe(true);
+    // expect(checkbox[3].props.accessibilityState.invalid).toBe(true);
+  });
+
+  // it('Checkbox: style props test with dark mode', () => {
   //   const newTheme = extendTheme({
   //     config: { initialColorMode: 'dark' },
   //   });
@@ -747,11 +757,13 @@ describe('props resolution', () => {
   //       </Checkbox>
   //     </Provider>
   //   );
+
   //   let checkbox = getAllByRole('checkbox');
   //   console.log(checkbox[0].props.accessibilityState, '@@@@');
   //   expect(checkbox[0].props.accessibilityState.checked).toBe(false);
   //   expect(checkbox[0].props.accessibilityState.disabled).toBe(true);
   // });
+
   // it('Checkbox: style props test on ios with dark mode', () => {
   //   const newTheme = extendTheme({
   //     config: { initialColorMode: 'dark' },
@@ -774,6 +786,7 @@ describe('props resolution', () => {
   //       </Checkbox>
   //     </Provider>
   //   );
+
   //   let checkbox = getAllByRole('checkbox');
   //   console.log(checkbox[0].props.accessibilityState, '@@@@');
   //   expect(checkbox[0].props.accessibilityState.checked).toBe(false);
@@ -783,7 +796,7 @@ describe('props resolution', () => {
   it('onChange on checkBox', () => {
     const {
       getAllByRole
-    } = render( /*#__PURE__*/React.createElement(Provider, {
+    } = render(/*#__PURE__*/React.createElement(Provider, {
       initialWindowMetrics: {
         frame: {
           x: 0,
@@ -805,7 +818,9 @@ describe('props resolution', () => {
     expect(checkbox.length).toBe(1);
     fireEvent.press(checkbox[0]);
     expect(checkbox[0].props.accessibilityState.checked).toBe(true);
-  }); // it('CustomIcon checkBox', () => {
+  });
+
+  // it('CustomIcon checkBox', () => {
   //   let { getAllByRole, getByTestId } = render(
   //     <Provider>
   //       <Checkbox
@@ -821,15 +836,17 @@ describe('props resolution', () => {
   //   );
   //   let checkbox = getAllByRole('checkbox');
   //   let nestedIcon = getByTestId('icon');
+
   //   expect(checkbox[0].props.icon).toBe(nestedIcon);
   // });
-  //  ==========================================
 
+  //  ==========================================
   it('Slider: basic', () => {
     const {
       getByTestId
-    } = render( /*#__PURE__*/React.createElement(Provider, null, /*#__PURE__*/React.createElement(Slider, {
-      testID: "slider" // Need to test
+    } = render(/*#__PURE__*/React.createElement(Provider, null, /*#__PURE__*/React.createElement(Slider, {
+      testID: "slider"
+      // Need to test
       // defaultValue={70}
       ,
       minValue: 0,
@@ -846,7 +863,9 @@ describe('props resolution', () => {
     expect(sliderElement.props.thumbSize).toBe(4);
     expect(sliderElement.props.sliderSize).toBe(4);
     expect(sliderElement.props.colorScheme).toBe('red');
-  }); //  ==========================================
+  });
+
+  //  ==========================================
   // it('Modal: size', () => {
   //   const { getByTestId } = render(
   //     <Provider>
@@ -872,7 +891,6 @@ describe('props resolution', () => {
   //   // console.log(modalElement, 'jdj');
   //   expect(modalElement.props.style.width).toBe('60%');
   // });
-
   it('Slider: style props test with dark mode', () => {
     const newTheme = extendTheme({
       config: {
@@ -881,7 +899,7 @@ describe('props resolution', () => {
     });
     const {
       getByTestId
-    } = render( /*#__PURE__*/React.createElement(Provider, {
+    } = render(/*#__PURE__*/React.createElement(Provider, {
       theme: newTheme
     }, /*#__PURE__*/React.createElement(Slider, {
       testID: "test",
@@ -910,9 +928,8 @@ describe('props resolution', () => {
   it('tests lineHeight & letterspacing in text ', () => {
     const {
       getByTestId
-    } = render( /*#__PURE__*/React.createElement(Provider, null, /*#__PURE__*/React.createElement(Text
-    /* @ts-ignore */
-    , {
+    } = render(/*#__PURE__*/React.createElement(Provider, null, /*#__PURE__*/React.createElement(Text
+    /* @ts-ignore */, {
       fontSize: "20px",
       lineHeight: "5xl",
       letterSpacing: "xl",
@@ -931,7 +948,7 @@ describe('props resolution', () => {
     Platform.OS = 'ios';
     const {
       getByTestId
-    } = render( /*#__PURE__*/React.createElement(Provider, {
+    } = render(/*#__PURE__*/React.createElement(Provider, {
       theme: newTheme
     }, /*#__PURE__*/React.createElement(Slider, {
       testID: "test",
@@ -962,7 +979,7 @@ describe('props resolution', () => {
   it('HStack: basic', () => {
     const {
       getByTestId
-    } = render( /*#__PURE__*/React.createElement(Provider, null, /*#__PURE__*/React.createElement(HStack, {
+    } = render(/*#__PURE__*/React.createElement(Provider, null, /*#__PURE__*/React.createElement(HStack, {
       testID: "hstack"
     }, /*#__PURE__*/React.createElement(Box, null, "1"), /*#__PURE__*/React.createElement(Box, null, "2"), /*#__PURE__*/React.createElement(Box, null, "3"))));
     const hstackElement = getByTestId('hstack');
@@ -971,13 +988,15 @@ describe('props resolution', () => {
   it('HStack: direction', () => {
     const {
       getByTestId
-    } = render( /*#__PURE__*/React.createElement(Provider, null, /*#__PURE__*/React.createElement(HStack, {
+    } = render(/*#__PURE__*/React.createElement(Provider, null, /*#__PURE__*/React.createElement(HStack, {
       testID: "test",
       direction: "column"
     }, /*#__PURE__*/React.createElement(Box, null, "1"), /*#__PURE__*/React.createElement(Box, null, "2"), /*#__PURE__*/React.createElement(Box, null, "3"))));
     const hstackElement = getByTestId('test');
     expect(hstackElement.props.style.flexDirection).toBe('column');
-  }); // it('Icon: basic', () => {
+  });
+
+  // it('Icon: basic', () => {
   //   const { getByTestId } = render(
   //     <Provider>
   //       <Icon as={<Ionicons name="md-checkmark-circle" />} />
@@ -988,6 +1007,7 @@ describe('props resolution', () => {
   //     defaultTheme.colors.red['200']
   //   );
   // });
+
   // it('Icon: Nativebase icons', () => {
   //   const { getByTestId } = render(
   //     <Provider>
@@ -1003,7 +1023,7 @@ describe('props resolution', () => {
   it('Pressable: style props test', () => {
     const {
       getByTestId
-    } = render( /*#__PURE__*/React.createElement(Provider, null, /*#__PURE__*/React.createElement(Pressable, {
+    } = render(/*#__PURE__*/React.createElement(Provider, null, /*#__PURE__*/React.createElement(Pressable, {
       testID: "test",
       bg: "red.200",
       _hover: {
@@ -1012,10 +1032,13 @@ describe('props resolution', () => {
     }, /*#__PURE__*/React.createElement(Text, null, "hello world"))));
     const pressableElement = getByTestId('test');
     expect(pressableElement.props.style.backgroundColor).toBe(defaultTheme.colors.red['200']);
-  }); // it('Pressable: style props test on ios with dark mode', () => {
+  });
+
+  // it('Pressable: style props test on ios with dark mode', () => {
   //   const newTheme = extendTheme({
   //     config: { initialColorMode: 'dark' },
   //   });
+
   //   Platform.OS = 'ios';
   //   const { getByTestId } = render(
   //     <Provider theme={newTheme}>
@@ -1029,6 +1052,7 @@ describe('props resolution', () => {
   //     defaultTheme.colors.pink['900']
   //   );
   // });
+
   // it('Pressable: style responsive props test on ios with dark mode', () => {
   //   const newTheme = extendTheme({
   //     config: { initialColorMode: 'dark' },
@@ -1050,7 +1074,6 @@ describe('props resolution', () => {
   //   );
   // });
   // });
-
   it('HStack: style props test with dark mode', () => {
     const newTheme = extendTheme({
       config: {
@@ -1059,7 +1082,7 @@ describe('props resolution', () => {
     });
     const {
       getByTestId
-    } = render( /*#__PURE__*/React.createElement(Provider, {
+    } = render(/*#__PURE__*/React.createElement(Provider, {
       theme: newTheme
     }, /*#__PURE__*/React.createElement(HStack, {
       testID: "test",
@@ -1079,9 +1102,10 @@ describe('props resolution', () => {
     });
     const {
       getByTestId
-    } = render( /*#__PURE__*/React.createElement(Provider, {
+    } = render(/*#__PURE__*/React.createElement(Provider, {
       theme: newTheme
-    }, /*#__PURE__*/React.createElement(Box, null, /*#__PURE__*/React.createElement(Text // @ts-ignore
+    }, /*#__PURE__*/React.createElement(Box, null, /*#__PURE__*/React.createElement(Text
+    // @ts-ignore
     , {
       fontSize: "12px",
       testID: "test",
@@ -1114,9 +1138,10 @@ describe('props resolution', () => {
     Platform.OS = 'ios';
     const {
       getByTestId
-    } = render( /*#__PURE__*/React.createElement(Provider, {
+    } = render(/*#__PURE__*/React.createElement(Provider, {
       theme: newTheme
-    }, /*#__PURE__*/React.createElement(Box, null, /*#__PURE__*/React.createElement(Heading // @ts-ignore
+    }, /*#__PURE__*/React.createElement(Box, null, /*#__PURE__*/React.createElement(Heading
+    // @ts-ignore
     , {
       fontSize: "12px",
       testID: "test",
@@ -1151,7 +1176,7 @@ describe('props resolution', () => {
     });
     const {
       getByTestId
-    } = render( /*#__PURE__*/React.createElement(Provider, {
+    } = render(/*#__PURE__*/React.createElement(Provider, {
       theme: newTheme
     }, /*#__PURE__*/React.createElement(Button, {
       bg: "amber.500",
@@ -1180,7 +1205,7 @@ describe('props resolution', () => {
     });
     const {
       getByTestId
-    } = render( /*#__PURE__*/React.createElement(Provider, {
+    } = render(/*#__PURE__*/React.createElement(Provider, {
       theme: newTheme
     }, /*#__PURE__*/React.createElement(Button, {
       bg: "amber.500",
@@ -1216,7 +1241,7 @@ describe('props resolution', () => {
     });
     const {
       getByTestId
-    } = render( /*#__PURE__*/React.createElement(Provider, {
+    } = render(/*#__PURE__*/React.createElement(Provider, {
       theme: newTheme
     }, /*#__PURE__*/React.createElement(Button, {
       bg: "amber.500",
@@ -1225,7 +1250,9 @@ describe('props resolution', () => {
     const button = getByTestId('test');
     expect(button.props.style.backgroundColor).toBe(defaultTheme.colors.emerald['800']);
   });
-}); // =========================================================
+});
+
+// =========================================================
 // it('Modal: size', () => {
 //   const { getByTestId } = render(
 //     <Provider>
@@ -1248,6 +1275,7 @@ describe('props resolution', () => {
 //     </Provider>
 //   );
 //   const modalElement = getByTestId('size');
+
 //   expect(modalElement.props.style.width).toBe('60%');
 // });
 //# sourceMappingURL=usePropsResolution.test.js.map