StepConsent.spec.tsx

import { render, screen } from '@testing-library/react'
import { userEvent } from '@testing-library/user-event'
import React from 'react'
import { mockSgeState } from 'tests/__mocks__/forms.mock'
import StepConsent from './StepConsent'

const mockHandleChange = jest.fn()

describe('StepConsent component', () => {
  it('should be rendered correctly', () => {
    const { container } = render(
      <StepConsent sgeState={mockSgeState} onChange={mockHandleChange} />
    )
    expect(container).toMatchSnapshot()
  })

  it('should change dataConsent and pdlConfirm value', async () => {
    render(<StepConsent sgeState={mockSgeState} onChange={mockHandleChange} />)
    const consentCheckbox = screen.getByLabelText(
      'auth.enedissgegrandlyon.consentCheck1'
    )
    await userEvent.click(consentCheckbox)
    expect(mockHandleChange).toHaveBeenCalledWith('dataConsent', true)

    const pdlCheckbox = screen.getByLabelText(
      'auth.enedissgegrandlyon.consentCheck2'
    )
    await userEvent.click(pdlCheckbox)
    expect(mockHandleChange).toHaveBeenCalledWith('pdlConfirm', true)
  })
})