Merge pull request #13 from Naturalclar/chore/addTesting

chore: add snapshot tests

Author: Naturalclar

.circleci/config.yml

@@ -39,7 +39,9 @@ orbs:
 jobs:
   # Set up a Linux environment for downstream jobs
   linux-checkout:
-    executor: rn/linux_js
+    executor:
+      name: rn/linux_js
+      node_version: '10'
     steps:
       - attach_workspace:
           at: .
@@ -50,28 +52,36 @@ jobs:
           paths: .
 
   eslint:
-    executor: rn/linux_js
+    executor: 
+      name: rn/linux_js
+      node_version: '10'
     steps:
       - attach_workspace:
           at: .
       - run: *eslint
 
   type-check:
-    executor: rn/linux_js
+    executor:
+      name: rn/linux_js
+      node_version: '10'
     steps:
       - attach_workspace:
           at: .
       - run: *type-check
 
   flow:
-    executor: rn/linux_js
+    executor:
+      name: rn/linux_js
+      node_version: '10'
     steps:
       - attach_workspace:
           at: .
       - run: *flow
 
   jest:
-    executor: rn/linux_js
+    executor:
+      name: rn/linux_js
+      node_version: '10'
     steps:
       - attach_workspace:
           at: .
@@ -128,11 +138,10 @@ workflows:
       # TODO: implement typescript types
       # - type-check:
       #     requires:
-      #     - linux-checkout
-      # TODO: implement test
-      # - jest:
-      #     requires:
-      #       - linux-checkout
+      #     - linux-checkout      
+      - jest:
+          requires:
+            - linux-checkout
       - flow:
           requires:
             - linux-checkout

example/__tests__/App.js

@@ -0,0 +1,23 @@
+import * as React from 'react';
+import renderer from 'react-test-renderer';
+import ProgressView from '../ProgressViewIOS.ios';
+
+describe('<ProgressView />', () => {
+  it('renders enabled ProgressView', () => {
+    const tree = renderer.create(<ProgressView />).toJSON();
+
+    expect(tree).toMatchSnapshot();
+  });
+
+  it('renders Horizontal ProgressView', () => {
+    const tree = renderer.create(<ProgressView progressViewStyle="bar" />).toJSON();
+
+    expect(tree).toMatchSnapshot();
+  });
+
+  it('renders ProgressView with tintColor', () => {
+    const tree = renderer.create(<ProgressView progressTintColor="red" />).toJSON();
+
+    expect(tree).toMatchSnapshot();
+  });
+});

js/__tests__/ProgressViewIOS.ios.test.js

@@ -0,0 +1,42 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`<ProgressView /> renders Horizontal ProgressView 1`] = `
+<RNCProgressView
+  progressViewStyle="bar"
+  style={
+    Array [
+      Object {
+        "height": 2,
+      },
+      undefined,
+    ]
+  }
+/>
+`;
+
+exports[`<ProgressView /> renders ProgressView with tintColor 1`] = `
+<RNCProgressView
+  progressTintColor="red"
+  style={
+    Array [
+      Object {
+        "height": 2,
+      },
+      undefined,
+    ]
+  }
+/>
+`;
+
+exports[`<ProgressView /> renders enabled ProgressView 1`] = `
+<RNCProgressView
+  style={
+    Array [
+      Object {
+        "height": 2,
+      },
+      undefined,
+    ]
+  }
+/>
+`;

js/__tests__/__snapshots__/ProgressViewIOS.ios.test.js.snap

@@ -10,6 +10,7 @@
     "run:ios": "node node_modules/react-native/local-cli/cli.js run-ios --project-path \"./example/ios\"",
     "start": "node node_modules/react-native/local-cli/cli.js start --projectRoot example --watchFolders $PWD",
     "flow": "flow",
+    "test":"jest",
     "lint": "eslint ."
   },
   "peerDependencies": {
@@ -27,7 +28,7 @@
     "eslint": "^6.8.0",
     "eslint-plugin-prettier": "^3.1.2",
     "flow-bin": "0.105.2",
-    "jest": "24.7.1",
+    "jest": "^25.1.0",
     "metro-react-native-babel-preset": "0.53.1",
     "prettier": "^1.19.1",
     "react": "16.8.3",