Merge remote-tracking branch 'origin/dev' into dev

Author: a7urag

.gitignore

@@ -320,3 +320,6 @@ android/.idea/**
 
 #ios
 Pods/*
+
+# Jest
+.jest/

README.md

@@ -1,18 +1,10 @@
 # React Native Typescript Boilerplate
 
-An opinionated boilerplate to build enterprise iOS / Android React Native apps.
+### An opinionated [React Native](https://facebook.github.io/react-native/docs/getting-started) Starter Kit with [React Native Navigation](https://github.com/wix/react-native-navigation) + [Redux](https://github.com/reactjs/redux) + [Eslint](https://github.com/airbnb/javascript) to build iOS / Android apps using TypeScript
 
 ##### Built using Microsft TypeScript & React Native
 
-The project has been setup based off instructions from Microsoft's Github TypeScript React Native Starter repo:
-https://github.com/Microsoft/TypeScript-React-Native-Starter
-
-- [React Native](https://facebook.github.io/react-native/) - 0.58.1
-- [React Native Navigation](https://github.com/wix/react-native-navigation) - 2.x.x
-- [Redux](https://github.com/reduxjs/redux)
-- [Thunk](https://github.com/reduxjs/redux-thunk)
-
-The project also uses [eslint](https://github.com/airbnb/javascript). Tests cases have been written using [jest](https://github.com/facebook/jest)
+The project has been setup based off instructions from [Microsoft's Github TypeScript React Native](https://github.com/Microsoft/TypeScript-React-Native-Starter) Starter repo
 
 ### Table of Contents
 
@@ -21,8 +13,7 @@ The project also uses [eslint](https://github.com/airbnb/javascript). Tests case
 - [Deployment](#deployment)
   - [Codepush](#codepush)
 - [Lint](#lint)
-- [Running Unit Tests](#running-unit-tests)
-- [Rename the app](#rename-the-app)
+- [Unit Tests](#unit-tests)
 - [TODO](#todo)
 - [Cheat Sheet](#cheat-sheet)
 
@@ -43,17 +34,16 @@ The project also uses [eslint](https://github.com/airbnb/javascript). Tests case
 │   └── utilities
 ├── src
 │   ├── config					App Configuration
-│   │	    └── defaults
 │   ├── constants				Screens, Localization
 │   ├── navigators				Router, Navigation
-│   ├── view				UI compoments - Screens, Widgets
+│   ├── view					UI compoments - Screens, Widgets
 │   │	    ├── elements				Custom elements
-│   │	    ├── icons
+│   │	    ├── assets
 │   │	    ├── screens
 │   │	    ├── styles				Typography
 │   │	    └── widgets				Custom components
 │   └── utilities
-├── tests					Unit Tests
+├── __tests__				Unit Tests
 │   ├── presentation
 │   └── redux
 ├── .babelrc
@@ -122,11 +112,11 @@ Example:
 
 ```
 appcenter codepush release-react -a AmitM30/rnts-ios -d Staging --description "Code Push !"
-appcenter codepush release-react -a AmitM30/rnts-android -d Staging --description "Code Push !"
 ```
 
 ###### Command Options
 
+List apps registered.
 `<ownerName>/<appName>`
 
 ```
@@ -136,30 +126,9 @@ AmitM30/rnts-ios
 ```
 
 `<deploymentName>`
-iOS Keys:
 
 ```
 $ appcenter codepush deployment list -a AmitM30/rnts-ios
-┌────────────┬───────────────────────────────────────┐
-│ Name       │ Key                                   │
-├────────────┼───────────────────────────────────────┤
-│ Staging    │ xxxxxx │
-├────────────┼───────────────────────────────────────┤
-│ Production │ xxxxxx │
-└────────────┴───────────────────────────────────────┘
-```
-
-Android Keys:
-
-```
-$ appcenter codepush deployment list -a AmitM30/rnts-android
-┌────────────┬──────────────────────────────────────────────────────────────────┐
-│ Name       │ Key                                                              │
-├────────────┼──────────────────────────────────────────────────────────────────┤
-│ Staging    │ xxxxx-xxxx-xxxx │
-├────────────┼──────────────────────────────────────────────────────────────────┤
-│ Production │ xxxxx-xxxx-xxxx │
-└────────────┴──────────────────────────────────────────────────────────────────┘
 ```
 
 ###### Release History
@@ -176,14 +145,6 @@ Or:
 code-push deployment history AmitM30/rnts-ios Staging
 ```
 
-###### Rollout Percentage
-
-Command:
-
-```
-appcenter codepush patch -a AmitM30/rnts-android Staging -t v2 -r 80
-```
-
 #### Lint
 
 To run lint on the application:
@@ -219,3 +180,7 @@ npm run test:coverage
 ##### Items to come here
 
 Test Item
+
+#### TODO
+
+- [ ] Build React app using `shared` business logic

__tests__/App.js renamed to __tests__/App.tsx

@@ -0,0 +1,11 @@
+import React from 'react';
+import 'react-native';
+import renderer from 'react-test-renderer';
+
+import Home from '../../src/view/screens/home';
+// Note: test renderer must be required after react-native.
+
+it('renders correctly with defaults', () => {
+  const tree = renderer.create(<Home name="Amit" />).toJSON();
+  expect(tree).toMatchSnapshot();
+});

__tests__/views/home.tsx

@@ -40,6 +40,14 @@
   },
   "license": "MIT",
   "devDependencies": {
+    "@babel/plugin-proposal-class-properties": "^7.3.0",
+    "@babel/preset-env": "^7.3.1",
+    "@types/jest": "^23.3.13",
+    "@types/react": "^16.7.21",
+    "@types/react-native": "^0.57.32",
+    "@types/react-redux": "^7.0.1",
+    "@types/react-test-renderer": "^16.0.3",
+    "@types/redux-logger": "^3.0.6",
     "babel-core": "^7.0.0-bridge.0",
     "babel-eslint": "^10.0.1",
     "babel-jest": "24.0.0",
@@ -54,20 +62,36 @@
     "eslint-watch": "^4.0.2",
     "jest": "24.0.0",
     "metro-react-native-babel-preset": "^0.51.1",
+    "react-addons-test-utils": "^15.6.2",
+    "react-native-typescript-transformer": "^1.2.11",
     "react-test-renderer": "16.6.3",
-    "regenerator-runtime": "^0.13.1"
+    "regenerator-runtime": "^0.13.1",
+    "ts-jest": "^23.10.5",
+    "typescript": "^3.2.4"
   },
   "jest": {
     "preset": "react-native",
+    "moduleFileExtensions": [
+      "ts",
+      "tsx",
+      "js"
+    ],
     "transform": {
-      "^.+\\.js$": "<rootDir>/node_modules/react-native/jest/preprocessor.js"
+      "^.+\\.(js)$": "<rootDir>/node_modules/babel-jest",
+      "\\.(ts|tsx)$": "<rootDir>/node_modules/ts-jest/preprocessor.js"
     },
+    "testRegex": "(/__tests__/.*|\\.(test|spec))\\.(ts|tsx|js)$",
+    "testPathIgnorePatterns": [
+      "\\.snap$",
+      "<rootDir>/node_modules/"
+    ],
     "collectCoverageFrom": [
       "src/**/*.{js,jsx}",
       "!**/node_modules/**",
       "!ios/**",
       "!android/**"
-    ]
+    ],
+    "cacheDirectory": ".jest/cache"
   },
   "engines": {
     "node": ">=8.11.0 <=9",

package.json

@@ -0,0 +1,8 @@
+module.exports = {
+  getTransformModulePath() {
+    return require.resolve('react-native-typescript-transformer');
+  },
+  getSourceExts() {
+    return ['ts', 'tsx'];
+  }
+};