department-of-veterans-affairs/vets-website

import React from 'react';
import { expect } from 'chai';
import { render } from '@testing-library/react';
import Contact from './Contact';

const initialProps = {
  contactType: 'Primary Next of Kin',
  prefix: 'Mrs.',
  givenName: 'Rachel',
  middleName: 'Walker',
  familyName: 'Revere',
  addressLine1: '19 N Square',
  city: 'Boston',
  state: 'MA',
  zipCode: '02113',
  primaryPhone: '617-555-1111',
  index: 0,
  numberOfContacts: 2,
};

const setup = (props = {}) => render(<Contact {...initialProps} {...props} />);

describe('Contact Component', () => {
  it('renders', () => {
    const { container } = setup();
    expect(container.textContent).to.contain('Primary next of kin');
    expect(container.textContent).to.contain('Mrs. Rachel Walker Revere');
    expect(container.textContent).to.contain('19 N Square');
    expect(container.textContent).to.contain('Boston, MA 02113');
    const telephone = container.querySelector('va-telephone');
    expect(telephone).to.have.attr('contact', '617-555-1111');
  });

  it('renders name and phone number if addressLine1 is not present', () => {
    const { container } = setup({ addressLine1: '', index: 1 });
    expect(container.textContent).to.contain('Secondary next of kin');
    expect(container.textContent).to.contain('Mrs. Rachel Walker Revere');
    const telephone = container.querySelector('va-telephone');
    expect(telephone).to.have.attr('contact', '617-555-1111');
    expect(container.textContent).not.to.contain('Boston, MA 02113');
  });

  it('renders name and phone number when contactType is an emergency contact', () => {
    const { container } = setup({ contactType: 'Emergency Contact' });
    expect(container.textContent).to.contain('Primary emergency contact');
    expect(container.textContent).to.contain('Mrs. Rachel Walker Revere');
    const telephone = container.querySelector('va-telephone');
    expect(telephone).to.have.attr('contact', '617-555-1111');
    expect(container.textContent).not.to.contain('Boston, MA 02113');
  });

  it('omits the title if only one contact exists', () => {
    const { container } = setup({
      contactType: 'Emergency Contact',
      numberOfContacts: 1,
    });
    expect(container.textContent).not.to.contain('Emergency contact');
    expect(container.textContent).to.contain('Mrs. Rachel Walker Revere');
    const telephone = container.querySelector('va-telephone');
    expect(telephone).to.have.attr('contact', '617-555-1111');
    expect(container.textContent).not.to.contain('Boston, MA 02113');
  });
});