@kiwicom/smart-faq/src/SmartFAQ/common/layout/__tests__/Header.test.js

Smart FAQ

// @flow

import React from 'react';
import { render } from 'enzyme';
import { MemoryRouter as Router } from 'react-router-dom';

import { UserContext } from '../../../context/User';
import { RawContentHeader } from '../Header';

describe('ContentHeader', () => {
  const props = {
    renderOnlyLoggedOut: false,
    onLogin: jest.fn(),
    location: {
      pathname: '/content',
    },
    match: {
      params: {
        categoryId: '21',
      },
    },
  };

  const user = {
    brand: 'kiwicom',
    user: {
      id: '1',
      email: 'joe.doe@example.com',
      firstname: 'Joe',
      lastname: 'Doe',
    },
    loginToken: 'AAAABBBBCCCC',
    simpleToken: null,
    kwAuthToken: null,
    onLogin: jest.fn(),
    onLogout: jest.fn(),
  };

  it('should render loggedIn user header', () => {
    const wrapper = render(
      <UserContext.Provider value={user}>
        <Router>
          <RawContentHeader {...props} />
        </Router>
      </UserContext.Provider>,
    );
    expect(wrapper.find('.loggedIn')).toHaveLength(1);
    expect(wrapper).toMatchSnapshot();
  });

  it('should render loggedOut user header', () => {
    const wrapper = render(
      <Router>
        <RawContentHeader {...props} />
      </Router>,
    );
    expect(wrapper.find('.backButton').text()).toEqual(
      'smartfaq.back_button.back',
    );
    expect(wrapper.find('.loggedOut')).toHaveLength(1);
    expect(wrapper).toMatchSnapshot();
  });

  it('should render without SignIn on Home page without booking', () => {
    const wrapper = render(
      <Router>
        <RawContentHeader
          {...props}
          renderOnlyLoggedOut
          match={{ params: {} }}
        />
      </Router>,
    );

    expect(wrapper.find('.signInOrBack').children()).toHaveLength(0);
  });
});