senaduka/old-subtaskio
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

Unit tests for App,Header,Inbox,MyTask,Dashboard components

Browse Source
This commit is contained in:
Nedim Uka
2018-04-12 09:53:15 +02:00
parent d19137a6f6
commit 57cbb68a6d
13 changed files with 224 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
frontend/public/index.html
View File

@@ -19,7 +19,7 @@
work correctly both with client-side routing and a non-root public URL. work correctly both with client-side routing and a non-root public URL.
Learn how to configure a non-root public URL by running `npm run build`. Learn how to configure a non-root public URL by running `npm run build`.
--> -->
<title>React App</title> <title>Sutask io</title>
</head> </head>
<body> <body>
<noscript> <noscript>

4
frontend/public/manifest.json
View File

@@ -1,6 +1,6 @@
{ {
"short_name": "React App", "short_name": "Subtask IO",
"name": "Create React App Sample", "name": "Subtask",
"icons": [ "icons": [
{ {
"src": "favicon.ico", "src": "favicon.ico",

3
frontend/src/components/App/App.test.js
View File

@@ -1,9 +1,10 @@
import React from 'react'; import React from 'react';
import ReactDOM from 'react-dom'; import ReactDOM from 'react-dom';
import {MemoryRouter as Router} from 'react-router-dom'
import App from './index'; import App from './index';
it('renders without crashing', () => { it('renders without crashing', () => {
const div = document.createElement('div'); const div = document.createElement('div');
ReactDOM.render(<App />, div); ReactDOM.render(<Router><App/></Router>, div);
ReactDOM.unmountComponentAtNode(div); ReactDOM.unmountComponentAtNode(div);
}); });

41
frontend/src/components/App/Dashboard/__snapshots__/dashboard.test.js.snap Normal file
View File

@@ -0,0 +1,41 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`Dummy renders correctly 1`] = `
<div
className={undefined}
>
<div
className={undefined}
>
<h1>
SUBTASK
</h1>
<div
className={undefined}
>
<a
className={undefined}
href="/mytask"
onClick={[Function]}
>
My Task
</a>
<a
className={undefined}
href="/inbox"
onClick={[Function]}
>
Inbox
</a>
<a
className={undefined}
href="/dashboard"
onClick={[Function]}
>
Dashboard
</a>
</div>
</div>
Dashboard
</div>
`;

2
frontend/src/components/App/Dashboard/dashboard.test.js
View File

@@ -1,5 +1,5 @@
import React from 'react'; import React from 'react';
import {BrowserRouter as Router} from 'react-router-dom' import {MemoryRouter as Router} from 'react-router-dom'
import Dashboard from './index'; import Dashboard from './index';
import renderer from 'react-test-renderer'; import renderer from 'react-test-renderer';

36
frontend/src/components/App/Header/__snapshots__/header.test.js.snap Normal file
View File

@@ -0,0 +1,36 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`Dummy renders correctly 1`] = `
<div
className={undefined}
>
<h1>
SUBTASK
</h1>
<div
className={undefined}
>
<a
className={undefined}
href="/mytask"
onClick={[Function]}
>
My Task
</a>
<a
className={undefined}
href="/inbox"
onClick={[Function]}
>
Inbox
</a>
<a
className={undefined}
href="/dashboard"
onClick={[Function]}
>
Dashboard
</a>
</div>
</div>
`;

12
frontend/src/components/App/Header/header.test.js
View File

@@ -0,0 +1,12 @@
import React from 'react';
import {MemoryRouter as Router} from 'react-router-dom'
import Header from './index';
import renderer from 'react-test-renderer';
test('Dummy renders correctly', () => {
const component = renderer.create(
<Router><Header/></Router>,
);
let tree = component.toJSON();
expect(tree).toMatchSnapshot();
});

14
frontend/src/components/App/Header/index.js
View File

@@ -1,11 +1,15 @@
import React from 'react'; import React from 'react';
import {Link } from 'react-router-dom' import { Link } from 'react-router-dom'
import styles from './styles.scss';
const Header = () => { const Header = () => {
return <div> return <div className={styles.Header}>
<Link to="/mytask">My Task</Link> <h1>SUBTASK</h1>
<Link to="/inbox">Inbox</Link> <div className={styles.HeaderContainer}>
<Link to="/dashboard">Dashboard</Link> <Link className={styles.HeaderContainer} to="/mytask">My Task</Link>
<Link className={styles.HeaderContainer} to="/inbox">Inbox</Link>
<Link className={styles.HeaderContainer} to="/dashboard">Dashboard</Link>
</div>
</div>; </div>;
}; };

14
frontend/src/components/App/Header/styles.scss
View File

@@ -0,0 +1,14 @@
.Header {
padding-top : 12px;
padding-bottom : 12px;
display: flex;
justify-content: space-between;
align-items:center;
display: flex;
margin-left: 8px;
margin-right: 8px;
}
.HeaderContainer {
padding: 10px;
}

41
frontend/src/components/App/Inbox/__snapshots__/inbox.test.js.snap Normal file
View File

@@ -0,0 +1,41 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`Dummy renders correctly 1`] = `
<div
className={undefined}
>
<div
className={undefined}
>
<h1>
SUBTASK
</h1>
<div
className={undefined}
>
<a
className={undefined}
href="/mytask"
onClick={[Function]}
>
My Task
</a>
<a
className={undefined}
href="/inbox"
onClick={[Function]}
>
Inbox
</a>
<a
className={undefined}
href="/dashboard"
onClick={[Function]}
>
Dashboard
</a>
</div>
</div>
Inbox
</div>
`;

12
frontend/src/components/App/Inbox/inbox.test.js
View File

@@ -0,0 +1,12 @@
import React from 'react';
import {MemoryRouter as Router} from 'react-router-dom'
import Inbox from './index';
import renderer from 'react-test-renderer';
test('Dummy renders correctly', () => {
const component = renderer.create(
<Router><Inbox/></Router>,
);
let tree = component.toJSON();
expect(tree).toMatchSnapshot();
});

41
frontend/src/components/App/Mytask/__snapshots__/mytask.test.js.snap Normal file
View File

@@ -0,0 +1,41 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`Dummy renders correctly 1`] = `
<div
className={undefined}
>
<div
className={undefined}
>
<h1>
SUBTASK
</h1>
<div
className={undefined}
>
<a
className={undefined}
href="/mytask"
onClick={[Function]}
>
My Task
</a>
<a
className={undefined}
href="/inbox"
onClick={[Function]}
>
Inbox
</a>
<a
className={undefined}
href="/dashboard"
onClick={[Function]}
>
Dashboard
</a>
</div>
</div>
My Task
</div>
`;

12
frontend/src/components/App/Mytask/mytask.test.js
View File

@@ -0,0 +1,12 @@
import React from 'react';
import {MemoryRouter as Router} from 'react-router-dom'
import MyTask from './index';
import renderer from 'react-test-renderer';
test('Dummy renders correctly', () => {
const component = renderer.create(
<Router><MyTask/></Router>,
);
let tree = component.toJSON();
expect(tree).toMatchSnapshot();
});