18F/identity-idp

import { render } from '@testing-library/react';
import { t } from '@18f/identity-i18n';
import HybridDocCaptureWarning from './hybrid-doc-capture-warning';
import { Provider as ServiceProviderContextProvider } from '../context/service-provider';

const APP_NAME = 'Login.gov';
const SP_NAME = 'TEST SP';

describe('HybridDocCaptureWarning', () => {
  beforeEach(() => {
    const config = document.createElement('script');
    config.id = 'test-config';
    config.type = 'application/json';
    config.setAttribute('data-config', '');
    config.textContent = JSON.stringify({ appName: APP_NAME });
    document.body.append(config);
  });

  describe('basic rendering', () => {
    it('renders a warning alert', () => {
      const { getByRole } = render(
        <ServiceProviderContextProvider value={{ name: null, failureToProofURL: '' }}>
          <HybridDocCaptureWarning />
        </ServiceProviderContextProvider>,
      );
      const alertElement = getByRole('status');

      expect(alertElement.classList.contains('usa-alert--warning'));
    });
  });

  describe('without SP', () => {
    it('renders correct warning title', () => {
      const { getByRole } = render(
        <ServiceProviderContextProvider value={{ name: null, failureToProofURL: '' }}>
          <HybridDocCaptureWarning />
        </ServiceProviderContextProvider>,
      );
      const alertElement = getByRole('status');

      expect(alertElement.textContent).to.have.string(
        t('doc_auth.hybrid_flow_warning.explanation_non_sp_html'),
      );
    });

    it('does not render a third list item pertaining to SP services', () => {
      const { getByRole } = render(
        <ServiceProviderContextProvider value={{ name: null, failureToProofURL: '' }}>
          <HybridDocCaptureWarning />
        </ServiceProviderContextProvider>,
      );
      const alertElement = getByRole('status');
      const notExpectedString = t('doc_auth.hybrid_flow_warning.only_add_sp_services_html', {
        service_provider_name: SP_NAME,
      });

      expect(alertElement.textContent).to.not.have.string(notExpectedString);
    });
  });

  describe('with SP', () => {
    it('renders the correct warning title', () => {
      const { getByRole } = render(
        <ServiceProviderContextProvider value={{ name: SP_NAME, failureToProofURL: '' }}>
          <HybridDocCaptureWarning />
        </ServiceProviderContextProvider>,
      );
      const alertElement = getByRole('status');
      const expectedString = t('doc_auth.hybrid_flow_warning.explanation_html', {
        app_name: APP_NAME,
        service_provider_name: SP_NAME,
      });

      expect(alertElement.textContent).to.have.string(expectedString);
    });
    it('renders a third list item pertaining to SP services', () => {
      const { getByRole } = render(
        <ServiceProviderContextProvider value={{ name: SP_NAME, failureToProofURL: '' }}>
          <HybridDocCaptureWarning />
        </ServiceProviderContextProvider>,
      );
      const alertElement = getByRole('status');
      const expectedString = t('doc_auth.hybrid_flow_warning.only_add_sp_services_html', {
        service_provider_name: SP_NAME,
      });

      expect(alertElement.textContent).to.have.string(expectedString);
    });
  });
});