[ART] fix POA request card filename

src/applications/accredited-representative-portal/app-entry.jsx

@@ -8,7 +8,7 @@ import startReactApp from '@department-of-veterans-affairs/platform-startup/reac
 import { connectFeatureToggle } from 'platform/utilities/feature-toggles';
 
 import './sass/accredited-representative-portal.scss';
-import './sass/POARequestsCard.scss';
+import './sass/POARequestCard.scss';
 import './sass/POARequestDetails.scss';
 
 import manifest from './manifest.json';

src/applications/accredited-representative-portal/containers/POARequestSearchPage.jsx

@@ -9,7 +9,7 @@ import {
 import { apiRequest } from '@department-of-veterans-affairs/platform-utilities/api';
 
 import mockPOARequestsResponse from '../mocks/mockPOARequestsResponse.json';
-import POARequestCard from '../components/POARequestsCard/POARequestsCard';
+import POARequestCard from '../components/POARequestCard/POARequestCard';
 import DigitalSubmissionAlert from '../components/DigitalSubmissionAlert/DigitalSubmissionAlert';
 
 const STATUSES = {

src/applications/accredited-representative-portal/tests/unit/components/POARequestCard.unit.spec.jsx

@@ -0,0 +1,16 @@
+import { expect } from 'chai';
+import React from 'react';
+import POARequestCard from '../../../components/POARequestCard/POARequestCard';
+import mockPOARequestsResponse from '../../../mocks/mockPOARequestsResponse.json';
+import { renderTestComponent } from '../helpers';
+
+describe('POARequestCard', () => {
+  it('renders a card', () => {
+    const { attributes: poaRequest, id } = mockPOARequestsResponse.data[0];
+    const component = <POARequestCard poaRequest={poaRequest} id={id} />;
+
+    const { getByTestId } = renderTestComponent(component);
+
+    expect(getByTestId('poa-request-card-12345-status')).to.exist;
+  });
+});

src/applications/accredited-representative-portal/tests/unit/helpers/index.jsx

@@ -1,6 +1,10 @@
 import React from 'react';
 import { Provider } from 'react-redux';
-import { MemoryRouter } from 'react-router-dom';
+import {
+  createMemoryRouter,
+  RouterProvider,
+  MemoryRouter,
+} from 'react-router-dom';
 import { render } from '@testing-library/react';
 
 import createReduxStore from '../../../store';
@@ -20,3 +24,14 @@ export function renderTestApp(children, { initAction, initialEntries } = {}) {
     </Provider>,
   );
 }
+
+export function renderTestComponent(element) {
+  const router = createMemoryRouter([
+    {
+      path: '',
+      element,
+    },
+  ]);
+
+  return render(<RouterProvider router={router} />);
+}