fix: more tests included

Author: vip-git

jest.frontend.config.js

@@ -1,4 +1,3 @@
-/* eslint-disable eol-last */
 const paths = require('./scripts/config/paths');
 
 module.exports = {
@@ -16,14 +15,16 @@ module.exports = {
 	],
 	coverageDirectory: '<rootDir>/frontend-coverage',
 	coveragePathIgnorePatterns: [
+		// All type definitions to be excluded
+		'!*.d.ts',
 		// All Ignore files should be covered by E2E Tests to get maximum coverage.
 		'<rootDir>/node_modules',
 		'<rootDir>/src/client/mobile/metro.config.js',
 		'<rootDir>/src/client/mobile/babel.config.js',
 		'<rootDir>/src/client/mobile/__tests__',
 		'<rootDir>/src/client/web/ssr',
 		'<rootDir>/src/client/web/server.ts',
-		'<rootDir>/src/client/web/app/App.e2e-test.ts',
+		'<rootDir>/src/client/web/app/__tests__/app.e2e-test.ts',
 		'<rootDir>/src/client/web/app/common/components/doc-gen',
 		'<rootDir>/src/client/shared/utils/doc-gen.engine.ts',
 		// Root State

package-lock.json

@@ -123,6 +123,7 @@
 		"@types/prop-types": "15.7.3",
 		"@types/react": "16.8.20",
 		"@types/react-transition-group": "2.9.2",
+		"@testing-library/react-hooks": "3.4.1",
 		"autoprefixer": "9.8.0",
 		"babel-eslint": "10.0.2",
 		"babel-jest": "26.3.0",

package.json

@@ -0,0 +1,10 @@
+/* eslint-disable import/no-extraneous-dependencies */
+// Library
+import { renderHook, act } from '@testing-library/react-hooks';
+import useProfilePage from '../profile-model.hooks';
+
+test('should increment counter', () => {
+    const { result: { current: { profileActions }} } = renderHook(() => useProfilePage({}, {}))
+
+    expect(profileActions).toBeDefined();
+});

src/client/shared/state/containers/profile/__tests__/profile-model-hooks.spec.ts

@@ -0,0 +1,3 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`ProfileBoxComponent <ProfileBoxComponent /> ChatBox Component renders correctly 1`] = `[Function]`;

src/client/web/app/common/components/profile-box/__tests__/__snapshots__/profile-box-component.spec.tsx.snap

@@ -0,0 +1,39 @@
+// Library
+import * as React from 'react';
+import { ThemeProvider } from '@material-ui/styles';
+import { shallow, mount } from 'enzyme';
+
+// Theme
+import theme from '../../../styles';
+
+// Web
+import ProfileBoxComponent from '../index';
+
+describe('ProfileBoxComponent <ProfileBoxComponent />', () => {
+    it('ChatBox Component renders correctly', () => {
+        const ProfileComponentTyped: any = ProfileBoxComponent;
+        const chatBoxComponent = shallow(
+            <ThemeProvider theme={theme}>
+                <ProfileComponentTyped  />
+            </ThemeProvider>
+        );
+
+        // Interaction demo
+        expect(chatBoxComponent.text()).toEqual(
+            '<ProfileBox />'
+        );
+
+        // Snapshot demo
+        expect(shallow).toMatchSnapshot();
+    });
+    it('ChatBox Component mounts correctly when props are true', () => {
+        const ProfileComponentTyped: any = ProfileBoxComponent;
+        const chatBoxComponent = mount(
+            <ThemeProvider theme={theme}>
+                <ProfileComponentTyped />
+            </ThemeProvider>
+        );
+
+        expect(chatBoxComponent.length).toBeTruthy();
+    });
+});

src/client/web/app/common/components/profile-box/__tests__/profile-box-component.spec.tsx

@@ -1,10 +1,17 @@
+// Library
 import React from 'react';
 
 interface ProfileBoxProps {
+  name?: string;
 }
 
-const ProfileBox: React.SFC<ProfileBoxProps> = (props) => {
+const ProfileBox: React.SFC<ProfileBoxProps> = ({ name }) => {
   return (
-      <div> Profile Info </div>
+    <div>
+      Profile Info
+      {name} 
+    </div>
   );
-};
+};
+
+export default ProfileBox;

src/client/web/app/common/components/profile-box/index.tsx

@@ -54,6 +54,7 @@
     "src/client/**/**/**/*",
     "src/client/**/**/**/**/*",
     "src/client/**/**/**/**/**/*",
+    "src/client/shared/state/containers/profile/**/*",
     "src/server/**/*",
     "src/server/**/**/*",
     "src/server/**/**/**/*",