Merge pull request #4989 from GeekyAnts/revert-4976-feat/unit-testing-jest

Revert "Feat/unit testing jest"

Author: rayan1810

example/.nvmrc

@@ -7,6 +7,3 @@ jest.mock('react-native-keyboard-aware-scroll-view', () => {
   const KeyboardAwareScrollView = ({ children }) => children;
   return { KeyboardAwareScrollView };
 });
-
-import mockAsyncStorage from '@react-native-async-storage/async-storage/jest/async-storage-mock';
-jest.mock('@react-native-async-storage/async-storage', () => mockAsyncStorage);

example/__mocks__/@react-native-async-storage/async-storage.js

@@ -4,7 +4,7 @@ const pak = require('../package.json');
 module.exports = function (api) {
   api.cache(true);
   return {
-    presets: [['babel-preset-expo', { jsxRuntime: 'classic' }]],
+    presets: ['babel-preset-expo'],
     plugins: [
       [
         'module-resolver',

example/__mocks__/globalMock.js

@@ -18,7 +18,7 @@
   "dependencies": {
     "@expo/vector-icons": "^12.0.0",
     "@react-native-aria/overlays": "^0.2.9",
-    "@react-native-async-storage/async-storage": "^1.17.3",
+    "@react-native-async-storage/async-storage": "~1.15.0",
     "expo": "^44.0.0",
     "expo-font": "~10.0.4",
     "expo-linear-gradient": "~11.0.3",
@@ -42,7 +42,7 @@
     "@storybook/addon-links": "^5.3",
     "@storybook/addon-ondevice-actions": "^5.3.23",
     "@storybook/addon-ondevice-knobs": "^5.3.23",
-    "@storybook/addon-storyshots": "6.3",
+    "@storybook/addon-storyshots": "^6.3.4",
     "@storybook/react-native": "^5.3.23",
     "@storybook/react-native-server": "^5.3.23",
     "@types/react": "~17.0.21",
@@ -57,7 +57,7 @@
     "patch-package": "^6.2.2",
     "postinstall-postinstall": "^2.1.0",
     "react-dom": "17.0.1",
-    "react-test-renderer": "17.0.1",
+    "react-test-renderer": "^17.0.2",
     "typescript": "~4.3.5"
   },
   "private": false

example/babel.config.js

@@ -12,48 +12,16 @@ case "$OS" in
   *)        rm -fR node_modules/react node_modules/react-native ;;
 esac
 
-red=`tput setaf 1`
-green=`tput setaf 2`
-reset=`tput sgr0`
-
-#TODO:- run script with nvm use/ facing issues with yarn test working with npm run test
-# script to be added
-#unset PREFIX
-# . ~/.nvm/nvm.sh
-# nvm install v14.19.0
-# nvm use
-
 if [ $# -eq 0 ]
   then
     jest --config jest-ios.config.js --silent
     jest --config jest-android.config.js --silent
-    NODEVERSION=$(node -v)
-    echo "you are using node version $NODEVERSION"
-    if [ $NODEVERSION != "v14.19.0" ]
-      then
-        echo "${red}Error! Node module v14.19.0 is not present or nvm is not installed
-        ${green}If you have node v14.19.0 run 'nvm use'
-        Else run 'nvm install v14.19.0'${reset} "
-      else
-        jest --silent
-    fi 
-    
+    jest --silent
   else
     echo "Tests will be updated!"
     jest --config jest-ios.config.js -u --silent
     jest --config jest-android.config.js -u --silent
-      NODEVERSION=$(node -v)
-    echo "you are using node version $NODEVERSION"
-    if [ $NODEVERSION != "v14.19.0" ]
-      then
-        jest -u --silent
-        echo "${red}Error! Node module v14.19.0 is not present or nvm is not installed
-        ${green}If you have node v14.19.0 run 'nvm use'
-        Else run 'nvm install v14.19.0'${reset} "
-      else
-        jest -u --silent
-    fi 
-    
+    jest -u --silent
 fi
 
 yarn install  --check-files

example/package.json

@@ -1,25 +1,5 @@
-import React, { useState } from 'react';
-import { StatusBar, Box, Text, Button } from 'native-base';
-
+import React from 'react';
+import { StatusBar } from 'native-base';
 export const Example = () => {
-  const [hidden, setHidden] = useState(false);
-  const changeStatusBarVisibility = () => setHidden(!hidden);
-  return (
-    <Box flex={1} justifyContent="center" safeArea>
-      <StatusBar
-        animated={true}
-        backgroundColor="#61dafb"
-        barStyle="default"
-        showHideTransition="fade"
-        hidden={hidden}
-      />
-      <Text textAlign="center" mb={3}>
-        StatusBar Visibility:{'\n'}
-        {hidden ? 'Hidden' : 'Visible'}
-      </Text>
-      <Box p={10}>
-        <Button onPress={changeStatusBarVisibility}>Toggle StatusBar</Button>
-      </Box>
-    </Box>
-  );
+  return <StatusBar />;
 };

example/scripts/test.sh

@@ -6,7 +6,7 @@ import {
   VStack,
   Text,
   Divider,
-  ScrollView,
+  Center,
 } from 'native-base';
 
 export function Example() {
@@ -30,16 +30,8 @@ export function Example() {
   };
 
   return (
-    <ScrollView mt={5}>
-      <Stack
-        space={3}
-        w="90%"
-        maxW="400"
-        mr={5}
-        flexDirection="column"
-        justifyContent="center"
-        alignItems="center"
-      >
+    <Center>
+      <Stack space={3} w="90%" maxW="400">
         {[
           'solid',
           'left-accent',
@@ -80,6 +72,6 @@ export function Example() {
           );
         })}
       </Stack>
-    </ScrollView>
+    </Center>
   );
 }

example/storybook/stories/components/basic/StatusBar/Basic.tsx

@@ -13,7 +13,7 @@ export const Example = () => {
       <Breadcrumb spacing={2} _button={{ bg: 'transparent' }}>
         <Breadcrumb.Item>
           <Breadcrumb.Link>
-            <HStack justifyContent="center" alignItems="center">
+            <HStack>
               <Breadcrumb.Icon
                 as={<MaterialIcons name="home" />}
                 mr={1}
@@ -27,24 +27,22 @@ export const Example = () => {
         </Breadcrumb.Item>
         <Breadcrumb.Item>
           <Breadcrumb.Link href="https://alpha.nativebase.io/" isExternal>
-            <HStack justifyContent="center" alignItems="center">
-              <Breadcrumb.Icon
-                fontWeight={'bold'}
-                as={MaterialCommunityIcons}
-                name="file-document"
-                mr={1}
-                size="xs"
-              />
-              <Breadcrumb.Text>Docs</Breadcrumb.Text>
-            </HStack>
+            <Breadcrumb.Icon
+              fontWeight={'bold'}
+              as={MaterialCommunityIcons}
+              name="file-document"
+              mr={1}
+              size="xs"
+            />
+            <Breadcrumb.Text>Docs</Breadcrumb.Text>
           </Breadcrumb.Link>
         </Breadcrumb.Item>
         <Breadcrumb.Item isCurrent>
           <Breadcrumb.Link
             href="https://github.com/GeekyAnts/nativebase"
             isExternal
           >
-            <HStack justifyContent="center" alignItems="center">
+            <HStack>
               <Breadcrumb.Icon
                 as={<AntDesign name="github" />}
                 mr={1}

example/storybook/stories/components/composites/Alert/variant.tsx

@@ -6,11 +6,7 @@ export const Example = () => {
       <Heading mb={4}>Breadcrumb with String Separator</Heading>
       <Breadcrumb separator={'-'}>
         <Breadcrumb.Item isCurrent>
-          <Breadcrumb.Link>
-            <Breadcrumb.Text _current={{ color: 'red.500' }}>
-              Home (This is currently active)
-            </Breadcrumb.Text>
-          </Breadcrumb.Link>
+          <Breadcrumb.Link>Home (This is currently active)</Breadcrumb.Link>
         </Breadcrumb.Item>
         <Breadcrumb.Item>
           <Breadcrumb.Link href="https://alpha.nativebase.io/" isExternal>