From 1e286c79413dc9b67f0f87420bfe26e77f723ea1 Mon Sep 17 00:00:00 2001
From: Zamil Majdy <z.majdy1996@gmail.com>
Date: Thu, 4 May 2017 13:09:16 +0700
Subject: [PATCH] [#140657435] [#40] [Red] Add company list testcases
---
assets/js/__test__/CompanyPage-test.jsx | 51 ++++++++++
.../js/__test__/components/Company-test.jsx | 93 +++++++++++++++++++
.../__test__/components/CompanyList-test.jsx | 56 +++++++++++
3 files changed, 200 insertions(+)
create mode 100644 assets/js/__test__/CompanyPage-test.jsx
create mode 100644 assets/js/__test__/components/Company-test.jsx
create mode 100644 assets/js/__test__/components/CompanyList-test.jsx
diff --git a/assets/js/__test__/CompanyPage-test.jsx b/assets/js/__test__/CompanyPage-test.jsx
new file mode 100644
index 00000000..04dfdcaa
--- /dev/null
+++ b/assets/js/__test__/CompanyPage-test.jsx
@@ -0,0 +1,51 @@
+import React from 'react';
+import ReactTestUtils from 'react-addons-test-utils';
+import fetchMock from 'fetch-mock';
+import CompanyPage from '../CompanyPage';
+
+describe('CompanyPage', () => {
+ fetchMock.get('*', { data: 'value' });
+
+ const adminUser = {
+ role: 'admin',
+ data: {
+ url: 'http://localhost:8001/api/users/8/',
+ username: 'Tutuplapak',
+ email: '',
+ is_staff: false,
+ company: {
+ id: 3,
+ user: {
+ url: 'http://localhost:8001/api/users/8/',
+ username: 'Tutuplapak',
+ email: '',
+ is_staff: false,
+ },
+ name: 'Tutuplapak',
+ created: '2017-03-28T07:30:10.535000Z',
+ updated: '2017-03-28T07:30:10.535000Z',
+ description: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla aliquet semper neque a fermentum. Duis ac tellus vitae augue iaculis ultrices. Curabitur commodo et neque nec feugiat. Morbi ac diam vel nunc commodo cursus. Phasellus nulla sapien, hendrerit vitae bibendum at, sollicitudin eu ante. Maecenas maximus, ante eu sollicitudin convallis, mauris nunc posuere risus, eu porttitor diam lacus vitae enim. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Suspendisse at lectus a elit sollicitudin tempor. Nullam condimentum, justo nec tincidunt maximus, neque mi vulputate leo, sit amet lacinia massa ex eget sem. Duis ac erat facilisis, fringilla mauris in, consequat neque. In et neque consequat, vehicula magna at, efficitur ante. Mauris ac lacinia nibh.\r\n\r\nProin sagittis, lectus quis maximus varius, libero justo sollicitudin augue, non lacinia risus orci a enim. Curabitur iaculis enim quis ullamcorper commodo. Vivamus id nisi rhoncus, dignissim tellus quis, interdum est. Fusce sollicitudin eu libero ac feugiat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Maecenas semper posuere ex, sed accumsan libero iaculis faucibus. Fusce laoreet ac ligula ut consectetur. Donec tortor mauris, rutrum at sodales et, viverra in dolor. Sed bibendum elit et maximus volutpat. Phasellus justo ipsum, laoreet sit amet faucibus eu, ultricies suscipit mauris. Nullam aliquam libero eu ante ultrices mattis. Donec non justo hendrerit neque volutpat placerat. Ut euismod est nec sem mollis, sit amet porttitor massa rhoncus. Aenean id erat sit amet nunc ultrices scelerisque non in ipsum. Curabitur sollicitudin nulla id mi accumsan venenatis.',
+ verified: true,
+ logo: 'http://localhost:8001/files/company-logo/8a258a48-3bce-4873-b5d1-538b360d0059.png',
+ address: 'Jl. Kebayoran Baru nomor 13, Jakarta Barat',
+ },
+ supervisor: null,
+ student: null,
+ },
+ };
+
+ it('renders for admin without problem', () => {
+ const companyPage = ReactTestUtils.renderIntoDocument(
+ <CompanyPage user={adminUser} />);
+ expect(companyPage).to.exist;
+ });
+
+ it('click dashboard button problem', () => {
+ const companyPage = ReactTestUtils.renderIntoDocument(
+ <CompanyPage user={adminUser} />);
+ const dashboardButton = ReactTestUtils.findRenderedDOMComponentWithTag(companyPage, 'Button');
+ ReactTestUtils.Simulate.click(dashboardButton);
+ expect(companyPage).to.exist;
+ expect(dashboardButton).to.exist;
+ });
+});
diff --git a/assets/js/__test__/components/Company-test.jsx b/assets/js/__test__/components/Company-test.jsx
new file mode 100644
index 00000000..640fb2d5
--- /dev/null
+++ b/assets/js/__test__/components/Company-test.jsx
@@ -0,0 +1,93 @@
+import React from 'react';
+import ReactTestUtils from 'react-addons-test-utils';
+import Company from '../../components/Company';
+import fetchMock from 'fetch-mock';
+
+describe('Company', () => {
+ const stub = {
+ id: 3,
+ user: {
+ url: 'http://localhost:8001/api/users/8/',
+ username: 'Tutuplapak',
+ email: '',
+ is_staff: false,
+ },
+ name: 'Tutuplapak',
+ created: '2017-03-28T07:30:10.535000Z',
+ updated: '2017-03-28T07:30:10.535000Z',
+ description: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla aliquet semper neque a fermentum. Duis ac tellus vitae augue iaculis ultrices. Curabitur commodo et neque nec feugiat. Morbi ac diam vel nunc commodo cursus. Phasellus nulla sapien, hendrerit vitae bibendum at, sollicitudin eu ante. Maecenas maximus, ante eu sollicitudin convallis, mauris nunc posuere risus, eu porttitor diam lacus vitae enim. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Suspendisse at lectus a elit sollicitudin tempor. Nullam condimentum, justo nec tincidunt maximus, neque mi vulputate leo, sit amet lacinia massa ex eget sem. Duis ac erat facilisis, fringilla mauris in, consequat neque. In et neque consequat, vehicula magna at, efficitur ante. Mauris ac lacinia nibh.\r\n\r\nProin sagittis, lectus quis maximus varius, libero justo sollicitudin augue, non lacinia risus orci a enim. Curabitur iaculis enim quis ullamcorper commodo. Vivamus id nisi rhoncus, dignissim tellus quis, interdum est. Fusce sollicitudin eu libero ac feugiat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Maecenas semper posuere ex, sed accumsan libero iaculis faucibus. Fusce laoreet ac ligula ut consectetur. Donec tortor mauris, rutrum at sodales et, viverra in dolor. Sed bibendum elit et maximus volutpat. Phasellus justo ipsum, laoreet sit amet faucibus eu, ultricies suscipit mauris. Nullam aliquam libero eu ante ultrices mattis. Donec non justo hendrerit neque volutpat placerat. Ut euismod est nec sem mollis, sit amet porttitor massa rhoncus. Aenean id erat sit amet nunc ultrices scelerisque non in ipsum. Curabitur sollicitudin nulla id mi accumsan venenatis.',
+ logo: 'http://localhost:8001/files/company-logo/8a258a48-3bce-4873-b5d1-538b360d0059.png',
+ address: 'Jl. Kebayoran Baru nomor 13, Jakarta Barat',
+ };
+
+ const company1 = {};
+ const company2 = {};
+ Object.assign(company1, stub);
+ Object.assign(company2, stub);
+ company1.status = Company.COMPANY_STATUS.NEW;
+ company2.status = Company.COMPANY_STATUS.VERIFIED;
+ company2.logo = null;
+
+ it('renders without problem', () => {
+ fetchMock.get('*', company1);
+ const company = ReactTestUtils.renderIntoDocument(
+ <Company data={company1} updateStatus={() => {}} />,
+ );
+ expect(company).to.exist;
+ fetchMock.restore();
+ });
+
+ it('accept without problem', () => {
+ fetchMock.get('*', company1);
+ fetchMock.patch('*', {});
+ const company = ReactTestUtils.renderIntoDocument(
+ <Company data={company2} updateStatus={() => {}} />,
+ );
+ company.accept();
+ expect(company).to.exist;
+ fetchMock.restore();
+ });
+
+ it('accept with problem', () => {
+ fetchMock.get('*', company1);
+ fetchMock.patch('*', 404);
+ const company = ReactTestUtils.renderIntoDocument(
+ <Company data={company1} updateStatus={() => {}} />,
+ );
+ company.accept();
+ expect(company).to.exist;
+ fetchMock.restore();
+ });
+
+ it('reject without problem', () => {
+ fetchMock.get('*', company1);
+ fetchMock.patch('*', {});
+ const company = ReactTestUtils.renderIntoDocument(
+ <Company data={company2} updateStatus={() => {}} />,
+ );
+ company.reject();
+ expect(company).to.exist;
+ fetchMock.restore();
+ });
+
+ it('reject with problem', () => {
+ fetchMock.get('*', company1);
+ fetchMock.patch('*', 404);
+ const company = ReactTestUtils.renderIntoDocument(
+ <Company data={company1} updateStatus={() => {}} />,
+ );
+ company.reject();
+ expect(company).to.exist;
+ fetchMock.restore();
+ });
+
+ it('go to company home click with problem', () => {
+ fetchMock.get('*', company1);
+ fetchMock.patch('*', 404);
+ const company = ReactTestUtils.renderIntoDocument(
+ <Company data={company1} updateStatus={() => {}} />,
+ );
+ company.goToCompanyHome();
+ fetchMock.restore();
+ });
+});
diff --git a/assets/js/__test__/components/CompanyList-test.jsx b/assets/js/__test__/components/CompanyList-test.jsx
new file mode 100644
index 00000000..0fb2ddab
--- /dev/null
+++ b/assets/js/__test__/components/CompanyList-test.jsx
@@ -0,0 +1,56 @@
+import React from 'react';
+import ReactTestUtils from 'react-addons-test-utils';
+import fetchMock from 'fetch-mock';
+import CompanyList from '../../components/CompanyList';
+import Company from '../../components/Company';
+
+describe('CompanyList', () => {
+ const company = {
+ id: 3,
+ user: {
+ url: 'http://localhost:8001/api/users/8/',
+ username: 'Tutuplapak',
+ email: '',
+ is_staff: false,
+ },
+ name: 'Tutuplapak',
+ created: '2017-03-28T07:30:10.535000Z',
+ updated: '2017-03-28T07:30:10.535000Z',
+ description: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nulla aliquet semper neque a fermentum. Duis ac tellus vitae augue iaculis ultrices. Curabitur commodo et neque nec feugiat. Morbi ac diam vel nunc commodo cursus. Phasellus nulla sapien, hendrerit vitae bibendum at, sollicitudin eu ante. Maecenas maximus, ante eu sollicitudin convallis, mauris nunc posuere risus, eu porttitor diam lacus vitae enim. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Suspendisse at lectus a elit sollicitudin tempor. Nullam condimentum, justo nec tincidunt maximus, neque mi vulputate leo, sit amet lacinia massa ex eget sem. Duis ac erat facilisis, fringilla mauris in, consequat neque. In et neque consequat, vehicula magna at, efficitur ante. Mauris ac lacinia nibh.\r\n\r\nProin sagittis, lectus quis maximus varius, libero justo sollicitudin augue, non lacinia risus orci a enim. Curabitur iaculis enim quis ullamcorper commodo. Vivamus id nisi rhoncus, dignissim tellus quis, interdum est. Fusce sollicitudin eu libero ac feugiat. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Maecenas semper posuere ex, sed accumsan libero iaculis faucibus. Fusce laoreet ac ligula ut consectetur. Donec tortor mauris, rutrum at sodales et, viverra in dolor. Sed bibendum elit et maximus volutpat. Phasellus justo ipsum, laoreet sit amet faucibus eu, ultricies suscipit mauris. Nullam aliquam libero eu ante ultrices mattis. Donec non justo hendrerit neque volutpat placerat. Ut euismod est nec sem mollis, sit amet porttitor massa rhoncus. Aenean id erat sit amet nunc ultrices scelerisque non in ipsum. Curabitur sollicitudin nulla id mi accumsan venenatis.',
+ logo: 'http://localhost:8001/files/company-logo/8a258a48-3bce-4873-b5d1-538b360d0059.png',
+ address: 'Jl. Kebayoran Baru nomor 13, Jakarta Barat',
+ };
+
+ const company1 = {};
+ const company2 = {};
+ const company3 = {};
+ Object.assign(company1, company);
+ Object.assign(company2, company);
+ Object.assign(company3, company);
+ company1.status = Company.COMPANY_STATUS.NEW;
+ company2.status = Company.COMPANY_STATUS.VERIFIED;
+ company3.status = Company.COMPANY_STATUS.ALL;
+
+ const response = [company1, company2, company3];
+
+ fetchMock.restore();
+ fetchMock.get('*', response);
+
+ it('renders without problem', () => {
+ const companyList = ReactTestUtils.renderIntoDocument(
+ <CompanyList status={Company.COMPANY_STATUS.VERIFIED} url="test" />);
+ expect(companyList).to.exist;
+ });
+
+ it('can update status', () => {
+ const companyList = ReactTestUtils.renderIntoDocument(
+ <CompanyList status={Company.COMPANY_STATUS.VERIFIED} url="test" />);
+ companyList.setState({ companies: response });
+ companyList.generateCompanies();
+
+ expect(companyList.state).to.not.equal(response);
+ companyList.updateStatus(3, Company.COMPANY_STATUS.ALL);
+ expect(companyList.state).to.not.equal(response);
+ });
+});
+
--
GitLab