fhir-react/src/components/resources/ClaimResponse/ClaimResponse.test.js

React component library for displaying FHIR Resources

import React from 'react';
import { render } from '@testing-library/react';

import ClaimResponse from './ClaimResponse';
import fhirVersions from '../fhirResourceVersions';
import { nbspRegex } from '../../../testUtils';
import dstu2Example1 from '../../../fixtures/dstu2/resources/claimResponse/example-1.json';
import stu3Example1 from '../../../fixtures/stu3/resources/claimResponse/example-1.json';
import stu3Example2 from '../../../fixtures/stu3/resources/claimResponse/example-2.json';
import r4Example1 from '../../../fixtures/r4/resources/claimResponse/example1.json';
import r4Example2 from '../../../fixtures/r4/resources/claimResponse/example2.json';
import r4Example3 from '../../../fixtures/r4/resources/claimResponse/example3.json';

describe('should render the ClaimResponse component properly', () => {
  it('with DSTU2 source data', () => {
    const defaultProps = {
      fhirResource: dstu2Example1,
      fhirVersion: fhirVersions.DSTU2,
    };
    const { getByTestId, getAllByTestId } = render(
      <ClaimResponse {...defaultProps} />,
    );

    expect(getByTestId('title').textContent).toEqual('Claim response #R3500');
    expect(getByTestId('outcome').textContent).toEqual('complete');
    expect(getByTestId('created').textContent).toEqual('2014-08-16');
    expect(getByTestId('disposition').textContent).toEqual(
      'Claim settled as per contract.',
    );
    expect(getByTestId('request').textContent).toEqual(
      'http://www.BenefitsInc.com/fhir/oralhealthclaim/15476332402',
    );
    expect(
      getByTestId('totalCost').textContent.replace(nbspRegex, ' '),
    ).toEqual('135.57 USD');
    expect(
      getByTestId('totalBenefit').textContent.replace(nbspRegex, ' '),
    ).toEqual('100.47 USD');
    expect(getByTestId('payment.type').textContent).toEqual('-');
    expect(
      getByTestId('payment.amount').textContent.replace(nbspRegex, ' '),
    ).toEqual('100.47 USD');
    expect(getByTestId('payment.date').textContent).toEqual('2014-08-31');
    expect(
      getByTestId('payment.ref').textContent.replace(nbspRegex, ' '),
    ).toEqual('Identifier: 201408-2-1569478');

    expect(
      getAllByTestId('items.adjudication').map(n =>
        Array.from(
          n.querySelectorAll(
            '[data-testid="items.adjudication.singleAdjudication"]',
          ),
        )
          .map(n => n.textContent)
          .map(t => t.replace(nbspRegex, ' ')),
      ),
    ).toEqual([
      [
        ' (eligible):135.57 USD',
        ' (copay):10 USD',
        ' (eligpercent):80',
        ' (benefit):100.47 USD',
      ],
    ]);
  });

  it('with STU3 source data', () => {
    const defaultProps = {
      fhirResource: stu3Example1,
      fhirVersion: fhirVersions.STU3,
    };
    const { getByTestId, getAllByTestId } = render(
      <ClaimResponse {...defaultProps} />,
    );

    expect(getByTestId('title').textContent).toEqual('Claim response #R3500');
    expect(getByTestId('outcome').textContent).toEqual('complete');
    expect(getByTestId('created').textContent).toEqual('2014-08-16');
    expect(getByTestId('disposition').textContent).toEqual(
      'Claim settled as per contract.',
    );
    expect(getByTestId('request').textContent).toEqual(
      'http://www.BenefitsInc.com/fhir/oralhealthclaim/15476332402',
    );
    expect(
      getByTestId('totalCost').textContent.replace(nbspRegex, ' '),
    ).toEqual('135.57 USD');
    expect(
      getByTestId('totalBenefit').textContent.replace(nbspRegex, ' '),
    ).toEqual('100.47 USD');
    expect(getByTestId('payment.type').textContent).toContain('complete');
    expect(
      getByTestId('payment.amount').textContent.replace(nbspRegex, ' '),
    ).toEqual('100.47 USD');
    expect(getByTestId('payment.date').textContent).toEqual('2014-08-31');
    expect(
      getByTestId('payment.ref').textContent.replace(nbspRegex, ' '),
    ).toEqual('Identifier: 201408-2-1569478');

    expect(
      getAllByTestId('items.adjudication').map(n =>
        Array.from(
          n.querySelectorAll(
            '[data-testid="items.adjudication.singleAdjudication"]',
          ),
        )
          .map(n => n.textContent)
          .map(t => t.replace(nbspRegex, ' ')),
      ),
    ).toEqual([
      [
        ' (eligible):135.57 USD',
        ' (copay):10 USD',
        ' (eligpercent):80',
        ' (benefit):100.47 USD',
      ],
    ]);
  });

  it('includes added items with STU3 source data', () => {
    const defaultProps = {
      fhirResource: stu3Example2,
      fhirVersion: fhirVersions.STU3,
    };
    const { getAllByTestId } = render(<ClaimResponse {...defaultProps} />);

    const adjucationNodes = getAllByTestId('addedItems.adjudication');
    const singleAdjucations = adjucationNodes
      .map(n =>
        n.querySelectorAll(
          '[data-testid="addedItems.adjudication.singleAdjudication"]',
        ),
      )
      .map(nodes => Array.from(nodes))
      .map(nodes =>
        nodes.map(n => n.textContent).map(t => t.replace(nbspRegex, ' ')),
      );
    expect(singleAdjucations).toEqual([
      [
        ' (eligible):100 USD',
        ' (copay):10 USD',
        ' (eligpercent):80',
        ' (benefit):72 USD',
      ],
      [' (eligible):35.57 USD', ' (eligpercent):80', ' (benefit):28.47 USD'],
      [' (eligible):350 USD', ' (eligpercent):80', ' (benefit):270 USD'],
    ]);

    const services = getAllByTestId('addedItems.service')
      .map(n => n.textContent)
      .map(t => t.replace(nbspRegex, ' '));
    expect(services).toEqual([
      ' (1101)',
      'Radiograph, bytewing (2141)',
      ' (expense)',
    ]);
  });

  it('with R4 source data', () => {
    const defaultProps = {
      fhirResource: r4Example1,
      fhirVersion: fhirVersions.R4,
    };
    const { getByTestId, getAllByTestId, queryByTestId } = render(
      <ClaimResponse {...defaultProps} />,
    );

    expect(getByTestId('title').textContent).toEqual('Claim response #R3500');
    expect(getByTestId('status').textContent).toEqual('active');
    expect(queryByTestId('outcome')).toBeNull();
    expect(getByTestId('created').textContent).toEqual('2014-08-16');
    expect(getByTestId('disposition').textContent).toEqual(
      'Claim settled as per contract.',
    );
    expect(getByTestId('request').textContent).toEqual(
      'http://www.BenefitsInc.com/fhir/oralhealthclaim/15476332402',
    );
    const totalSectionContent = getByTestId('totalSection').textContent.replace(
      nbspRegex,
      ' ',
    );
    expect(totalSectionContent).toMatch(/SUBMITTED/i);
    expect(totalSectionContent).toContain('135.57 USD');
    expect(totalSectionContent).toMatch(/BENEFIT/i);
    expect(totalSectionContent).toContain('90.47 USD');

    expect(getByTestId('payment.type').textContent).toContain('complete');
    expect(
      getByTestId('payment.amount').textContent.replace(nbspRegex, ' '),
    ).toEqual('100.47 USD');
    expect(getByTestId('payment.date').textContent).toEqual('2014-08-31');
    expect(
      getByTestId('payment.ref').textContent.replace(nbspRegex, ' '),
    ).toEqual('Identifier: 201408-2-1569478');

    expect(
      getAllByTestId('items.adjudication').map(n =>
        Array.from(
          n.querySelectorAll(
            '[data-testid="items.adjudication.singleAdjudication"]',
          ),
        )
          .map(n => n.textContent)
          .map(t => t.replace(nbspRegex, ' ')),
      ),
    ).toEqual([
      [
        ' (eligible):135.57 USD',
        ' (copay):10 USD',
        ' (eligpercent):80',
        ' (benefit):90.47 USD',
      ],
    ]);
  });

  it("shouldn't render payment section if there is no data to render - R4", () => {
    const defaultProps = {
      fhirResource: r4Example2,
      fhirVersion: fhirVersions.R4,
    };
    const { queryByTestId } = render(<ClaimResponse {...defaultProps} />);

    expect(queryByTestId('paymentSection')).toBeNull();
  });

  it('includes added items with R4 source data', () => {
    const defaultProps = {
      fhirResource: r4Example3,
      fhirVersion: fhirVersions.R4,
    };
    const { getAllByTestId } = render(<ClaimResponse {...defaultProps} />);

    const adjucationNodes = getAllByTestId('addedItems.adjudication');
    const singleAdjucations = adjucationNodes
      .map(n =>
        n.querySelectorAll(
          '[data-testid="addedItems.adjudication.singleAdjudication"]',
        ),
      )
      .map(nodes => Array.from(nodes))
      .map(nodes =>
        nodes.map(n => n.textContent).map(t => t.replace(nbspRegex, ' ')),
      );
    expect(singleAdjucations).toEqual([
      [
        ' (eligible):100 USD',
        ' (copay):10 USD',
        ' (eligpercent):80',
        ' (benefit):72 USD',
      ],
      [' (eligible):35.57 USD', ' (eligpercent):80', ' (benefit):28.47 USD'],
      [' (eligible):350 USD', ' (eligpercent):80', ' (benefit):270 USD'],
    ]);

    const services = getAllByTestId('addedItems.service')
      .map(n => n.textContent)
      .map(t => t.replace(nbspRegex, ' '));
    expect(services).toEqual([
      ' (1101)',
      'Radiograph, bytewing (2141)',
      ' (expense)',
    ]);
  });
});