Convert WelcomeScreen to hooks and Typescript

.eslintrc

@@ -83,6 +83,7 @@
     "react/prop-types": 0,
     "react/display-name": 0,
     "@typescript-eslint/no-unused-vars": "error",
+    "@typescript-eslint/no-explicit-any": "error",
     "@typescript-eslint/camelcase": "off",
     "@typescript-eslint/indent": "off",
     "@typescript-eslint/no-use-before-define": "off",

__mock__/react-native-firebase.js

@@ -1,3 +1,5 @@
 jest.mock('react-native-firebase', () => ({
   links: jest.fn(),
+  onLink: jest.fn(),
+  getInitialLink: jest.fn(() => Promise.resolve('firebaseDeepLinkUri')),
 }));

__mock__/react-native-omniture.js

@@ -3,4 +3,5 @@ jest.mock('react-native-omniture', () => ({
   trackState: jest.fn(),
   syncIdentifier: jest.fn(),
   loadMarketingCloudId: jest.fn(),
+  collectLifecycleData: jest.fn(),
 }));

package.json

@@ -67,6 +67,7 @@
     "react-native-vector-icons": "^6.4.2",
     "react-native-view-overflow": "^0.0.4",
     "react-navigation": "3.11.0",
+    "react-navigation-hooks": "https://github.com/react-navigation/react-navigation-hooks#master",
     "react-navigation-redux-helpers": "^3.0.2",
     "react-redux": "^5.1.1",
     "redux": "^4.0.1",
@@ -84,10 +85,14 @@
     "@babel/plugin-transform-runtime": "^7.4.4",
     "@brainly/onesky-utils": "^1.3.1",
     "@types/color": "^3.0.0",
+    "@types/enzyme": "^3.9.3",
+    "@types/enzyme-adapter-react-16": "^1.0.5",
     "@types/jest": "^24.0.13",
     "@types/react": "^16.8.18",
     "@types/react-native": "^0.57.60",
     "@types/react-redux": "^7.0.9",
+    "@types/react-test-renderer": "^16.8.1",
+    "@types/redux-mock-store": "^1.0.1",
     "@typescript-eslint/eslint-plugin": "^1.9.0",
     "@typescript-eslint/parser": "^1.9.0",
     "appcenter-cli": "^1.1.18",
@@ -109,6 +114,7 @@
     "prettier": "^1.17.1",
     "pretty-quick": "^1.11.0",
     "react-dom": "^16.8.6",
+    "react-native-testing-library": "^1.7.0",
     "react-test-renderer": "^16.8.6",
     "redux-mock-store": "^1.5.3",
     "typescript": "^3.4.5"

src/App.tsx

@@ -140,8 +140,8 @@ export default class App extends Component {
     } else {
       rollbar.error(Error(`Unknown Error:\n${JSON.stringify(e, null, 2)}`));
     }
-
-    global.LOG(e);
+    // @ts-ignore
+    LOG(e);
   }
 
   showOfflineAlert = () => {

src/containers/WelcomeScreen/__tests__/WelcomeScreen.tsx

@@ -0,0 +1,91 @@
+import 'react-native';
+import React from 'react';
+import { fireEvent } from 'react-native-testing-library';
+
+import WelcomeScreen from '..';
+
+import { renderWithContext, snapshotWithContext } from '../../../../testUtils';
+import * as common from '../../../utils/common';
+import { trackActionWithoutData } from '../../../actions/analytics';
+import { ACTIONS } from '../../../constants';
+
+const next = jest.fn(() => () => {});
+
+jest.mock('react-native-device-info');
+jest.mock('../../../actions/analytics');
+jest.mock('../../../components/BottomButton', () => 'BottomButton');
+jest.mock('../../../components/common', () => ({
+  Flex: 'Flex',
+  Text: 'Text',
+  Button: 'Button',
+}));
+
+// @ts-ignore
+common.disableBack = { add: jest.fn(), remove: jest.fn() };
+
+(trackActionWithoutData as jest.Mock).mockReturnValue({
+  type: 'tracked action without data',
+});
+
+describe('WelcomeScreen', () => {
+  const allowSignInVariantConfig = {
+    navParams: { allowSignIn: true },
+  };
+
+  it('should render correctly', () => {
+    snapshotWithContext(<WelcomeScreen next={next} />);
+  });
+
+  it('should render correctly with sign in button', () => {
+    snapshotWithContext(
+      <WelcomeScreen next={next} />,
+      allowSignInVariantConfig,
+    );
+  });
+
+  it('getStarted btn should call next', () => {
+    const { getByTestId } = renderWithContext(<WelcomeScreen next={next} />);
+    fireEvent(getByTestId('get-started'), 'onPress');
+
+    expect(common.disableBack.remove).toHaveBeenCalledTimes(1);
+    expect(next).toHaveBeenCalledTimes(1);
+    expect(next).toHaveBeenCalledWith({ signin: false });
+  });
+
+  it('tryItNow btn should call next', () => {
+    const { getByTestId } = renderWithContext(
+      <WelcomeScreen next={next} />,
+      allowSignInVariantConfig,
+    );
+    fireEvent(getByTestId('get-started-sign-in-variant'), 'onPress');
+
+    expect(common.disableBack.remove).toHaveBeenCalledTimes(1);
+    expect(next).toHaveBeenCalledTimes(1);
+    expect(next).toHaveBeenCalledWith({ signin: false });
+  });
+
+  it('signIn btn should call next with signIn = true', () => {
+    const { getByTestId } = renderWithContext(
+      <WelcomeScreen next={next} />,
+      allowSignInVariantConfig,
+    );
+    fireEvent(getByTestId('sign-in'), 'onPress');
+
+    expect(next).toHaveBeenCalledTimes(1);
+    expect(next).toHaveBeenCalledWith({ signin: true });
+  });
+
+  it('should fire analytics event on mount', () => {
+    renderWithContext(<WelcomeScreen next={next} />);
+
+    expect(trackActionWithoutData).toHaveBeenCalledWith(
+      ACTIONS.ONBOARDING_STARTED,
+    );
+  });
+
+  it('should clean up back handler on unmount', () => {
+    renderWithContext(<WelcomeScreen next={next} />).unmount();
+
+    expect(common.disableBack.remove).toHaveBeenCalledTimes(1);
+  });
+});