Sets up initial jest infra and mocks along with a basic export snapshot (stripe#331)

* js unit infra

* fix lint

* store coverage

Author: jdivock-stripe

.circleci/config.yml

@@ -241,6 +241,16 @@ jobs:
           command: |
             yarn typescript
             yarn --cwd example-app typescript
+  unit-js:
+    executor: linux_js
+    steps:
+      - attach_project
+      - run:
+          name: Jest
+          command: |
+            yarn unit-test:js --coverage
+      - store_artifacts:
+          path: coverage
   example-build-android:
     executor:
       name: android/android-machine
@@ -365,6 +375,9 @@ workflows:
       - typescript:
           requires:
             - install-dependencies
+      - unit-js:
+          requires:
+            - install-dependencies
       - example-build-ios:
           requires:
             - install-dependencies

.eslintignore

@@ -9,3 +9,4 @@ tsconfig.json
 config.json
 app.json
 tsconfig.build.json
+*.snap

jest.eslint.config.js

@@ -5,4 +5,5 @@ module.exports = {
   displayName: 'eslint',
   moduleFileExtensions: ['ts', 'tsx', 'js', 'jsx', 'json', 'node'],
   testMatch: ['**/*'],
+  testPathIgnorePatterns: ['/node_modules/', '<rootDir>/lib'],
 };

jestSetup.js

@@ -0,0 +1,18 @@
+import { NativeModules } from 'react-native';
+
+NativeModules.StripeTerminalReactNative = {
+  getConstants: () => ({
+    FETCH_TOKEN_PROVIDER: 'FETCH_TOKEN_PROVIDER',
+    CHANGE_CONNECTION_STATUS: 'CHANGE_CONNECTION_STATUS',
+    CHANGE_PAYMENT_STATUS: 'CHANGE_PAYMENT_STATUS',
+    FINISH_DISCOVERING_READERS: 'FINISH_DISCOVERING_READERS',
+    FINISH_INSTALLING_UPDATE: 'FINISH_INSTALLING_UPDATE',
+    REQUEST_READER_DISPLAY_MESSAGE: 'REQUEST_READER_DISPLAY_MESSAGE',
+    REQUEST_READER_INPUT: 'REQUEST_READER_INPUT',
+    REPORT_AVAILABLE_UPDATE: 'REPORT_AVAILABLE_UPDATE',
+    REPORT_UNEXPECTED_READER_DISCONNECT: 'REPORT_UNEXPECTED_READER_DISCONNECT',
+    REPORT_UPDATE_PROGRESS: 'REPORT_UPDATE_PROGRESS',
+    START_INSTALLING_UPDATE: 'START_INSTALLING_UPDATE',
+    UPDATE_DISCOVERED_READERS: 'UPDATE_DISCOVERED_READERS',
+  }),
+};

package.json

@@ -17,7 +17,7 @@
     "stripe-terminal-react-native.podspec"
   ],
   "scripts": {
-    "test": "jest",
+    "test": "yarn unit-test:android && yarn unit-test:js",
     "typescript": "tsc --noEmit",
     "lint": "jest --config \"jest.eslint.config.js\"",
     "prettier": "prettier --write \"**/*.{ts,js,jsx,tsx}\"",
@@ -40,7 +40,8 @@
     "e2e:test:ios:release": " detox test --configuration ios.sim.release --take-screenshots failing --loglevel verbose",
     "get:testbutler": "curl -f -o ./test-butler-app.apk https://repo1.maven.org/maven2/com/linkedin/testbutler/test-butler-app/2.2.1/test-butler-app-2.2.1.apk",
     "docs": "npx typedoc ./src/index.tsx --out ./docs/api-reference --tsconfig ./tsconfig.json",
-    "unit-test:android": "cd android && ./gradlew testDebugUnitTest"
+    "unit-test:android": "cd android && ./gradlew testDebugUnitTest",
+    "unit-test:js": "jest"
   },
   "keywords": [
     "react-native",
@@ -86,10 +87,16 @@
   },
   "jest": {
     "preset": "react-native",
+    "setupFiles": [
+      "<rootDir>/jestSetup.js"
+    ],
     "modulePathIgnorePatterns": [
       "<rootDir>/dev-app/node_modules",
       "<rootDir>/lib/"
-    ]
+    ],
+    "moduleNameMapper": {
+      "package.json$": "<rootDir>/package.json"
+    }
   },
   "peerDependencies": {
     "react": "*",

src/__snapshots__/index.test.tsx.snap

@@ -0,0 +1,35 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`index.ts Public API snapshot ensure there are no unexpected changes to our public exports 1`] = `
+Object {
+  "CommonError": Object {
+    "Canceled": "Canceled",
+    "Failed": "Failed",
+    "Unknown": "Unknown",
+  },
+  "PaymentIntent": Object {},
+  "PaymentMethod": Object {
+    "Android": Object {},
+    "IOS": Object {},
+  },
+  "Reader": Object {
+    "Android": Object {},
+    "IOS": Object {},
+  },
+  "Refund": Object {
+    "Android": Object {},
+    "IOS": Object {},
+  },
+  "SetupIntent": Object {
+    "Android": Object {},
+    "IOS": Object {},
+  },
+  "StripeTerminalProvider": [Function],
+  "StripeTerminalProviderProps": undefined,
+  "UseStripeTerminalProps": undefined,
+  "WithStripeTerminalProps": undefined,
+  "requestNeededAndroidPermissions": [Function],
+  "useStripeTerminal": [Function],
+  "withStripeTerminal": [Function],
+}
+`;

src/index.test.tsx

@@ -0,0 +1,13 @@
+import * as StripeTerminal from './index';
+
+jest.mock(
+  '../node_modules/react-native/Libraries/EventEmitter/NativeEventEmitter'
+);
+
+describe('index.ts', () => {
+  describe('Public API snapshot', () => {
+    it('ensure there are no unexpected changes to our public exports', () => {
+      expect(StripeTerminal).toMatchSnapshot();
+    });
+  });
+});