add CI github action

Author: JeremyDolle

.github/workflows/CI.yml

@@ -16,11 +16,10 @@ jobs:
           yarn install
       - name: Run linters
         run: |
-          cd template
           cp _prettierrc.js .prettierrc.js
           cp _eslintrc.js .eslintrc.js
           yarn lint
       - name: Run tests
         run: |
-          cd template
+          cp src/Config/index.example.js src/Config/index.js
           yarn test

template/_eslintrc.js

@@ -1,6 +1,10 @@
 module.exports = {
+  env: {
+    'jest/globals': true,
+  },
   root: true,
   extends: ['@react-native-community'],
+  plugins: ['jest'],
   rules: {
     semi: ['error', 'never'],
     'object-curly-spacing': ['error', 'always'],

template/package.json

@@ -41,6 +41,7 @@
     "eslint": "^7.22.0",
     "eslint-import-resolver-babel-module": "^5.1.2",
     "eslint-plugin-import": "^2.22.0",
+    "eslint-plugin-jest": "^24.3.5",
     "identity-obj-proxy": "^3.0.0",
     "jest": "^26.6.3",
     "metro-react-native-babel-preset": "^0.64.0",

template/src/Containers/Example/Index.js

@@ -18,15 +18,13 @@ const IndexExampleContainer = () => {
   const { Common, Fonts, Gutters, Layout } = useTheme()
   const dispatch = useDispatch()
 
-  const user = useSelector((state) => state.user.item)
-  const fetchOneUserLoading = useSelector(
-    (state) => state.user.fetchOne.loading,
-  )
-  const fetchOneUserError = useSelector((state) => state.user.fetchOne.error)
+  const user = useSelector(state => state.user.item)
+  const fetchOneUserLoading = useSelector(state => state.user.fetchOne.loading)
+  const fetchOneUserError = useSelector(state => state.user.fetchOne.error)
 
   const [userId, setUserId] = useState('1')
 
-  const fetch = (id) => {
+  const fetch = id => {
     setUserId(id)
     dispatch(FetchOne.action(id))
   }
@@ -61,7 +59,7 @@ const IndexExampleContainer = () => {
           {t('example.labels.userId')}
         </Text>
         <TextInput
-          onChangeText={(text) => fetch(text)}
+          onChangeText={text => fetch(text)}
           editable={!fetchOneUserLoading}
           keyboardType={'number-pad'}
           maxLength={1}

template/src/Services/User/FetchOne.js

@@ -1,6 +1,6 @@
 import api, { handleError } from '@/Services'
 
-export default async (userId) => {
+export default async userId => {
   if (!userId) {
     return handleError({ message: 'User ID is required' })
   }

template/src/Services/index.js

@@ -15,7 +15,7 @@ export const handleError = ({ message, data, status }) => {
 }
 
 instance.interceptors.response.use(
-  (response) => response,
+  response => response,
   ({ message, response: { data, status } }) => {
     return handleError({ message, data, status })
   },

template/src/Store/Startup/Init.js

@@ -12,7 +12,7 @@ export default {
   action: buildAsyncActions('startup/init', async (args, { dispatch }) => {
     // Timeout to fake waiting some process
     // Remove it, or keep it if you want display a beautiful splash screen ;)
-    await new Promise((resolve) => setTimeout(resolve, 1000))
+    await new Promise(resolve => setTimeout(resolve, 1000))
     // Here we load the user 1 for example, but you can for example load the connected user
     await dispatch(FetchOne.action(1))
     await dispatch(DefaultTheme.action({ theme: 'default', darkMode: null }))

template/src/Store/index.js

@@ -32,7 +32,7 @@ const persistedReducer = persistReducer(persistConfig, reducers)
 
 const store = configureStore({
   reducer: persistedReducer,
-  middleware: (getDefaultMiddleware) => {
+  middleware: getDefaultMiddleware => {
     const middlewares = getDefaultMiddleware({
       serializableCheck: {
         ignoredActions: [FLUSH, REHYDRATE, PAUSE, PERSIST, PURGE, REGISTER],