add basic test for new breadcrumb stuff

src/components/ProcessBreadcrumb.test.tsx

@@ -12,6 +12,20 @@ test('renders home link', () => {
   expect(homeElement).toBeInTheDocument();
 });
 
+test('renders hotCrumbs', () => {
+  render(
+    <BrowserRouter>
+      <ProcessBreadcrumb
+        hotCrumbs={[['Process Groups', '/admin'], [`Process Group: hey`]]}
+      />
+    </BrowserRouter>
+  );
+  const homeElement = screen.getByText(/Process Groups/);
+  expect(homeElement).toBeInTheDocument();
+  const nextElement = screen.getByText(/Process Group: hey/);
+  expect(nextElement).toBeInTheDocument();
+});
+
 test('renders process group when given processGroupId', async () => {
   render(
     <BrowserRouter>

src/components/ProcessBreadcrumb.tsx

@@ -27,7 +27,7 @@ export default function ProcessBreadcrumb({
       const valueLabel = crumb[0];
       const url = crumb[1];
       return (
-        <Breadcrumb.Item linkAs={Link} linkProps={{ to: url }}>
+        <Breadcrumb.Item key={valueLabel} linkAs={Link} linkProps={{ to: url }}>
           {valueLabel}
         </Breadcrumb.Item>
       );