describe('signup form', () => {
  test('should contain a form element', () => {
    const wrapper = shallow(
      <SignupForm username="" email="" password="" passwordConfirmation="" submit={jest.fn()} />,
    );
    expect(wrapper.type()).toBe('form');
  });
  test('should contain a username text input with the username prop as value and proper placeholder', () => {
    const wrapper = shallow(
      <SignupForm username="foo" email="" password="" passwordConfirmation="" submit={jest.fn()} />,
    );
    const usernameInput = wrapper.find('input[name="username"]');
    expect(usernameInput.length).toEqual(1);
    expect(usernameInput.prop('type')).toEqual('text');
    expect(usernameInput.prop('value')).toEqual('foo');
    expect(usernameInput.prop('placeholder')).toEqual("Nom d'utilisateur");
  });
  test('should contain a email input with the email prop as value and proper placeholder', () => {
    const wrapper = shallow(
      <SignupForm
        email="foo@example.com"
        username=""
        password=""
        passwordConfirmation=""
        submit={jest.fn()}
      />,
    );
    const emailInput = wrapper.find('input[name="email"]');
    expect(emailInput.length).toEqual(1);
    expect(emailInput.prop('type')).toEqual('text');
    expect(emailInput.prop('value')).toEqual('foo@example.com');
    expect(emailInput.prop('placeholder')).toEqual('Adresse email');
  });
  test('should contain a password input field wit the password prop as value and proper placeholder', () => {
    const wrapper = shallow(
      <SignupForm password="password" username="" email="" passwordConfirmation="" submit={jest.fn()} />,
    );
    const passwordInput = wrapper.find('input[name="password"]');
    expect(passwordInput.length).toEqual(1);
    expect(passwordInput.prop('type')).toEqual('password');
    expect(passwordInput.prop('value')).toEqual('password');
    expect(passwordInput.prop('placeholder')).toEqual('Mot de passe');
  });
  test('should contain a password confirmation input field with the passwordConfirmation prop as value and proper placeholder', () => {
    const wrapper = shallow(
      <SignupForm
        passwordConfirmation="passwordConfirmation"
        username=""
        email=""
        password=""
        submit={jest.fn()}
      />,
    );
    const passwordConfirmationInput = wrapper.find('input[name="passwordConfirmation"]');
    expect(passwordConfirmationInput.length).toEqual(1);
    expect(passwordConfirmationInput.prop('type')).toEqual('password');
    expect(passwordConfirmationInput.prop('value')).toEqual('passwordConfirmation');
    expect(passwordConfirmationInput.prop('placeholder')).toEqual('Confirmation du mot de passe');
  });
  test('should contain a submit input with the submit prop as onClick value', () => {
    const submit = jest.fn();
    const wrapper = shallow(
      <SignupForm passwordConfirmation="" username="" email="" password="" submit={submit} />,
    );
    const submitInput = wrapper.find('input[type="submit"]');
    expect(submitInput.length).toEqual(1);
    expect(submitInput.prop('onClick')).toBe(submit);
  });
});