FitTrackee/mpwo_client/e2e/register.test.js

import { Selector } from 'testcafe'

import { TEST_URL } from './utils'

const randomstring = require('randomstring')

let username = randomstring.generate(8)
const email = `${username}@test.com`
const password = 'lentghOk'


// eslint-disable-next-line no-undef
fixture('/register').page(`${TEST_URL}/register`)

test('should display the registration form', async t => {
  await t
    .navigateTo(`${TEST_URL}/register`)
    .expect(Selector('H1').withText('Register').exists).ok()
    .expect(Selector('form').exists).ok()
    .expect(Selector('input[name="username"]').exists).ok()
    .expect(Selector('input[name="email"]').exists).ok()
    .expect(Selector('input[name="password"]').exists).ok()
    .expect(Selector('input[name="passwordConf"]').exists).ok()
})

test('should allow a user to register', async t => {

  // register user
  await t
    .navigateTo(`${TEST_URL}/register`)
    .expect(Selector('H1').withText('Register').exists).ok()
    .typeText('input[name="username"]', username)
    .typeText('input[name="email"]', email)
    .typeText('input[name="password"]', password)
    .typeText('input[name="passwordConf"]', password)
    .click(Selector('input[type="submit"]'))

  // assert user is redirected to '/'
  await t
    .expect(Selector('H1').withText('Dashboard').exists).ok()
    .expect(Selector('H1').withText('Register').exists).notOk()
})

test('should throw an error if the username is taken', async t => {

  // register user with duplicate user name
  await t
    .navigateTo(`${TEST_URL}/register`)
    .typeText('input[name="username"]', username)
    .typeText('input[name="email"]', `${email}2`)
    .typeText('input[name="password"]', password)
    .typeText('input[name="passwordConf"]', password)
    .click(Selector('input[type="submit"]'))

  // assert user registration failed
  await t
    .expect(Selector('H1').withText('Register').exists).ok()
    .expect(Selector('H1').withText('Dashboard').exists).notOk()
    .expect(Selector('code').withText(
      'Sorry. That user already exists.').exists).ok()
})

username = randomstring.generate(8)

test('should throw an error if the email is taken', async t => {

  // register user with duplicate email
  await t
    .navigateTo(`${TEST_URL}/register`)
    .typeText('input[name="username"]', `${username}2`)
    .typeText('input[name="email"]', email)
    .typeText('input[name="password"]', password)
    .typeText('input[name="passwordConf"]', password)
    .click(Selector('input[type="submit"]'))

  // assert user registration failed
  await t
    .expect(Selector('H1').withText('Register').exists).ok()
    .expect(Selector('H1').withText('Dashboard').exists).notOk()
    .expect(Selector('code').withText(
      'Sorry. That user already exists.').exists).ok()
})

test('should throw an error if the username is too short', async t => {

  const shortUsername = 'a'

  // register user with duplicate email
  await t
    .navigateTo(`${TEST_URL}/register`)
    .typeText('input[name="username"]', `${shortUsername}`)
    .typeText('input[name="email"]', email)
    .typeText('input[name="password"]', password)
    .typeText('input[name="passwordConf"]', password)
    .click(Selector('input[type="submit"]'))

  // assert user registration failed
  await t
    .expect(Selector('H1').withText('Register').exists).ok()
    .expect(Selector('H1').withText('Dashboard').exists).notOk()
    .expect(Selector('code').withText(
      'Username: 3 to 12 characters required.').exists).ok()
})

test('should throw an error if the user is too long', async t => {

  const longUsername = randomstring.generate(20)

  // register user with duplicate email
  await t
    .navigateTo(`${TEST_URL}/register`)
    .typeText('input[name="username"]', `${longUsername}`)
    .typeText('input[name="email"]', email)
    .typeText('input[name="password"]', password)
    .typeText('input[name="passwordConf"]', password)
    .click(Selector('input[type="submit"]'))

  // assert user registration failed
  await t
    .expect(Selector('H1').withText('Register').exists).ok()
    .expect(Selector('H1').withText('Dashboard').exists).notOk()
    .expect(Selector('code').withText(
      'Username: 3 to 12 characters required.').exists).ok()
})

test('should throw an error if the email is invalid', async t => {

  const invalidEmail = `${username}@test`

  // register user with duplicate email
  await t
    .navigateTo(`${TEST_URL}/register`)
    .typeText('input[name="username"]', username)
    .typeText('input[name="email"]', invalidEmail)
    .typeText('input[name="password"]', password)
    .typeText('input[name="passwordConf"]', password)
    .click(Selector('input[type="submit"]'))

  // assert user registration failed
  await t
    .expect(Selector('H1').withText('Register').exists).ok()
    .expect(Selector('H1').withText('Dashboard').exists).notOk()
    .expect(Selector('code').withText(
      'Valid email must be provided.').exists).ok()
})

test('should throw an error if passwords don\'t match', async t => {

  // register user with duplicate email
  await t
    .navigateTo(`${TEST_URL}/register`)
    .typeText('input[name="username"]', username)
    .typeText('input[name="email"]', email)
    .typeText('input[name="password"]', password)
    .typeText('input[name="passwordConf"]', `${password}2`)
    .click(Selector('input[type="submit"]'))

  // assert user registration failed
  await t
    .expect(Selector('H1').withText('Register').exists).ok()
    .expect(Selector('H1').withText('Dashboard').exists).notOk()
    .expect(Selector('code').withText(
      'Password and password confirmation don\'t match.').exists).ok()
})

test('should throw an error if the password is too short', async t => {

  const invalidPassword = '1234567'

  // register user with duplicate email
  await t
    .navigateTo(`${TEST_URL}/register`)
    .typeText('input[name="username"]', username)
    .typeText('input[name="email"]', email)
    .typeText('input[name="password"]', invalidPassword)
    .typeText('input[name="passwordConf"]', invalidPassword)
    .click(Selector('input[type="submit"]'))

  // assert user registration failed
  await t
    .expect(Selector('H1').withText('Register').exists).ok()
    .expect(Selector('H1').withText('Dashboard').exists).notOk()
    .expect(Selector('code').withText(
      'Password: 8 characters required.').exists).ok()
})