18F/identity-idp

import { render } from '@testing-library/react';
import type { ComponentType } from 'react';
import { Provider as MarketingSiteContextProvider } from '../context/marketing-site';
import InPersonPrepareStep from './in-person-prepare-step';
import { InPersonContext } from '../context';

describe('InPersonPrepareStep', () => {
  const DEFAULT_PROPS = { toPreviousStep() {}, value: {} };

  it('renders a privacy disclaimer', () => {
    const { getByText, queryByRole } = render(<InPersonPrepareStep {...DEFAULT_PROPS} />);

    expect(getByText('in_person_proofing.body.prepare.privacy_disclaimer')).to.exist();
    expect(
      queryByRole('link', {
        name: 'in_person_proofing.body.prepare.privacy_disclaimer_link links.new_tab',
      }),
    ).not.to.exist();
  });

  it('renders all steps to verify your identity at a Post Office', () => {
    const { getByText } = render(<InPersonPrepareStep {...DEFAULT_PROPS} />);

    expect(getByText('in_person_proofing.body.prepare.verify_step_post_office')).to.exist();
    expect(getByText('in_person_proofing.body.prepare.verify_step_enter_pii')).to.exist();
    expect(getByText('in_person_proofing.body.prepare.verify_step_enter_phone')).to.exist();
  });

  it('renders about information', () => {
    const { getByText } = render(<InPersonPrepareStep {...DEFAULT_PROPS} />);

    expect(getByText('in_person_proofing.body.prepare.verify_step_about')).to.exist();
  });

  context('Outage message', () => {
    it('renders a warning when the flag is enabled', () => {
      const { queryByText } = render(
        <InPersonContext.Provider
          value={{
            locationsURL: 'https://localhost:3000/unused',
            addressSearchURL: 'https://localhost:3000/unused',
            inPersonOutageMessageEnabled: true,
            inPersonOutageExpectedUpdateDate: 'January 1, 2024',
            inPersonFullAddressEntryEnabled: false,
            optedInToInPersonProofing: false,
            usStatesTerritories: [],
          }}
        >
          <InPersonPrepareStep {...DEFAULT_PROPS} />
        </InPersonContext.Provider>,
      );
      expect(
        queryByText('idv.failure.exceptions.in_person_outage_error_message.post_cta.title'),
      ).to.exist();
    });
    it('does not render a warning when the flag is disabled', () => {
      const { queryByText } = render(
        <InPersonContext.Provider
          value={{
            locationsURL: 'https://localhost:3000/unused',
            addressSearchURL: 'https://localhost:3000/unused',
            inPersonOutageMessageEnabled: false,
            inPersonFullAddressEntryEnabled: false,
            optedInToInPersonProofing: false,
            usStatesTerritories: [],
          }}
        >
          <InPersonPrepareStep {...DEFAULT_PROPS} />
        </InPersonContext.Provider>,
      );
      expect(
        queryByText('idv.failure.exceptions.in_person_outage_error_message.post_cta.title'),
      ).not.to.exist();
    });
  });

  context('with marketing site context URL', () => {
    const securityAndPrivacyHowItWorksURL = 'http://example.com/security-and-privacy-how-it-works';
    const wrapper: ComponentType = ({ children }) => (
      <MarketingSiteContextProvider
        helpCenterRedirectURL="http://example.com/redirect/"
        securityAndPrivacyHowItWorksURL={securityAndPrivacyHowItWorksURL}
      >
        {children}
      </MarketingSiteContextProvider>
    );

    it('renders a privacy disclaimer link', () => {
      const { getByRole } = render(<InPersonPrepareStep {...DEFAULT_PROPS} />, { wrapper });

      const link = getByRole('link', {
        name: 'in_person_proofing.body.prepare.privacy_disclaimer_link links.new_tab',
      }) as HTMLAnchorElement;

      expect(link.href).to.equal(securityAndPrivacyHowItWorksURL);
    });
  });
});