test showing siteType selection is disabled until after the user sele…

…cts a site to manifest as

client/src/features/manifest/NewManifest.spec.tsx

@@ -1,17 +1,49 @@
 import '@testing-library/jest-dom';
+import userEvent from '@testing-library/user-event';
 import { NewManifest } from 'features/manifest/NewManifest';
 import React from 'react';
 import { renderWithProviders, screen } from 'test-utils';
+import { createMockPermission, createMockSite } from 'test-utils/fixtures/mockHandler';
 import { describe, expect, test } from 'vitest';
 
 describe('NewManifest', () => {
   test('renders', () => {
     renderWithProviders(<NewManifest />, {});
     expect(screen.getByRole('combobox', { name: /site Role/i })).toBeInTheDocument();
   });
-  test('site type select is initially disabled', () => {
+  test('site type is initially disabled', () => {
     renderWithProviders(<NewManifest />, {});
     const siteRole = screen.getByRole('combobox', { name: /site Role/i });
     expect(siteRole).toBeDisabled();
   });
+  test('site type is not disabled after selecting a site', async () => {
+    const mySiteId = 'VATESTGEN001';
+    const mySiteName = 'My Site';
+    const mySite = createMockSite({
+      name: mySiteName,
+      // @ts-ignore
+      handler: { epaSiteId: mySiteId, siteType: 'Tsdf' },
+    });
+    renderWithProviders(<NewManifest />, {
+      preloadedState: {
+        rcraProfile: {
+          user: 'username',
+          phoneNumber: '1231231234',
+          apiUser: false,
+          rcraSites: {
+            VATESTGEN001: {
+              site: { ...mySite },
+              permissions: createMockPermission(),
+            },
+          },
+        },
+      },
+    });
+    const siteSelection = screen.getByRole('combobox', { name: /site select/i });
+    await userEvent.click(siteSelection);
+    await userEvent.keyboard('{enter}');
+    expect(screen.getByText(new RegExp(`${mySiteId} --`, 'i'))).toBeInTheDocument();
+    const siteRole = screen.getByRole('combobox', { name: /site Role/i });
+    expect(siteRole).not.toBeDisabled();
+  });
 });

client/src/test-utils/fixtures/mockHandler.ts

@@ -1,8 +1,8 @@
 import { HaztrakSite } from 'components/HaztrakSite';
 import { Handler } from 'components/Manifest';
-import { RcraSite } from 'components/RcraSite';
 import { Transporter } from 'components/Manifest/Transporter';
-import { RcraSitePermissions, RcraProfileSite } from 'store/rcraProfileSlice/rcraProfile.slice';
+import { RcraSite } from 'components/RcraSite';
+import { RcraSitePermissions } from 'store/rcraProfileSlice/rcraProfile.slice';
 
 /**
  * A mock handler object for tests
@@ -77,7 +77,7 @@ export function createMockMTNHandler(overWrites?: Partial<Handler>): Handler {
 
 export function createMockSite(overWrites?: Partial<HaztrakSite>): HaztrakSite {
   return {
-    handler: createMockHandler(),
+    handler: createMockHandler(overWrites?.handler),
     name: 'mySiteName',
     ...overWrites,
   };