e2e.test.js

import 'dotenv/config' // eslint-disable-line import/no-unassigned-import
import { Selector, ClientFunction } from 'testcafe'

const getWindowLocation = ClientFunction(() => window.location)

export default function e2eTest(url, config, roles) {
  fixture`e2e-anonymous`.page(url).httpAuth(config.httpAuth)

  test('Admin section and subpaths are inaccessible to anonymous user', async t => {
    const { admin, allUsers, pendingUsers, groups, login } = config.paths

    const adminPages = [admin, allUsers, pendingUsers, groups]

    // Confirm that no admin pages are accessible to an anonymous user
    adminPages.forEach(async path => {
      await t.navigateTo(path)

      const { pathname: adminPagePath } = await getWindowLocation()
      await t.expect(adminPagePath).eql(login)
    })
  })

  test('Correct display of homepage, MainToolbar', async t => {
    const { home, admin, login } = config.paths

    // Confirm home tab is in correct position and is highlighted
    const linkContainer = Selector(
      '[data-testid="main-toolbar__links-container"]'
    )
    const homeTab = linkContainer.find('a[role="button"]').nth(0)

    await t.expect(await homeTab.getAttribute('aria-current')).eql('page')

    // Confirm correct tabs are present for unauthenticated user
    const loginTab = linkContainer
      .find('a[role="button"]')
      .withAttribute('href', login)
    await t.expect(loginTab.exists).ok()

    const adminTab = linkContainer
      .find('a[role="button"]')
      .withAttribute('href', admin)
    await t.expect(adminTab.exists).notOk()

    // Confirm logo exists and links to home
    const logo = Selector('[data-testid="main-toolbar__logo"]')
    await t.expect(logo.exists).ok()

    await t.click(logo)
    const { pathname: logoPath } = await getWindowLocation()
    await t.expect(logoPath).eql(home)
  })

  fixture`e2e-administrator`
    .page(url)
    .httpAuth(config.httpAuth)
    .beforeEach(async t => {
      await t.useRole(roles.adminRole)
    })

  test('Admin sections show expected content for admins', async t => {
    const { allUsers, pendingUsers, groups } = config.paths

    // TODO: Test admin page loads after fixing a bug uncovered by this test where
    // a user's first naviation to admin leads to never-ending loading screen
    await t.navigateTo(pendingUsers)
    // Ensure that we're still on this page, no redirects
    const { pathname: pendingUsersPath } = await getWindowLocation()
    await t.expect(pendingUsersPath).eql(pendingUsers)
    await t.expect(Selector('[data-testid="pending-users"]').exists).ok()

    await t.navigateTo(allUsers)
    const { pathname: allUsersPath } = await getWindowLocation()
    await t.expect(allUsersPath).eql(allUsers)
    await t.expect(Selector('[data-testid="all-users"]').exists).ok()

    await t.navigateTo(groups)
    const { pathname: groupsPath } = await getWindowLocation()
    await t.expect(groupsPath).eql(groups)
    await t.expect(Selector('[data-testid="user-groups"]').exists).ok()
  })
}