department-of-veterans-affairs/vets-website

import React from 'react';
import { expect } from 'chai';
import userEvent from '@testing-library/user-event';
import { cleanup } from '@testing-library/react';
import { fireEvent, waitFor } from '@testing-library/dom';
import { mockFetch } from '@department-of-veterans-affairs/platform-testing/helpers';
import {
  createTestStore,
  renderWithStoreAndRouter,
} from '../../tests/mocks/setup';
import CommunityCareLanguagePage from './CommunityCareLanguagePage';

const initialState = {
  featureToggles: {
    vaOnlineSchedulingDirect: true,
    vaOnlineSchedulingCommunityCare: true,
  },
  user: {
    profile: {
      facilities: [
        { facilityId: '983', isCerner: false },
        { facilityId: '984', isCerner: false },
      ],
    },
  },
};

describe('VAOS Page: CommunityCareLanguagePage', () => {
  beforeEach(() => mockFetch());

  it('should show page with language choice', async () => {
    const store = createTestStore(initialState);
    const screen = renderWithStoreAndRouter(<CommunityCareLanguagePage />, {
      store,
    });

    expect((await screen.findAllByRole('combobox')).length).to.equal(1);

    expect(screen.baseElement).to.contain.text('What language do you prefer?');
  });

  it('should show validation for VA medical request', async () => {
    const store = createTestStore(initialState);
    const screen = renderWithStoreAndRouter(<CommunityCareLanguagePage />, {
      store,
    });

    await screen.findByLabelText(
      /Select the language you’d prefer your provider speak/i,
    );
    fireEvent.click(screen.getByText(/Continue/));
    expect(await screen.findByRole('alert')).to.contain.text(
      'Select a language',
    );
  });

  it('should continue to the next page', async () => {
    const store = createTestStore(initialState);
    const screen = renderWithStoreAndRouter(<CommunityCareLanguagePage />, {
      store,
    });

    await screen.findByLabelText(
      /Select the language you’d prefer your provider speak/i,
    );
    userEvent.selectOptions(screen.getByRole('combobox'), [
      screen.getByText(/English/i),
    ]);
    fireEvent.click(screen.getByText(/Continue/));

    await waitFor(() =>
      expect(screen.history.push.lastCall?.args[0]).to.equal(
        '/new-appointment/reason-appointment',
      ),
    );
  });

  it('should save language choice', async () => {
    const store = createTestStore(initialState);
    let screen = renderWithStoreAndRouter(<CommunityCareLanguagePage />, {
      store,
    });

    await screen.findByLabelText(
      /Select the language you’d prefer your provider speak/i,
    );
    userEvent.selectOptions(screen.getByRole('combobox'), [
      screen.getByText(/English/i),
    ]);
    await cleanup();

    screen = renderWithStoreAndRouter(<CommunityCareLanguagePage />, {
      store,
    });

    expect((await screen.findByText(/English/i)).selected).to.be.true;
  });
});