diff --git a/webpack/assets/javascripts/react_app/components/HostStatuses/Status/Status.test.js b/webpack/assets/javascripts/react_app/components/HostStatuses/Status/Status.test.js
index 1b582d0a48..345e242416 100644
--- a/webpack/assets/javascripts/react_app/components/HostStatuses/Status/Status.test.js
+++ b/webpack/assets/javascripts/react_app/components/HostStatuses/Status/Status.test.js
@@ -1,7 +1,9 @@
+import React from 'react';
+import { render, screen } from '@testing-library/react';
+import '@testing-library/jest-dom';
 import Status from '../Status';
 import { HOST_STATUSES_KEY } from '../HostStatusesConstants';
 import { store } from '../HostStatuses.fixtures.js'
-import { testComponentSnapshotsWithFixtures } from '../../../common/testHelpers';
 
 jest.mock('react-redux', () => ({
   ...jest.requireActual('react-redux'),
@@ -51,9 +53,36 @@ jest.mock('../HostStatusesSelectors.js', () => {
   }
 });
 
-const fixtures = {
-  'renders Status': { name: store.API[HOST_STATUSES_KEY].response.results[0].name },
-};
+const { name } = store.API[HOST_STATUSES_KEY].response.results[0];
+
 describe('Status', () => {
-  testComponentSnapshotsWithFixtures(Status, fixtures);
+  it('renders Status', () => {
+    render(<Status name={name} />);
+
+    // status name and description
+    expect(screen.getByText('Status Name')).toBeInTheDocument();
+    expect(screen.getByText('Description of the status')).toBeInTheDocument();
+
+    // ok/warn/error totals and owned counts
+    expect(screen.getByText('Total: 3')).toBeInTheDocument();
+    expect(screen.getByText('Owned: 1')).toBeInTheDocument();
+    expect(screen.getByText('Total: 7')).toBeInTheDocument();
+    expect(screen.getByText('Owned: 2')).toBeInTheDocument();
+    expect(screen.getByText('Total: 5')).toBeInTheDocument();
+    expect(screen.getByText('Owned: 0')).toBeInTheDocument();
+
+    // totals link to their status searches
+    expect(screen.getByRole('link', { name: 'Total: 3' })).toHaveAttribute(
+      'href',
+      '/hosts?search=status+%3D+ok'
+    );
+    expect(screen.getByRole('link', { name: 'Total: 7' })).toHaveAttribute(
+      'href',
+      '/hosts?search=status+%3D+warn'
+    );
+    expect(screen.getByRole('link', { name: 'Total: 5' })).toHaveAttribute(
+      'href',
+      '/hosts?search=status+%3D+error'
+    );
+  });
 });
diff --git a/webpack/assets/javascripts/react_app/components/HostStatuses/Status/__snapshots__/Status.test.js.snap b/webpack/assets/javascripts/react_app/components/HostStatuses/Status/__snapshots__/Status.test.js.snap
deleted file mode 100644
index 862fe6f639..0000000000
--- a/webpack/assets/javascripts/react_app/components/HostStatuses/Status/__snapshots__/Status.test.js.snap
+++ /dev/null
@@ -1,167 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Status renders Status 1`] = `
-<GridItem
-  sm={12}
-  xl2={6}
->
-  <Card
-    className="pf-v5-c-alert pf-m-danger"
-    isExpanded={false}
-    ouiaId="status-card"
-  >
-    <CardHeader
-      onExpand={[Function]}
-      toggleButtonProps={
-        Object {
-          "aria-expanded": false,
-          "aria-label": "Details",
-          "aria-labelledby": "titleId toggle-button",
-          "id": "toggle-button",
-        }
-      }
-    >
-      <Grid
-        className="w-100"
-        hasGutter={true}
-      >
-        <GridItem
-          rowSpan={2}
-          span={1}
-          style={
-            Object {
-              "fontSize": "2.2em",
-            }
-          }
-        >
-          <GlobalStatusIcon
-            status={2}
-          />
-        </GridItem>
-        <GridItem
-          span={5}
-          style={
-            Object {
-              "fontSize": "1.5em",
-            }
-          }
-        >
-          Status Name
-        </GridItem>
-        <GridItem
-          className="status-count text-center"
-          rowSpan={2}
-          span={2}
-        >
-          <div
-            style={
-              Object {
-                "fontSize": "1.5em",
-              }
-            }
-          >
-            <GlobalStatusIcon
-              status={0}
-            />
-          </div>
-          <LinkOrLabel
-            label="Total: 3"
-            path="/hosts?search=status+%3D+ok"
-          />
-          <LinkOrLabel
-            label="Owned: 1"
-            path="/hosts?search=owner+%3D+current_user+AND+%28status+%3D+warn"
-          />
-        </GridItem>
-        <GridItem
-          className="status-count text-center"
-          rowSpan={2}
-          span={2}
-        >
-          <div
-            style={
-              Object {
-                "fontSize": "1.5em",
-              }
-            }
-          >
-            <GlobalStatusIcon
-              status={1}
-            />
-          </div>
-          <LinkOrLabel
-            label="Total: 7"
-            path="/hosts?search=status+%3D+warn"
-          />
-          <LinkOrLabel
-            label="Owned: 2"
-            path="/hosts?search=owner+%3D+current_user+AND+%28status+%3D+error"
-          />
-        </GridItem>
-        <GridItem
-          className="status-count text-center"
-          rowSpan={2}
-          span={2}
-        >
-          <div
-            style={
-              Object {
-                "fontSize": "1.5em",
-              }
-            }
-          >
-            <GlobalStatusIcon
-              status={2}
-            />
-          </div>
-          <LinkOrLabel
-            label="Total: 5"
-            path="/hosts?search=status+%3D+error"
-          />
-          <LinkOrLabel
-            label="Owned: 0"
-            path="/hosts?search=owner+%3D+current_user+AND+%28status+%3D+ok"
-          />
-        </GridItem>
-        <GridItem
-          span={5}
-        >
-          Description of the status
-        </GridItem>
-      </Grid>
-    </CardHeader>
-    <CardExpandableContent>
-      <Details
-        data={
-          Array [
-            Object {
-              "global_status": 0,
-              "label": "OK",
-              "owned": 1,
-              "owned_path": "/hosts?search=owner+%3D+current_user+AND+%28status+%3D+ok",
-              "total": 3,
-              "total_path": "/hosts?search=status+%3D+ok",
-            },
-            Object {
-              "global_status": 1,
-              "label": "Warning",
-              "owned": 2,
-              "owned_path": "/hosts?search=owner+%3D+current_user+AND+%28status+%3D+warn",
-              "total": 7,
-              "total_path": "/hosts?search=status+%3D+warn",
-            },
-            Object {
-              "global_status": 2,
-              "label": "Error",
-              "owned": 0,
-              "owned_path": "/hosts?search=owner+%3D+current_user+AND+%28status+%3D+error",
-              "total": 5,
-              "total_path": "/hosts?search=status+%3D+error",
-            },
-          ]
-        }
-      />
-    </CardExpandableContent>
-  </Card>
-</GridItem>
-`;