test id for loading indicator

Recidiviz · Mar 30, 2021 · 84d0cfb · 84d0cfb
1 parent 446cb20
commit 84d0cfb
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 4 deletions.
diff --git a/spotlight-client/src/Loading/Loading.tsx b/spotlight-client/src/Loading/Loading.tsx
@@ -53,7 +53,7 @@ const LoadingSpinnerText = styled.div`
 
 export default function Loading(): JSX.Element {
   return (
-    <LoadingWrapper role="status">
+    <LoadingWrapper role="status" data-testid="LoadingIndicator">
       <LoadingSpinnerIcon />
       <LoadingSpinnerText>Data is loading</LoadingSpinnerText>
     </LoadingWrapper>

diff --git a/spotlight-client/src/ModelHydrator/ModelHydrator.test.tsx b/spotlight-client/src/ModelHydrator/ModelHydrator.test.tsx
@@ -62,9 +62,7 @@ test("hydrated", async () => {
   });
 
   await waitFor(() => {
-    expect(
-      screen.queryByRole("status", { hidden: true })
-    ).not.toBeInTheDocument();
+    expect(screen.queryByTestId("LoadingIndicator")).not.toBeInTheDocument();
     expect(screen.getByText("hydrated")).toBeInTheDocument();
   });
 });