fleet/frontend/components/UserBlock/UserBlock.tests.jsx

import React from 'react';
import expect, { createSpy, restoreSpies } from 'expect';
import { mount } from 'enzyme';
import { noop } from 'lodash';

import UserBlock from 'components/UserBlock/UserBlock';
import { fillInFormInput } from 'test/helpers';
import { userStub } from 'test/stubs';

describe('UserBlock - component', () => {
  afterEach(restoreSpies);

  const defaultInviteProps = {
    isCurrentUser: false,
    isEditing: false,
    isInvite: true,
    onEditUser: noop,
    onSelect: noop,
    onToggleEditUser: noop,
    userErrors: {},
  };

  const defaultUserProps = {
    ...defaultInviteProps,
    isInvite: false,
    user: userStub,
  };

  it('renders a user block', () => {
    const props = { ...defaultUserProps, user: userStub };
    const component = mount(<UserBlock {...props} />);

    expect(component.length).toEqual(1);
    expect(component.find('Dropdown').length).toEqual(1);
  });

  it('calls the onToggleEditUser prop with the user when Modify Details is selected', () => {
    const spy = createSpy();
    const props = { ...defaultUserProps, onToggleEditUser: spy };
    const component = mount(<UserBlock {...props} />);

    const dropdownField = component.find('Select').findWhere(s => s.prop('name') === 'user-action-dropdown-select');
    const dropdownInputNode = dropdownField.find('input');

    fillInFormInput(dropdownInputNode, 'Modify Details');
    dropdownField.find('.Select-option').first().simulate('mousedown');

    expect(spy).toHaveBeenCalledWith(userStub);
  });

  it('calls the onSelect prop with the user when Promote User is selected', () => {
    const spy = createSpy();
    const props = { ...defaultUserProps, onSelect: spy };
    const component = mount(<UserBlock {...props} />);

    const dropdownField = component.find('Select').findWhere(s => s.prop('name') === 'user-action-dropdown-select');
    const dropdownInputNode = dropdownField.find('input');

    fillInFormInput(dropdownInputNode, 'Promote User');
    dropdownField.find('.Select-option').first().simulate('mousedown');

    expect(spy).toHaveBeenCalledWith(userStub, 'promote_user');
  });

  it('calls the onSelect prop with the user when Demote User is selected', () => {
    const adminUser = { ...userStub, admin: true };
    const spy = createSpy();
    const props = { ...defaultUserProps, onSelect: spy, user: adminUser };
    const component = mount(<UserBlock {...props} />);

    const dropdownField = component.find('Select').findWhere(s => s.prop('name') === 'user-action-dropdown-select');
    const dropdownInputNode = dropdownField.find('input');

    fillInFormInput(dropdownInputNode, 'Demote User');
    dropdownField.find('.Select-option').first().simulate('mousedown');

    expect(spy).toHaveBeenCalledWith(adminUser, 'demote_user');
  });

  it('calls the onSelect prop with the user when Disable Account is selected', () => {
    const spy = createSpy();
    const props = { ...defaultUserProps, onSelect: spy };
    const component = mount(<UserBlock {...props} />);

    const dropdownField = component.find('Select').findWhere(s => s.prop('name') === 'user-action-dropdown-select');
    const dropdownInputNode = dropdownField.find('input');

    fillInFormInput(dropdownInputNode, 'Disable Account');
    dropdownField.find('.Select-option').first().simulate('mousedown');

    expect(spy).toHaveBeenCalledWith(userStub, 'disable_account');
  });

  it('calls the onSelect prop with the user when Enable Account is selected', () => {
    const disabledUser = { ...userStub, enabled: false };
    const spy = createSpy();
    const props = { ...defaultUserProps, onSelect: spy, user: disabledUser };
    const component = mount(<UserBlock {...props} />);

    const dropdownField = component.find('Select').findWhere(s => s.prop('name') === 'user-action-dropdown-select');
    const dropdownInputNode = dropdownField.find('input');

    fillInFormInput(dropdownInputNode, 'Enable Account');
    dropdownField.find('.Select-option').first().simulate('mousedown');

    expect(spy).toHaveBeenCalledWith(disabledUser, 'enable_account');
  });

  it('calls the onSelect prop with the user when Require Password Reset is selected', () => {
    const spy = createSpy();
    const props = { ...defaultUserProps, onSelect: spy };
    const component = mount(<UserBlock {...props} />);

    const dropdownField = component.find('Select').findWhere(s => s.prop('name') === 'user-action-dropdown-select');
    const dropdownInputNode = dropdownField.find('input');

    fillInFormInput(dropdownInputNode, 'Require Password Reset');
    dropdownField.find('.Select-option').first().simulate('mousedown');

    expect(spy).toHaveBeenCalledWith(userStub, 'reset_password');
  });

  it('calls the onEditUser prop with the user and updated user when the edit form is submitted', () => {
    const spy = createSpy();
    const props = { ...defaultUserProps, isEditing: true, onEditUser: spy };
    const component = mount(<UserBlock {...props} />);
    const form = component.find('EditUserForm');

    expect(form.length).toEqual(1);

    const nameInput = form.find({ name: 'name' }).find('input');

    fillInFormInput(nameInput, 'Foobar');
    form.simulate('submit');

    expect(spy).toHaveBeenCalledWith(userStub, { ...userStub, name: 'Foobar' });
  });
});