Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- 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);
- });
- });
Add Comment
Please, Sign In to add comment