Stage

.github/workflows/coveralls.yml

@@ -0,0 +1,44 @@
+name: Coveralls CI/CD
+on:
+ push:
+ branches:
+ - stage
+ - master
+ pull_request:
+ branches:
+ - stage
+ - master
+jobs:
+ build:
+ name: Build
+ runs-on: ubuntu-latest
+ strategy:
+ matrix:
+ node-version: [14.x]
+
+ steps:
+ - uses: actions/checkout@v2
+ - name: Use Node.js ${{ matrix.node-version }}
+ uses: actions/setup-node@v1
+ with:
+ node-version: ${{ matrix.node-version }}
+ - run: yarn install
+
+ coverage:
+ name: Coveralls
+ runs-on: ubuntu-latest
+ strategy:
+ matrix:
+ node-version: [14.x]
+
+ steps:
+ - uses: actions/checkout@v2
+ - name: Use Node.js ${{ matrix.node-version }}
+ uses: actions/setup-node@v1
+ with:
+ node-version: ${{ matrix.node-version }}
+ - run: yarn install
+ - run: yarn run test
+ - uses: coverallsapp/github-action@master
+ with:
+ github-token: ${{ secrets.GITHUB_TOKEN }}

.gitignore

@@ -4,6 +4,7 @@ sandbox/
 config/
 public/js/app
 yarn.lock
+coverage/
 
 # Logs
 logs
@@ -64,4 +65,4 @@ typings/
 # dotenv environment variables file
 .env
 play/
-build/
+build/

.prettierrc

@@ -1,11 +1,11 @@
-{
- "printWidth": 120,
- "tabWidth": 4,
- "useTabs": true,
- "semi": true,
- "singleQuote": true,
- "trailingComma": "none",
- "bracketSpacing": true,
- "arrowParens": "avoid",
- "endOfLine": "auto"
-}
+{
+ "printWidth": 120,
+ "tabWidth": 4,
+ "useTabs": true,
+ "semi": true,
+ "singleQuote": true,
+ "trailingComma": "none",
+ "bracketSpacing": true,
+ "arrowParens": "avoid",
+ "endOfLine": "lf"
+}

babel.config.js

@@ -0,0 +1,3 @@
+module.exports = {
+ presets: ['@babel/preset-env', '@babel/preset-react']
+};

jest.config.js

@@ -0,0 +1,183 @@
+module.exports = {
+ // All imported modules in your tests should be mocked automatically
+ // automock: false,
+
+ // Stop running tests after `n` failures
+ bail: 1,
+ verbose: true,
+
+ // Respect "browser" field in package.json when resolving modules
+ // browser: false,
+
+ // The directory where Jest should store its cached dependency information
+ // cacheDirectory: "/private/var/folders/v8/7jznytm51515npdjlt72gd9m0000gn/T/jest_dx",
+
+ // Automatically clear mock calls and instances between every test
+ clearMocks: true,
+
+ // Indicates whether the coverage information should be collected while executing the test
+ // collectCoverage: true,
+
+ // An array of glob patterns indicating a set of files for which coverage information should be collected
+ // collectCoverageFrom: ['src/app/**/*.js'],
+
+ // The directory where Jest should output its coverage files
+ coverageDirectory: './coverage',
+
+ // An array of regexp pattern strings used to skip coverage collection
+ // coveragePathIgnorePatterns: [
+ // "/node_modules/"
+ // ],
+
+ // A list of reporter names that Jest uses when writing coverage reports
+ coverageReporters: ['text', 'lcov'],
+
+ // An object that configures minimum threshold enforcement for coverage results
+ // coverageThreshold: null,
+
+ // A path to a custom dependency extractor
+ // dependencyExtractor: null,
+
+ // Make calling deprecated APIs throw helpful error messages
+ // errorOnDeprecated: false,
+
+ // Force coverage collection from ignored files using an array of glob patterns
+ // forceCoverageMatch: [],
+
+ // A path to a module which exports an async function that is triggered once before all test suites
+ // globalSetup: null,
+
+ // A path to a module which exports an async function that is triggered once after all test suites
+ // globalTeardown: null,
+
+ // A set of global variables that need to be available in all test environments
+ globals: {
+ REACT_APP_DEFAULT_AGENCY_API: 'https://agency-nft.rahat.io/api/v1'
+ },
+
+ // The maximum amount of workers used to run your tests. Can be specified as % or a number. E.g. maxWorkers: 10% will use 10% of your CPU amount + 1 as the maximum worker number. maxWorkers: 2 will use a maximum of 2 workers.
+ // maxWorkers: "50%",
+
+ // An array of directory names to be searched recursively up from the requiring module's location
+ // moduleDirectories: [
+ // "node_modules"
+ // ],
+
+ // An array of file extensions your modules use
+ // moduleFileExtensions: [
+ // "js",
+ // "json",
+ // "jsx",
+ // "ts",
+ // "tsx",
+ // "node"
+ // ],
+
+ // A map from regular expressions to module names that allow to stub out resources with a single module
+ // moduleNameMapper: {},
+
+ // An array of regexp pattern strings, matched against all module paths before considered 'visible' to the module loader
+ // modulePathIgnorePatterns: [],
+
+ // Activates notifications for test results
+ // notify: false,
+
+ // An enum that specifies notification mode. Requires { notify: true }
+ // notifyMode: "failure-change",
+
+ // A preset that is used as a base for Jest's configuration
+ preset: 'ts-jest',
+
+ // Run tests from one or more projects
+ // projects: null,
+
+ // Use this configuration option to add custom reporters to Jest
+ // reporters: undefined,
+
+ // Automatically reset mock state between every test
+ // resetMocks: false,
+
+ // Reset the module registry before running each individual test
+ // resetModules: false,
+
+ // A path to a custom resolver
+ // resolver: null,
+
+ // Automatically restore mock state between every test
+ // restoreMocks: false,
+
+ // The root directory that Jest should scan for tests and modules within
+ // rootDir: null,
+
+ // A list of paths to directories that Jest should use to search for files in
+ // roots: [
+ // "<rootDir>"
+ // ],
+
+ // Allows you to use a custom runner instead of Jest's default test runner
+ // runner: "jest-runner",
+
+ // The paths to modules that run some code to configure or set up the testing environment before each test
+ // setupFiles: [],
+
+ // A list of paths to modules that run some code to configure or set up the testing framework before each test
+ // setupFilesAfterEnv: [],
+
+ // A list of paths to snapshot serializer modules Jest should use for snapshot testing
+ // snapshotSerializers: [],
+
+ // The test environment that will be used for testing
+ // testEnvironment: 'node',
+
+ // Options that will be passed to the testEnvironment
+ // testEnvironmentOptions: {},
+
+ // Adds a location field to test results
+ // testLocationInResults: false,
+
+ // The glob patterns Jest uses to detect test files
+ testMatch: ['**/tests/**/*.test.js', '**/tests/**/*.spec.js'],
+
+ // An array of regexp pattern strings that are matched against all test paths, matched tests are skipped
+ // testPathIgnorePatterns: [
+ // "/node_modules/"
+ // ],
+
+ // The regexp pattern or array of patterns that Jest uses to detect test files
+ // testRegex: [],
+
+ // This option allows the use of a custom results processor
+ // testResultsProcessor: null,
+
+ // This option allows use of a custom test runner
+ // testRunner: "jasmine2",
+
+ // This option sets the URL for the jsdom environment. It is reflected in properties such as location.href
+ // testURL: "http://localhost",
+
+ // Setting this value to "fake" allows the use of fake timers for functions such as "setTimeout"
+ // timers: "real",
+
+ // A map from regular expressions to paths to transformers
+ transform: {
+ '^.+\\.(ts|tsx)?$': 'ts-jest',
+ '^.+\\.(js|jsx)$': 'babel-jest'
+ }
+
+ // An array of regexp pattern strings that are matched against all source file paths, matched files will skip transformation
+ // transformIgnorePatterns: [
+ // "/node_modules/"
+ // ],
+
+ // An array of regexp pattern strings that are matched against all modules before the module loader will automatically return a mock for them
+ // unmockedModulePathPatterns: undefined,
+
+ // Indicates whether each individual test should be reported during the run
+ // verbose: null,
+
+ // An array of regexp patterns that are matched against all source file paths before re-running tests in watch mode
+ // watchPathIgnorePatterns: [],
+
+ // Whether to use watchman for file crawling
+ // watchman: true,
+};

jest/setEnvVars.js

@@ -0,0 +1 @@
+process.env.REACT_APP_DEFAULT_AGENCY_API = 'https://agency-nft.rahat.io/api/v1';

package.json

@@ -60,17 +60,26 @@
  "workbox-streams": "^5.1.3"
  },
  "devDependencies": {
+ "@babel/preset-env": "^7.16.4",
+ "@babel/preset-react": "^7.16.0",
+ "babel-jest": "^27.4.2",
+ "coveralls": "^3.1.1",
+ "enzyme": "^3.11.0",
  "eslint-config-airbnb-base": "^14.2.1",
  "eslint-config-prettier": "^7.1.0",
  "eslint-plugin-prettier": "^3.3.1",
  "eslint-plugin-react": "^7.22.0",
- "prettier": "^2.3.0"
+ "jest": "^27.4.2",
+ "prettier": "^2.3.0",
+ "react-test-renderer": "^17.0.2",
+ "ts-jest": "^27.0.7"
  },
  "scripts": {
  "start": "react-scripts start",
  "build": "react-scripts build",
- "test": "react-scripts test",
- "eject": "react-scripts eject"
+ "eject": "react-scripts eject",
+ "test": "jest --coverage",
+ "send-coverage": "jest --coverage && cat ./coverage/lcov.info | coveralls"
  },
  "eslintConfig": {
  "extends": [

src/actionsheets/Charge.js

@@ -1,27 +1,27 @@
-import React, { useState, useEffect, useContext, useCallback } from 'react';
-import { ChargeDetails, OTP, QrcodeReader } from './sheets';
-import { ActionSheetContext } from '../contexts/ActionSheetContext';
-
-export default function ChargeAction(props) {
- const { initData, showLoading, setData, activeSheet, setActiveSheet } = useContext(ActionSheetContext);
-
- let init = useCallback(async () => {
- initData({ phone: '', amount: '', otp: '', chargeTxHash: null });
- }, [initData]);
-
- const onHide = () => {
- setData({ phone: '', amount: '', otp: '', chargeTxHash: null });
- setActiveSheet(null);
- showLoading(null);
- };
-
- useEffect(init, []);
-
- return (
- <>
- <QrcodeReader onHide={onHide} showModal={activeSheet === 'qrcode-reader'} />
- <ChargeDetails onHide={onHide} showModal={activeSheet === 'charge-details'} />
- <OTP onHide={onHide} showModal={activeSheet === 'otp'} />
- </>
- );
-}
+import React, { useEffect, useContext, useCallback } from 'react';
+import { ChargeDetails, OTP, QrcodeReader } from './sheets';
+import { ActionSheetContext } from '../contexts/ActionSheetContext';
+
+export default function ChargeAction(props) {
+ const { initData, showLoading, setData, activeSheet, setActiveSheet } = useContext(ActionSheetContext);
+
+ let init = useCallback(async () => {
+ initData({ phone: '', amount: '', otp: '', chargeTxHash: null });
+ }, [initData]);
+
+ const onHide = () => {
+ setData({ phone: '', amount: '', otp: '', chargeTxHash: null });
+ setActiveSheet(null);
+ showLoading(null);
+ };
+ //eslint-disable-next-line
+ useEffect(init, []);
+
+ return (
+ <>
+ <QrcodeReader onHide={onHide} showModal={activeSheet === 'qrcode-reader'} />
+ <ChargeDetails onHide={onHide} showModal={activeSheet === 'charge-details'} />
+ <OTP onHide={onHide} showModal={activeSheet === 'otp'} />
+ </>
+ );
+}

src/actionsheets/sheets/ChargeDetails.js

@@ -1,11 +1,12 @@
+
 import { useContext } from 'react';
 import { useHistory } from 'react-router-dom';
 import { Form } from 'react-bootstrap';
 import Swal from 'sweetalert2';
 
-import DataService from '../../services/db';
-import { RahatService } from '../../services/chain';
-import { AppContext } from '../../contexts/AppContext';
+// import DataService from '../../services/db';
+// import { RahatService } from '../../services/chain';
+// import { AppContext } from '../../contexts/AppContext';
 import { ActionSheetContext } from '../../contexts/ActionSheetContext';
 import ActionSheet from './ActionSheet';
 
@@ -14,7 +15,7 @@ export default function ChargeDetails(props) {
  const { onHide, showModal } = props;
 
  const { showLoading, data, setData, setActiveSheet } = useContext(ActionSheetContext);
- const { wallet } = useContext(AppContext);
+ // const { wallet } = useContext(AppContext);
 
  const chargeCustomer = async () => {
  showLoading('Charging customer account...');

src/modules/charge/package/Package.js

@@ -48,8 +48,9 @@ export default function ChargePackage(props) {
 
  useEffect(() => {
  (async () => {
- const agency = await DataService.getDefaultAgency();
- const rahat = RahatService(agency.address, wallet);
+ // const agency = await DataService.getDefaultAgency();
+ // const rahat = RahatService(agency.address, wallet);
+
  const data = await getPackageDetails(tokenId);
 
  setPkg({