checkboxes.test.js

import { resolve } from 'node:path'

import { StatusCodes } from 'http-status-codes'

import { createServer } from '~/src/server/index.js'
import { getFormMetadata } from '~/src/server/plugins/engine/services/formsService.js'
import * as fixtures from '~/test/fixtures/index.js'
import { renderResponse } from '~/test/helpers/component-helpers.js'

const basePath = '/checkboxes'
const key = 'wqJmSf'

jest.mock('~/src/server/plugins/engine/services/formsService.js')

describe('Checkboxes based conditions', () => {
  /** @type {Server} */
  let server

  // Create server before each test
  beforeAll(async () => {
    server = await createServer({
      formFileName: 'checkboxes.json',
      formFilePath: resolve(import.meta.dirname, '../form/definitions')
    })

    await server.initialize()
  })

  beforeEach(() => {
    jest.mocked(getFormMetadata).mockResolvedValue(fixtures.form.metadata)
  })

  afterAll(async () => {
    await server.stop()
  })

  test('Checkboxes are rendered', async () => {
    const { container } = await renderResponse(server, {
      url: `${basePath}/first-page`
    })

    for (const example of [
      {
        name: key,
        id: key,
        text: 'Shire',
        value: 'shire'
      },
      {
        name: key,
        id: `${key}-2`,
        text: 'Race',
        value: 'race'
      },
      {
        name: key,
        id: `${key}-3`,
        text: 'Pantomime',
        value: 'pantomime'
      },
      {
        name: key,
        id: `${key}-4`,
        text: 'Other',
        value: 'other'
      }
    ]) {
      const $checkbox = container.getByRole('checkbox', {
        name: example.text
      })

      expect($checkbox).toBeInTheDocument()
      expect($checkbox).toHaveAttribute('id', expect.any(String)) // id is now a uuid
      expect($checkbox).toHaveAttribute('name', example.name)
      expect($checkbox).toHaveAttribute('value', example.value)
      expect($checkbox).toHaveClass('govuk-checkboxes__input')
      expect($checkbox).not.toBeChecked()
    }
  })

  test('Testing POST /first-page with nothing checked redirects correctly', async () => {
    const form = {}

    const res = await server.inject({
      url: `${basePath}/first-page`,
      method: 'POST',
      payload: form
    })

    expect(res.statusCode).toBe(StatusCodes.SEE_OTHER)
    expect(res.headers.location).toBe(`${basePath}/second-page`)
  })

  test('Testing POST /first-page with "other" checked redirects correctly', async () => {
    const form = {
      [key]: 'other'
    }

    const res = await server.inject({
      url: `${basePath}/first-page`,
      method: 'POST',
      payload: form
    })

    expect(res.statusCode).toBe(StatusCodes.SEE_OTHER)
    expect(res.headers.location).toBe(`${basePath}/third-page`)
  })
})

/**
 * @import { Server } from '@hapi/hapi'
 */