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

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

@@ -1,26 +1,17 @@
 "use strict";
 
 var _react = _interopRequireDefault(require("react"));
-
 var _reactNative = require("@testing-library/react-native");
-
 var _theme = require("../../theme");
-
 var _NativeBaseProvider = require("../../core/NativeBaseProvider");
-
 var _primitives = require("../../components/primitives");
-
 var _composites = require("../../components/composites");
-
 var _reactNative2 = require("react-native");
-
 var _extendTheme = require("../../core/extendTheme");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-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 _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+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 { Ionicons } from '@expo/vector-icons';
 // import { InfoIcon } from '../../components/primitives/Icon/Icons';
+
 const inset = {
   frame: {
     x: 0,
@@ -35,7 +26,6 @@ const inset = {
     bottom: 0
   }
 };
-
 const Provider = ({
   children,
   theme = _theme.theme
@@ -45,10 +35,8 @@ const Provider = ({
     theme: theme
   }, children);
 };
-
 function CheckBoxGroup() {
   const [groupValue, setGroupValue] = _react.default.useState(['Item 1 ', 'Item 3 ']);
-
   return /*#__PURE__*/_react.default.createElement(_primitives.Checkbox.Group, {
     colorScheme: "green",
     defaultValue: groupValue,
@@ -74,12 +62,11 @@ function CheckBoxGroup() {
     mx: 2
   }, "Indeterminate Item")));
 }
-
 describe('props resolution', () => {
   it('tests simple resolution', () => {
     const {
       getByTestId
-    } = (0, _reactNative.render)( /*#__PURE__*/_react.default.createElement(Provider, null, /*#__PURE__*/_react.default.createElement(_primitives.Box, {
+    } = (0, _reactNative.render)(/*#__PURE__*/_react.default.createElement(Provider, null, /*#__PURE__*/_react.default.createElement(_primitives.Box, {
       p: 2,
       testID: "test"
     }, "hello world")));
@@ -92,7 +79,7 @@ describe('props resolution', () => {
   it('tests simple resolution with responsive props', () => {
     const {
       getByTestId
-    } = (0, _reactNative.render)( /*#__PURE__*/_react.default.createElement(Provider, null, /*#__PURE__*/_react.default.createElement(_primitives.Box, {
+    } = (0, _reactNative.render)(/*#__PURE__*/_react.default.createElement(Provider, null, /*#__PURE__*/_react.default.createElement(_primitives.Box, {
       p: [2, 4, 5],
       testID: "test"
     }, "hello world"), /*#__PURE__*/_react.default.createElement(_primitives.Box, {
@@ -118,7 +105,7 @@ describe('props resolution', () => {
     _reactNative2.Platform.OS = 'android';
     const {
       getByTestId
-    } = (0, _reactNative.render)( /*#__PURE__*/_react.default.createElement(Provider, null, /*#__PURE__*/_react.default.createElement(_primitives.Box, {
+    } = (0, _reactNative.render)(/*#__PURE__*/_react.default.createElement(Provider, null, /*#__PURE__*/_react.default.createElement(_primitives.Box, {
       p: 5,
       _android: {
         p: 10
@@ -144,7 +131,7 @@ describe('props resolution', () => {
     });
     const {
       getByTestId
-    } = (0, _reactNative.render)( /*#__PURE__*/_react.default.createElement(Provider, {
+    } = (0, _reactNative.render)(/*#__PURE__*/_react.default.createElement(Provider, {
       theme: newTheme
     }, /*#__PURE__*/_react.default.createElement(_primitives.Box, {
       p: 5,
@@ -177,11 +164,12 @@ describe('props resolution', () => {
     });
     const {
       getByTestId
-    } = (0, _reactNative.render)( /*#__PURE__*/_react.default.createElement(Provider, {
+    } = (0, _reactNative.render)(/*#__PURE__*/_react.default.createElement(Provider, {
       theme: newTheme
     }, /*#__PURE__*/_react.default.createElement(_primitives.Box, {
       p: 5,
-      testID: "test" //@ts-ignore
+      testID: "test"
+      //@ts-ignore
       ,
       variant: "myBox"
     }, "hello world")));
@@ -218,15 +206,16 @@ describe('props resolution', () => {
     });
     const {
       getByTestId
-    } = (0, _reactNative.render)( /*#__PURE__*/_react.default.createElement(Provider, {
+    } = (0, _reactNative.render)(/*#__PURE__*/_react.default.createElement(Provider, {
       theme: newTheme
     }, /*#__PURE__*/_react.default.createElement(_primitives.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({
@@ -242,7 +231,7 @@ describe('props resolution', () => {
   it('tests component sizes resolution', () => {
     const {
       getByTestId
-    } = (0, _reactNative.render)( /*#__PURE__*/_react.default.createElement(Provider, null, /*#__PURE__*/_react.default.createElement(_primitives.Image, {
+    } = (0, _reactNative.render)(/*#__PURE__*/_react.default.createElement(Provider, null, /*#__PURE__*/_react.default.createElement(_primitives.Image, {
       source: {
         uri: 'https://nativebase.io/img/nativebase-logo.svg'
       },
@@ -290,11 +279,12 @@ describe('props resolution', () => {
     });
     const {
       getByTestId
-    } = (0, _reactNative.render)( /*#__PURE__*/_react.default.createElement(Provider, {
+    } = (0, _reactNative.render)(/*#__PURE__*/_react.default.createElement(Provider, {
       theme: newTheme
     }, /*#__PURE__*/_react.default.createElement(_primitives.Box, {
       p: 5,
-      testID: "test" //@ts-ignore
+      testID: "test"
+      //@ts-ignore
       ,
       variant: "myBox"
     }, "hello world")));
@@ -312,7 +302,7 @@ describe('props resolution', () => {
   it('tests alpha opacity resolution', () => {
     const {
       getByTestId
-    } = (0, _reactNative.render)( /*#__PURE__*/_react.default.createElement(Provider, null, /*#__PURE__*/_react.default.createElement(_primitives.Box, {
+    } = (0, _reactNative.render)(/*#__PURE__*/_react.default.createElement(Provider, null, /*#__PURE__*/_react.default.createElement(_primitives.Box, {
       p: 2,
       bg: "primary.400:alpha.50",
       testID: "test"
@@ -323,7 +313,7 @@ describe('props resolution', () => {
   it('resolves negative margins', () => {
     const {
       getByTestId
-    } = (0, _reactNative.render)( /*#__PURE__*/_react.default.createElement(Provider, null, /*#__PURE__*/_react.default.createElement(_primitives.Box, {
+    } = (0, _reactNative.render)(/*#__PURE__*/_react.default.createElement(Provider, null, /*#__PURE__*/_react.default.createElement(_primitives.Box, {
       m: -5,
       mt: '-10',
       testID: "test"
@@ -339,7 +329,7 @@ describe('props resolution', () => {
   it('resolves shadow from theme', () => {
     const {
       getByTestId
-    } = (0, _reactNative.render)( /*#__PURE__*/_react.default.createElement(Provider, null, /*#__PURE__*/_react.default.createElement(_primitives.Box, {
+    } = (0, _reactNative.render)(/*#__PURE__*/_react.default.createElement(Provider, null, /*#__PURE__*/_react.default.createElement(_primitives.Box, {
       shadow: 9,
       testID: "test"
     }, "hello world")));
@@ -349,7 +339,7 @@ describe('props resolution', () => {
   it('FormControl: pseudo props test ', () => {
     const {
       getByTestId
-    } = (0, _reactNative.render)( /*#__PURE__*/_react.default.createElement(Provider, null, /*#__PURE__*/_react.default.createElement(_composites.FormControl, {
+    } = (0, _reactNative.render)(/*#__PURE__*/_react.default.createElement(Provider, null, /*#__PURE__*/_react.default.createElement(_composites.FormControl, {
       isDisabled: true
     }, /*#__PURE__*/_react.default.createElement(_composites.FormControl.HelperText, {
       testID: "test",
@@ -373,7 +363,7 @@ describe('props resolution', () => {
   it('Menu: style props test', () => {
     const {
       getByTestId
-    } = (0, _reactNative.render)( /*#__PURE__*/_react.default.createElement(Provider, null, /*#__PURE__*/_react.default.createElement(_composites.Menu, {
+    } = (0, _reactNative.render)(/*#__PURE__*/_react.default.createElement(Provider, null, /*#__PURE__*/_react.default.createElement(_composites.Menu, {
       trigger: triggerProps => {
         return /*#__PURE__*/_react.default.createElement(_primitives.Pressable, _extends({
           testID: "pressableTest",
@@ -391,9 +381,7 @@ describe('props resolution', () => {
       }
     }, "Tahoma"))));
     const triggerElement = getByTestId('pressableTest');
-
     _reactNative.fireEvent.press(triggerElement);
-
     const menuItem = getByTestId('test');
     const disabledMenuItem = getByTestId('test1');
     expect(menuItem.props.style.backgroundColor).toBe(_theme.theme.colors.blue['300']);
@@ -402,7 +390,7 @@ describe('props resolution', () => {
   it('Button: style props test', () => {
     const {
       getByTestId
-    } = (0, _reactNative.render)( /*#__PURE__*/_react.default.createElement(Provider, null, /*#__PURE__*/_react.default.createElement(_primitives.Button, {
+    } = (0, _reactNative.render)(/*#__PURE__*/_react.default.createElement(Provider, null, /*#__PURE__*/_react.default.createElement(_primitives.Button, {
       testID: "test",
       bg: "pink.900",
       _text: {
@@ -424,7 +412,7 @@ describe('props resolution', () => {
     _reactNative2.Platform.OS = 'ios';
     const {
       getByTestId
-    } = (0, _reactNative.render)( /*#__PURE__*/_react.default.createElement(Provider, {
+    } = (0, _reactNative.render)(/*#__PURE__*/_react.default.createElement(Provider, {
       theme: newTheme
     }, /*#__PURE__*/_react.default.createElement(_primitives.Button, {
       testID: "test",
@@ -452,7 +440,7 @@ describe('props resolution', () => {
     _reactNative2.Platform.OS = 'ios';
     const {
       getByTestId
-    } = (0, _reactNative.render)( /*#__PURE__*/_react.default.createElement(Provider, {
+    } = (0, _reactNative.render)(/*#__PURE__*/_react.default.createElement(Provider, {
       theme: newTheme
     }, /*#__PURE__*/_react.default.createElement(_primitives.Button, {
       testID: "test",
@@ -480,7 +468,7 @@ describe('props resolution', () => {
     _reactNative2.Platform.OS = 'ios';
     const {
       getByTestId
-    } = (0, _reactNative.render)( /*#__PURE__*/_react.default.createElement(Provider, {
+    } = (0, _reactNative.render)(/*#__PURE__*/_react.default.createElement(Provider, {
       theme: newTheme
     }, /*#__PURE__*/_react.default.createElement(_primitives.Image, {
       testID: "test",
@@ -507,7 +495,7 @@ describe('props resolution', () => {
   it('Input: Basic check', () => {
     const {
       getByTestId
-    } = (0, _reactNative.render)( /*#__PURE__*/_react.default.createElement(Provider, null, /*#__PURE__*/_react.default.createElement(_primitives.Input, {
+    } = (0, _reactNative.render)(/*#__PURE__*/_react.default.createElement(Provider, null, /*#__PURE__*/_react.default.createElement(_primitives.Input, {
       _stack: {
         testID: 'StackTest'
       },
@@ -534,7 +522,7 @@ describe('props resolution', () => {
     });
     const {
       getByTestId
-    } = (0, _reactNative.render)( /*#__PURE__*/_react.default.createElement(Provider, {
+    } = (0, _reactNative.render)(/*#__PURE__*/_react.default.createElement(Provider, {
       theme: newTheme
     }, /*#__PURE__*/_react.default.createElement(_primitives.Input, {
       _input: {
@@ -558,7 +546,7 @@ describe('props resolution', () => {
     });
     const {
       getByTestId
-    } = (0, _reactNative.render)( /*#__PURE__*/_react.default.createElement(Provider, {
+    } = (0, _reactNative.render)(/*#__PURE__*/_react.default.createElement(Provider, {
       theme: newTheme
     }, /*#__PURE__*/_react.default.createElement(_primitives.Input, {
       _input: {
@@ -576,7 +564,7 @@ describe('props resolution', () => {
   it('Input: variant', () => {
     const {
       getByTestId
-    } = (0, _reactNative.render)( /*#__PURE__*/_react.default.createElement(Provider, null, /*#__PURE__*/_react.default.createElement(_primitives.Input, {
+    } = (0, _reactNative.render)(/*#__PURE__*/_react.default.createElement(Provider, null, /*#__PURE__*/_react.default.createElement(_primitives.Input, {
       _stack: {
         testID: 'test'
       },
@@ -584,7 +572,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
@@ -601,7 +591,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 = (0, _extendTheme.extendTheme)({
       config: {
@@ -611,7 +600,7 @@ describe('props resolution', () => {
     _reactNative2.Platform.OS = 'ios';
     const {
       getByTestId
-    } = (0, _reactNative.render)( /*#__PURE__*/_react.default.createElement(Provider, {
+    } = (0, _reactNative.render)(/*#__PURE__*/_react.default.createElement(Provider, {
       theme: newTheme
     }, /*#__PURE__*/_react.default.createElement(_primitives.Input, {
       _stack: {
@@ -631,10 +620,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(_theme.theme.fontSizes.xs);
-  }); // it('Input: inputElemets', () => {
+  });
+
+  // it('Input: inputElemets', () => {
   //   const { getByTestId } = render(
   //     <Provider>
   //       <Input
@@ -655,7 +646,7 @@ describe('props resolution', () => {
   it('Input: disabled', () => {
     const {
       getByTestId
-    } = (0, _reactNative.render)( /*#__PURE__*/_react.default.createElement(Provider, null, /*#__PURE__*/_react.default.createElement(_primitives.Input, {
+    } = (0, _reactNative.render)(/*#__PURE__*/_react.default.createElement(Provider, null, /*#__PURE__*/_react.default.createElement(_primitives.Input, {
       _input: {
         testID: 'test'
       },
@@ -666,12 +657,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
-    } = (0, _reactNative.render)( /*#__PURE__*/_react.default.createElement(Provider, {
+    } = (0, _reactNative.render)(/*#__PURE__*/_react.default.createElement(Provider, {
       initialWindowMetrics: {
         frame: {
           x: 0,
@@ -693,15 +686,13 @@ describe('props resolution', () => {
     expect(checkbox[1].props.accessibilityState.checked).toBe(false);
     expect(checkbox[2].props.accessibilityState.checked).toBe(true);
     expect(checkbox[3].props.accessibilityState.checked).toBe(false);
-
     _reactNative.fireEvent.press(checkbox[1]);
-
     expect(checkbox[1].props.accessibilityState.checked).toBe(true);
   });
   it('checkBox: disabled, checked', () => {
     const {
       getAllByRole
-    } = (0, _reactNative.render)( /*#__PURE__*/_react.default.createElement(Provider, {
+    } = (0, _reactNative.render)(/*#__PURE__*/_react.default.createElement(Provider, {
       initialWindowMetrics: {
         frame: {
           x: 0,
@@ -740,8 +731,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' },
   //   });
@@ -760,11 +754,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' },
@@ -787,6 +783,7 @@ describe('props resolution', () => {
   //       </Checkbox>
   //     </Provider>
   //   );
+
   //   let checkbox = getAllByRole('checkbox');
   //   console.log(checkbox[0].props.accessibilityState, '@@@@');
   //   expect(checkbox[0].props.accessibilityState.checked).toBe(false);
@@ -796,7 +793,7 @@ describe('props resolution', () => {
   it('onChange on checkBox', () => {
     const {
       getAllByRole
-    } = (0, _reactNative.render)( /*#__PURE__*/_react.default.createElement(Provider, {
+    } = (0, _reactNative.render)(/*#__PURE__*/_react.default.createElement(Provider, {
       initialWindowMetrics: {
         frame: {
           x: 0,
@@ -816,11 +813,11 @@ describe('props resolution', () => {
     })));
     const checkbox = getAllByRole('checkbox');
     expect(checkbox.length).toBe(1);
-
     _reactNative.fireEvent.press(checkbox[0]);
-
     expect(checkbox[0].props.accessibilityState.checked).toBe(true);
-  }); // it('CustomIcon checkBox', () => {
+  });
+
+  // it('CustomIcon checkBox', () => {
   //   let { getAllByRole, getByTestId } = render(
   //     <Provider>
   //       <Checkbox
@@ -836,15 +833,17 @@ describe('props resolution', () => {
   //   );
   //   let checkbox = getAllByRole('checkbox');
   //   let nestedIcon = getByTestId('icon');
+
   //   expect(checkbox[0].props.icon).toBe(nestedIcon);
   // });
-  //  ==========================================
 
+  //  ==========================================
   it('Slider: basic', () => {
     const {
       getByTestId
-    } = (0, _reactNative.render)( /*#__PURE__*/_react.default.createElement(Provider, null, /*#__PURE__*/_react.default.createElement(_primitives.Slider, {
-      testID: "slider" // Need to test
+    } = (0, _reactNative.render)(/*#__PURE__*/_react.default.createElement(Provider, null, /*#__PURE__*/_react.default.createElement(_primitives.Slider, {
+      testID: "slider"
+      // Need to test
       // defaultValue={70}
       ,
       minValue: 0,
@@ -861,7 +860,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>
@@ -887,7 +888,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 = (0, _extendTheme.extendTheme)({
       config: {
@@ -896,7 +896,7 @@ describe('props resolution', () => {
     });
     const {
       getByTestId
-    } = (0, _reactNative.render)( /*#__PURE__*/_react.default.createElement(Provider, {
+    } = (0, _reactNative.render)(/*#__PURE__*/_react.default.createElement(Provider, {
       theme: newTheme
     }, /*#__PURE__*/_react.default.createElement(_primitives.Slider, {
       testID: "test",
@@ -925,9 +925,8 @@ describe('props resolution', () => {
   it('tests lineHeight & letterspacing in text ', () => {
     const {
       getByTestId
-    } = (0, _reactNative.render)( /*#__PURE__*/_react.default.createElement(Provider, null, /*#__PURE__*/_react.default.createElement(_primitives.Text
-    /* @ts-ignore */
-    , {
+    } = (0, _reactNative.render)(/*#__PURE__*/_react.default.createElement(Provider, null, /*#__PURE__*/_react.default.createElement(_primitives.Text
+    /* @ts-ignore */, {
       fontSize: "20px",
       lineHeight: "5xl",
       letterSpacing: "xl",
@@ -946,7 +945,7 @@ describe('props resolution', () => {
     _reactNative2.Platform.OS = 'ios';
     const {
       getByTestId
-    } = (0, _reactNative.render)( /*#__PURE__*/_react.default.createElement(Provider, {
+    } = (0, _reactNative.render)(/*#__PURE__*/_react.default.createElement(Provider, {
       theme: newTheme
     }, /*#__PURE__*/_react.default.createElement(_primitives.Slider, {
       testID: "test",
@@ -977,7 +976,7 @@ describe('props resolution', () => {
   it('HStack: basic', () => {
     const {
       getByTestId
-    } = (0, _reactNative.render)( /*#__PURE__*/_react.default.createElement(Provider, null, /*#__PURE__*/_react.default.createElement(_primitives.HStack, {
+    } = (0, _reactNative.render)(/*#__PURE__*/_react.default.createElement(Provider, null, /*#__PURE__*/_react.default.createElement(_primitives.HStack, {
       testID: "hstack"
     }, /*#__PURE__*/_react.default.createElement(_primitives.Box, null, "1"), /*#__PURE__*/_react.default.createElement(_primitives.Box, null, "2"), /*#__PURE__*/_react.default.createElement(_primitives.Box, null, "3"))));
     const hstackElement = getByTestId('hstack');
@@ -986,13 +985,15 @@ describe('props resolution', () => {
   it('HStack: direction', () => {
     const {
       getByTestId
-    } = (0, _reactNative.render)( /*#__PURE__*/_react.default.createElement(Provider, null, /*#__PURE__*/_react.default.createElement(_primitives.HStack, {
+    } = (0, _reactNative.render)(/*#__PURE__*/_react.default.createElement(Provider, null, /*#__PURE__*/_react.default.createElement(_primitives.HStack, {
       testID: "test",
       direction: "column"
     }, /*#__PURE__*/_react.default.createElement(_primitives.Box, null, "1"), /*#__PURE__*/_react.default.createElement(_primitives.Box, null, "2"), /*#__PURE__*/_react.default.createElement(_primitives.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" />} />
@@ -1003,6 +1004,7 @@ describe('props resolution', () => {
   //     defaultTheme.colors.red['200']
   //   );
   // });
+
   // it('Icon: Nativebase icons', () => {
   //   const { getByTestId } = render(
   //     <Provider>
@@ -1018,7 +1020,7 @@ describe('props resolution', () => {
   it('Pressable: style props test', () => {
     const {
       getByTestId
-    } = (0, _reactNative.render)( /*#__PURE__*/_react.default.createElement(Provider, null, /*#__PURE__*/_react.default.createElement(_primitives.Pressable, {
+    } = (0, _reactNative.render)(/*#__PURE__*/_react.default.createElement(Provider, null, /*#__PURE__*/_react.default.createElement(_primitives.Pressable, {
       testID: "test",
       bg: "red.200",
       _hover: {
@@ -1027,10 +1029,13 @@ describe('props resolution', () => {
     }, /*#__PURE__*/_react.default.createElement(_primitives.Text, null, "hello world"))));
     const pressableElement = getByTestId('test');
     expect(pressableElement.props.style.backgroundColor).toBe(_theme.theme.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}>
@@ -1044,6 +1049,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' },
@@ -1065,7 +1071,6 @@ describe('props resolution', () => {
   //   );
   // });
   // });
-
   it('HStack: style props test with dark mode', () => {
     const newTheme = (0, _extendTheme.extendTheme)({
       config: {
@@ -1074,7 +1079,7 @@ describe('props resolution', () => {
     });
     const {
       getByTestId
-    } = (0, _reactNative.render)( /*#__PURE__*/_react.default.createElement(Provider, {
+    } = (0, _reactNative.render)(/*#__PURE__*/_react.default.createElement(Provider, {
       theme: newTheme
     }, /*#__PURE__*/_react.default.createElement(_primitives.HStack, {
       testID: "test",
@@ -1094,9 +1099,10 @@ describe('props resolution', () => {
     });
     const {
       getByTestId
-    } = (0, _reactNative.render)( /*#__PURE__*/_react.default.createElement(Provider, {
+    } = (0, _reactNative.render)(/*#__PURE__*/_react.default.createElement(Provider, {
       theme: newTheme
-    }, /*#__PURE__*/_react.default.createElement(_primitives.Box, null, /*#__PURE__*/_react.default.createElement(_primitives.Text // @ts-ignore
+    }, /*#__PURE__*/_react.default.createElement(_primitives.Box, null, /*#__PURE__*/_react.default.createElement(_primitives.Text
+    // @ts-ignore
     , {
       fontSize: "12px",
       testID: "test",
@@ -1129,9 +1135,10 @@ describe('props resolution', () => {
     _reactNative2.Platform.OS = 'ios';
     const {
       getByTestId
-    } = (0, _reactNative.render)( /*#__PURE__*/_react.default.createElement(Provider, {
+    } = (0, _reactNative.render)(/*#__PURE__*/_react.default.createElement(Provider, {
       theme: newTheme
-    }, /*#__PURE__*/_react.default.createElement(_primitives.Box, null, /*#__PURE__*/_react.default.createElement(_primitives.Heading // @ts-ignore
+    }, /*#__PURE__*/_react.default.createElement(_primitives.Box, null, /*#__PURE__*/_react.default.createElement(_primitives.Heading
+    // @ts-ignore
     , {
       fontSize: "12px",
       testID: "test",
@@ -1166,7 +1173,7 @@ describe('props resolution', () => {
     });
     const {
       getByTestId
-    } = (0, _reactNative.render)( /*#__PURE__*/_react.default.createElement(Provider, {
+    } = (0, _reactNative.render)(/*#__PURE__*/_react.default.createElement(Provider, {
       theme: newTheme
     }, /*#__PURE__*/_react.default.createElement(_primitives.Button, {
       bg: "amber.500",
@@ -1195,7 +1202,7 @@ describe('props resolution', () => {
     });
     const {
       getByTestId
-    } = (0, _reactNative.render)( /*#__PURE__*/_react.default.createElement(Provider, {
+    } = (0, _reactNative.render)(/*#__PURE__*/_react.default.createElement(Provider, {
       theme: newTheme
     }, /*#__PURE__*/_react.default.createElement(_primitives.Button, {
       bg: "amber.500",
@@ -1231,7 +1238,7 @@ describe('props resolution', () => {
     });
     const {
       getByTestId
-    } = (0, _reactNative.render)( /*#__PURE__*/_react.default.createElement(Provider, {
+    } = (0, _reactNative.render)(/*#__PURE__*/_react.default.createElement(Provider, {
       theme: newTheme
     }, /*#__PURE__*/_react.default.createElement(_primitives.Button, {
       bg: "amber.500",
@@ -1240,7 +1247,9 @@ describe('props resolution', () => {
     const button = getByTestId('test');
     expect(button.props.style.backgroundColor).toBe(_theme.theme.colors.emerald['800']);
   });
-}); // =========================================================
+});
+
+// =========================================================
 // it('Modal: size', () => {
 //   const { getByTestId } = render(
 //     <Provider>
@@ -1263,6 +1272,7 @@ describe('props resolution', () => {
 //     </Provider>
 //   );
 //   const modalElement = getByTestId('size');
+
 //   expect(modalElement.props.style.width).toBe('60%');
 // });
 //# sourceMappingURL=usePropsResolution.test.js.map