tests: add tests

Author: ian-wd

package.json

@@ -27,6 +27,7 @@
     "!**/__mocks__"
   ],
   "scripts": {
+    "test": "jest",
     "lint": "eslint \"**/*.{js,ts,tsx}\"",
     "prepare": "bob build",
     "example": "yarn --cwd example",
@@ -58,17 +59,33 @@
   "devDependencies": {
     "@react-native-community/eslint-config": "^2.0.0",
     "@tsconfig/react-native": "^2.0.2",
+    "@types/jest": "^26.0.0",
     "@types/react": "^18.0.21",
     "@types/react-native": "^0.70.6",
+    "@types/react-test-renderer": "^18.0.0",
     "@typescript-eslint/eslint-plugin": "^5.37.0",
     "@typescript-eslint/parser": "^5.37.0",
+    "babel-jest": "^26.6.3",
     "eslint": "^7.32.0",
+    "jest": "^26.6.3",
+    "metro-react-native-babel-preset": "0.72.3",
+    "pod-install": "^0.1.0",
     "react": "18.1.0",
     "react-native": "0.70.4",
     "react-native-builder-bob": "^0.18.0",
-    "metro-react-native-babel-preset": "0.72.3",
-    "typescript": "^4.1.3",
-    "pod-install": "^0.1.0"
+    "react-test-renderer": "18.1.0",
+    "typescript": "^4.1.3"
+  },
+  "jest": {
+    "preset": "react-native",
+    "modulePathIgnorePatterns": [
+      "<rootDir>/src/__tests__/Setup",
+      "<rootDir>/example/",
+      "<rootDir>/lib/"
+    ],
+    "setupFiles": [
+      "<rootDir>/src/__tests__/Setup.tsx"
+    ]
   },
   "react-native-builder-bob": {
     "source": "src",

src/SketchCanvas.tsx

@@ -78,7 +78,7 @@ class SketchCanvas extends React.Component<SketchCanvasProps, CanvasState> {
     );
   }
 
-  componentWillReceiveProps(nextProps: SketchCanvasProps) {
+  UNSAFE_componentWillReceiveProps(nextProps: SketchCanvasProps) {
     this.setState({
       text: this._processText(
         nextProps.text ? nextProps.text.map(t => Object.assign({}, t)) : null,
@@ -214,7 +214,7 @@ class SketchCanvas extends React.Component<SketchCanvasProps, CanvasState> {
     }
   }
 
-  componentWillMount() {
+  UNSAFE_componentWillMount() {
     this.panResponder = PanResponder.create({
       // Ask to be the responder:
       onStartShouldSetPanResponder: (_evt, _gestureState) => true,

src/__tests__/RNSketchCanvas.test.tsx

@@ -0,0 +1,10 @@
+import 'react-native';
+import React from 'react';
+import RNSketchCanvas from '../index';
+
+// Note: test renderer must be required after react-native.
+import renderer from 'react-test-renderer';
+
+it('renders correctly', () => {
+  renderer.create(<RNSketchCanvas />);
+});

src/__tests__/Setup.tsx

@@ -0,0 +1,16 @@
+jest.mock('react-native', () => {
+  const RN = jest.requireActual('react-native');
+
+  RN.UIManager.getViewManagerConfig = jest.fn(() => {
+    return {
+      Constants: {},
+    };
+  });
+
+  Object.defineProperty(RN, 'findNodeHandle', {
+    get: jest.fn(() => () => 1),
+    set: jest.fn(),
+  });
+
+  return RN;
+});

src/__tests__/SketchCanvas.test.tsx

@@ -0,0 +1,11 @@
+import 'react-native';
+import React from 'react';
+import SketchCanvas from '../SketchCanvas';
+
+// Note: test renderer must be required after react-native.
+import renderer from 'react-test-renderer';
+
+it('renders correctly', () => {
+  console.log(SketchCanvas);
+  renderer.create(<SketchCanvas />);
+});

src/__tests__/handlePermissionIOS.test.tsx

@@ -0,0 +1,23 @@
+import {requestPermissions} from '../handlePermissions';
+
+jest.mock('react-native/Libraries/Utilities/Platform', () => {
+  const Platform = jest.requireActual(
+    'react-native/Libraries/Utilities/Platform',
+  );
+  Platform.OS = 'ios';
+  return Platform;
+});
+
+describe('IOS Permission Requestion', () => {
+  it('should always return true', async () => {
+    const permissionDialogTitle = 'Permission title';
+    const permissionDialogMessage = 'Permission message';
+
+    const granted = await requestPermissions(
+      permissionDialogTitle,
+      permissionDialogMessage,
+    );
+
+    expect(granted).toBe(true);
+  });
+});

src/__tests__/handlePermissionsDenied.test.tsx

@@ -0,0 +1,35 @@
+import {requestPermissions} from '../handlePermissions';
+
+jest.mock('react-native/Libraries/Utilities/Platform', () => {
+  const Platform = jest.requireActual(
+    'react-native/Libraries/Utilities/Platform',
+  );
+  Platform.OS = 'android';
+  return Platform;
+});
+
+jest.mock(
+  'react-native//Libraries/PermissionsAndroid/PermissionsAndroid',
+  () => {
+    return {
+      ...jest.requireActual(
+        'react-native//Libraries/PermissionsAndroid/PermissionsAndroid',
+      ),
+      request: jest.fn(() => new Promise(resolve => resolve('denied'))),
+    };
+  },
+);
+
+describe('Permission Denied', () => {
+  it('should return false if permission is not granted', async () => {
+    const permissionDialogTitle = 'Permission title';
+    const permissionDialogMessage = 'Permission message';
+
+    const granted = await requestPermissions(
+      permissionDialogTitle,
+      permissionDialogMessage,
+    );
+
+    expect(granted).toBe(false);
+  });
+});

src/__tests__/handlePermissionsGranted.test.tsx

@@ -0,0 +1,35 @@
+import {requestPermissions} from '../handlePermissions';
+
+jest.mock('react-native/Libraries/Utilities/Platform', () => {
+  const Platform = jest.requireActual(
+    'react-native/Libraries/Utilities/Platform',
+  );
+  Platform.OS = 'android';
+  return Platform;
+});
+
+jest.mock(
+  'react-native//Libraries/PermissionsAndroid/PermissionsAndroid',
+  () => {
+    return {
+      ...jest.requireActual(
+        'react-native//Libraries/PermissionsAndroid/PermissionsAndroid',
+      ),
+      request: jest.fn(() => new Promise(resolve => resolve('granted'))),
+    };
+  },
+);
+
+describe('Permission Granted', () => {
+  it('should return true if permission is granted', async () => {
+    const permissionDialogTitle = 'Permission title';
+    const permissionDialogMessage = 'Permission message';
+
+    const granted = await requestPermissions(
+      permissionDialogTitle,
+      permissionDialogMessage,
+    );
+
+    expect(granted).toBe(true);
+  });
+});