add snapshot test to widget react unit test

packages/ringcentral-widgets-test/package.json

@@ -15,10 +15,12 @@
     "test:jest": "jest --no-cache --maxWorkers=5",
     "test:watch": "yarn test -- --watch",
     "test:coverage": "yarn test --coverage",
-    "test:showCoverage": "cat ./coverage/lcov.info | coveralls"
+    "test:showCoverage": "cat ./coverage/lcov.info | coveralls",
+    "test:updateSnapshot": "jest --updateSnapshot"
   },
   "dependencies": {
     "@ringcentral-integration/i18n": "^2.0.0",
+    "@ringcentral-integration/locale-loader": "^2.0.0",
     "@ringcentral-integration/phone-number": "*",
     "babel-istanbul": "^0.12.1",
     "coveralls": "^2.11.15",
@@ -30,16 +32,14 @@
     "fs-extra": "^6.0.0",
     "identity-obj-proxy": "^3.0.0",
     "jest": "^22.4.3",
-    "@ringcentral-integration/locale-loader": "^2.0.0",
+    "moment": "^2.22.1",
     "normalize-css": "^2.3.1",
     "pubnub": "^4.20.1",
-    "moment": "^2.22.1",
     "react": "^16.3.2",
     "react-dom": "^16.3.2",
     "react-redux": "^5.0.5",
     "react-router": "^3.0.0",
     "react-router-redux": "^4.0.7",
-    "react-test-renderer": "^16.0.0",
     "redux": "^3.7.2",
     "redux-logger": "^3.0.6",
     "redux-thunk": "^2.2.0",
@@ -64,8 +64,8 @@
       ".*?/node_modules/(?!(ringcentral-integration|ringcentral-widgets|ringcentral-widgets-demo|locale-loader|babel-settings)/).*/"
     ],
     "setupFiles": [
-      "<rootDir>/test/shim.js",
-      "<rootDir>/test/setup.js"
+      "<rootDir>/test/support/shim.js",
+      "<rootDir>/test/support/setup.js"
     ],
     "snapshotSerializers": [
       "enzyme-to-json/serializer"
@@ -87,5 +87,8 @@
   },
   "peerDependencies": {
     "babel-runtime": "^6.26.0"
+  },
+  "devDependencies": {
+    "react-test-renderer": "^16.4.1"
   }
 }

packages/ringcentral-widgets-test/test/messages/helper.js → packages/ringcentral-widgets-test/test/integration-test/messages/helper.js

@@ -3,7 +3,7 @@ import subscriptionBody from 'ringcentral-integration/integration-test/mock/data
 import pubnubMsg from 'ringcentral-integration/integration-test/mock/data/pubnub.json';
 import * as mock from 'ringcentral-integration/integration-test/mock';
 import { timeout } from '../shared';
-import * as MockedPubNub from '../__mocks__/pubnub.js';
+import * as MockedPubNub from '../../__mocks__/pubnub.js';
 
 export async function mockPubnub() {
   const pubnub = MockedPubNub.getLastPubnub();

packages/ringcentral-widgets-test/test/unit-test/DropDownSelect.unit.spec.js

@@ -0,0 +1,27 @@
+import React, {Component} from 'react';
+import renderer from 'react-test-renderer'
+import DropdownSelect from 'ringcentral-widgets/components/DropdownSelect';
+
+const setup = (props) => {
+  const wrapper = renderer.create(<DropdownSelect
+    currentLocale='en-US'
+    {...props}
+  />);
+  return wrapper;
+};
+
+describe('DropdownSelect:', () => {
+  it('render correctly', () => {
+    const props = {
+      value: {id:1},
+      options: [{id:1}, {id:2}],
+      renderFunction: ()=>{},
+      valueFunction: ()=>{},
+      renderValue: ()=>{},
+      onChange: ()=>{},
+    };
+    const wrapper = setup(props);
+    expect(wrapper).toMatchSnapshot();
+  });
+});
+

packages/ringcentral-widgets-test/test/unit-test/__snapshots__/DropDownSelect.unit.spec.js.snap

@@ -0,0 +1,41 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`DropdownSelect: render correctly 1`] = `
+<div
+  className="root"
+>
+  <div
+    className="button"
+    onClick={[Function]}
+    title=""
+    type="button"
+  >
+    <span
+      className="selectedValue ellipsis"
+    />
+    <span
+      className="icon"
+    >
+      <i
+        className="arrow"
+      />
+    </span>
+  </div>
+  <ul
+    className="dropdown"
+  >
+    <li
+      className="dropdownItem center ellipsis"
+      onClick={[Function]}
+      title=""
+      value={undefined}
+    />
+    <li
+      className="dropdownItem center ellipsis"
+      onClick={[Function]}
+      title=""
+      value={undefined}
+    />
+  </ul>
+</div>
+`;

yarn.lock

@@ -8635,6 +8635,10 @@ react-is@^16.3.2:
   version "16.3.2"
   resolved "https://registry.yarnpkg.com/react-is/-/react-is-16.3.2.tgz#f4d3d0e2f5fbb6ac46450641eb2e25bf05d36b22"
 
+react-is@^16.4.1:
+  version "16.4.1"
+  resolved "https://registry.yarnpkg.com/react-is/-/react-is-16.4.1.tgz#d624c4650d2c65dbd52c72622bbf389435d9776e"
+
 react-json-tree@^0.10.0:
   version "0.10.9"
   resolved "https://registry.yarnpkg.com/react-json-tree/-/react-json-tree-0.10.9.tgz#7263173a2cc8bf05eac63b0419c3ce75b232e284"
@@ -8734,6 +8738,15 @@ react-test-renderer@^16.0.0, react-test-renderer@^16.0.0-0:
     prop-types "^15.6.0"
     react-is "^16.3.2"
 
+react-test-renderer@^16.4.1:
+  version "16.4.1"
+  resolved "https://registry.yarnpkg.com/react-test-renderer/-/react-test-renderer-16.4.1.tgz#f2fb30c2c7b517db6e5b10ed20bb6b0a7ccd8d70"
+  dependencies:
+    fbjs "^0.8.16"
+    object-assign "^4.1.1"
+    prop-types "^15.6.0"
+    react-is "^16.4.1"
+
 react-transition-group@^2.2.1:
   version "2.3.1"
   resolved "https://registry.yarnpkg.com/react-transition-group/-/react-transition-group-2.3.1.tgz#31d611b33e143a5e0f2d94c348e026a0f3b474b6"