@navinc/base-react-components/src/seeds-of-financing.spec.js

Nav's Pattern Library

import React from 'react'
import SeedsOfFinancing from './seeds-of-financing.js'
import { fireEvent, render } from '@testing-library/react'

describe('SeedsOfFinancing', () => {
  it('renders the sections if there are sections', () => {
    const onClick = jest.fn()

    const sections = [<SeedsOfFinancing.Section key="1" copy="Section1" onClick={onClick} />]

    const { getByText } = render(<SeedsOfFinancing sections={sections} />)

    fireEvent.click(getByText('Section1'))

    expect(onClick).toHaveBeenCalled()
  })
  it('renders the 0/4 complete', () => {
    const { getByText } = render(<SeedsOfFinancing maxSteps={4} stepsComplete={0} />)

    expect(getByText('0/4 complete'))
  })

  it('renders the Progress width at 25% if 1 step is complete', () => {
    const { getByText } = render(<SeedsOfFinancing maxSteps={4} stepsComplete={1} />)

    expect(getByText('1/4 complete'))
  })

  it('renders the Progress width at 100% if all steps are complete', () => {
    const { getByText } = render(<SeedsOfFinancing maxSteps={4} stepsComplete={4} />)

    expect(getByText('4/4 complete!'))
  })
})