ProfilePage-test.jsx

/* eslint-disable no-unused-expressions */
import React from 'react';
import ReactTestUtils from 'react-dom/test-utils';
import fetchMock from 'fetch-mock';
import TopMenu from '../components/TopMenu';
import ProfilePage from '../ProfilePage';
import Storage from '../lib/Storage';
import { studentSession, studentUser, companyUser, response, response2 } from '../object/Response';

const studentUserVerified = {
  role: 'student',
  data: {
    url: 'http://localhost:8000/api/users/9/',
    username: 'muhammad.reza42',
    email: 'muhammad.reza42@ui.ac.id',
    is_staff: false,
    company: null,
    supervisor: null,
    student: {
      id: 3,
      user: {
        url: 'http://localhost:8000/api/users/9/',
        username: 'muhammad.reza42',
        email: 'muhammad.reza42@ui.ac.id',
        is_staff: false,
      },
      name: 'Muhammad R.',
      created: '2017-03-28T13:33:46.147241Z',
      updated: '2017-03-28T13:33:46.148248Z',
      npm: 1406543593,
      resume: null,
      phone_number: null,
      sertifikat:'ada',
      bookmarked_vacancies: [
        3,
      ],
      applied_vacancies: [
        3,
        1,
      ],
    },
  },
};

describe('Sertifikat doesnt exists', () => {
  it('render sertifikat doesnt exists', () => {
    studentUserVerified.data.sertifikat = null;
    const sertifikat = ReactTestUtils.renderIntoDocument(
        <p>Sertifikat belum ada</p>,
    );
    expect(sertifikat).to.exist;
  });
});

describe('Sertifikat exists', () => {
  it('render sertifikat exists', () => {
    const sertifikat = ReactTestUtils.renderIntoDocument(
        <p>Sertifikat sudah ada</p>,
    );
    expect(sertifikat).to.exist;
  });
});

describe('ProfilePage', () => {
  it('renders without problem', () => {
    fetchMock.get('*', response);
    const profile = ReactTestUtils.renderIntoDocument(
      <ProfilePage
        route={{ own: true, data: studentSession }}
        user={{ data: studentSession }} params={{}}
      />,
    );
    profile.getProfile().then(() => expect(profile.state.name).to.equal(response.name));
    profile.getProfile().then(() => expect(profile.state.birth_date).to.equal('24 Februari 1995'));
    // profile.updateForm(true);
    fetchMock.restore();
  });

  it('get profile for company without problem', () => {
    fetchMock.get('*', response);
    const profile = ReactTestUtils.renderIntoDocument(
      <ProfilePage
        route={{ own: false, data: studentSession }}
        user={{ data: companyUser }}
        params={{ id: 3 }}
      />,
    );
    profile.getProfile().then(()=> expect(profile.state.name).to.equal(response.name));
    fetchMock.restore();
  });

  it('get profile for company without problem', () => {
    fetchMock.get('*', response2);
    const profile = ReactTestUtils.renderIntoDocument(
      <ProfilePage
        route={{ own: false, data: studentSession }}
        user={{ data: companyUser }}
        params={{ id: 3 }}
      />,
    );
    profile.getProfile().then(()=> expect(profile.state.name).to.equal(response2.name));
    fetchMock.restore();
  });

  it('get student profile without problem', () => {
    fetchMock.get('*', response);
    const profile = ReactTestUtils.renderIntoDocument(
      <ProfilePage
        route={{ own: true, data: studentSession }}
        user={{ data: studentSession }}
        params={{}}
      />,
    );
    profile.getProfile().then(()=> {
      expect(profile.state.name).to.equal(studentUserVerified.data.student.name);
      expect(profile.state.npm).to.equal(studentUserVerified.data.student.npm);
      expect(profile.state.birth_date).to.equal(studentUserVerified.data.student.birth_date);
      expect(profile.state.major).to.equal(studentUserVerified.data.student.major);
      expect(profile.state.batch).to.equal(studentUserVerified.data.student.batch);
      expect(profile.state.bookmarked_vacancies).to.equal(
        studentUserVerified.data.student.bookmarked_vacancies);
      expect(profile.state.applied_vacancies).to.equal(
        studentUserVerified.data.student.applied_vacancies);
    });
  })

  it('renders edit profile default value', () => {
    fetchMock.get('*', response);
    const profile = ReactTestUtils.renderIntoDocument(
      <ProfilePage
        route={{ own: true, data: studentSession }}
        user={{ data: studentSession }}
        params={{}}
      />,
    );
    const phoneNumberNode = ReactTestUtils.scryRenderedDOMComponentsWithTag(profile, 'Input')[2];
    profile.getProfile().then(()=> expect(
      profile.state.phone_number).to.equal(phoneNumberNode.value));
    // profile.updateForm(true);
    fetchMock.restore();
  });

  it('renders without problem when error getting data', () => {
    fetchMock.get('*', 400);
    const profile = ReactTestUtils.renderIntoDocument(
      <ProfilePage
        route={{ own: false, data: studentSession }}
        user={{ data: studentSession }}
        params={{ id: 3 }}
      />,
    );
    profile.getProfile().then(()=> expect(profile.state.name).to.equal('Gagal mendapatkan informasi'));
  });

  it('handle file input without problem', () => {
    fetchMock.patch('*', { data: 'value' });
    fetchMock.get('*', response);
    const profile = ReactTestUtils.renderIntoDocument(
      <ProfilePage
        route={{ own: true, data: studentSession }}
        user={{ data: studentSession }}
        params={{ id: 3 }}
      />,
    );

    ReactTestUtils.scryRenderedDOMComponentsWithTag(profile, 'Input')[0];
    // const passwordNode = ReactDOM.findDOMNode(formLogin.refs.password);
    profile.handleFile({ target: { name: 'photo', files: ['abc', 'def'] } });
    expect(profile.state.form.photo).to.equal('abc');
  });

  it('renders count application without problem', () => {
    fetchMock.get('*', response);
    const profile = ReactTestUtils.renderIntoDocument(
      <ProfilePage
        route={{ own: true, data: studentSession }}
        user={{ data: studentSession }}
        params={{}}
      />,
    );
    profile.getProfile().then(()=> expect(profile.state.acceptedNo).to.not.equal(''));
    profile.getProfile().then(()=> expect(profile.state.readNo).to.not.equal(''));
    fetchMock.restore();
  });

  it('sets top menu active item according to page', () => {
    fetchMock.get('*', response);
    ReactTestUtils.renderIntoDocument(
      <ProfilePage
        route={{ own: true, data: studentSession }}
        user={{ data: studentSession }}
        params={{}}
      />,
    );
    const topmenu = ReactTestUtils.renderIntoDocument(
      <TopMenu user={studentUser}>
        <div> test </div>
      </TopMenu>,
    );
    expect(topmenu.state.activeItem).to.equal('Profil');
    fetchMock.restore();
  });
});