build(common): ui testing integration

jest.config.js

@@ -6,8 +6,7 @@ module.exports = {
     "js",
   ],
   "transform": {
-    "src\/.*.(js|jsx)$": "babel-jest",
-    "src\/.*.(ts|tsx)$": "ts-jest",
+    "src\/.*.(ts|tsx)$": "babel-jest",
   },
   "testRegex": "src\\/.*\\.spec\\.(ts|tsx)$",
 };

package.json

@@ -29,15 +29,17 @@
     "@types/jest": "^23.3.8",
     "@types/react": "^16.4.18",
     "@types/react-native": "^0.57.7",
+    "@types/react-test-renderer": "^16.0.3",
     "babel-jest": "^23.6.0",
     "babel-preset-react-native": "^4.0.1",
     "husky": "^1.1.2",
     "jest": "^23.6.0",
     "react": "^16.6.0",
     "react-native": "^0.57.4",
+    "react-native-testing-library": "^1.3.0",
     "react-native-typescript-transformer": "^1.2.10",
+    "react-test-renderer": "^16.6.0",
     "rimraf": "^2.6.2",
-    "ts-jest": "^23.10.4",
     "tslint": "^5.11.0",
     "typescript": "^3.1.3"
   }

src/framework/ui/sample/sample.component.spec.tsx

@@ -0,0 +1,20 @@
+import React from 'react';
+import * as UITest from 'react-native-testing-library';
+import {Sample} from './sample.component';
+
+it('Checks Sample component renders correctly', async () => {
+  const component = UITest.render(
+    <Sample/>,
+  );
+  const textComponent = component.getByName('Text');
+  expect(textComponent).not.toBeNull();
+});
+
+it('Checks Sample component passes correct text props', async () => {
+  const text = 'Hello, World!';
+  const component = UITest.render(
+    <Sample text={text}/>,
+  );
+  const textComponent = component.getByName('Text');
+  expect(textComponent.props.children).toEqual(text);
+});