From 56e8efb76c8c4bf6d353ca619851c140e031d7da Mon Sep 17 00:00:00 2001
From: burnettk <burnettk@users.noreply.github.com>
Date: Wed, 5 Oct 2022 15:38:30 -0400
Subject: [PATCH] add basic test for new breadcrumb stuff

---
 src/components/ProcessBreadcrumb.test.tsx | 14 ++++++++++++++
 src/components/ProcessBreadcrumb.tsx      |  2 +-
 2 files changed, 15 insertions(+), 1 deletion(-)

diff --git a/src/components/ProcessBreadcrumb.test.tsx b/src/components/ProcessBreadcrumb.test.tsx
index 404ae20..7186141 100644
--- a/src/components/ProcessBreadcrumb.test.tsx
+++ b/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>
diff --git a/src/components/ProcessBreadcrumb.tsx b/src/components/ProcessBreadcrumb.tsx
index 4504f6e..241aaeb 100644
--- a/src/components/ProcessBreadcrumb.tsx
+++ b/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>
       );