diff --git a/webpack/assets/javascripts/react_app/components/AuditsList/__tests__/ShowTaxonomyInline.test.js b/webpack/assets/javascripts/react_app/components/AuditsList/__tests__/ShowTaxonomyInline.test.js
index 1ded04f6e9..aac3ed97c0 100644
--- a/webpack/assets/javascripts/react_app/components/AuditsList/__tests__/ShowTaxonomyInline.test.js
+++ b/webpack/assets/javascripts/react_app/components/AuditsList/__tests__/ShowTaxonomyInline.test.js
@@ -1,25 +1,45 @@
-import { shallowRenderComponentWithFixtures } from '../../../common/testHelpers';
+import React from 'react';
+import { render, screen } from '@testing-library/react';
+import '@testing-library/jest-dom';
+
 import ShowTaxonomyInline from '../ShowTaxonomyInline';
 import { TaxonomyProps } from './AuditsList.fixtures';
-import { translate as __ } from '../../../common/I18n';
-
-const OrgsFixtures = {
-  'render organizations': {
-    displayLabel: __('Affected Organizations'),
-    items: TaxonomyProps.orgs,
-  },
-};
 
 describe('ShowTaxonomyInline', () => {
-  describe('rendering', () => {
-    const components = shallowRenderComponentWithFixtures(
-      ShowTaxonomyInline,
-      OrgsFixtures
+  it('renders the display label', () => {
+    render(
+      <ShowTaxonomyInline
+        displayLabel="Affected Organizations"
+        items={TaxonomyProps.orgs}
+      />
+    );
+
+    expect(screen.getByText('Affected Organizations')).toBeInTheDocument();
+  });
+
+  it('renders a link for each taxonomy item', () => {
+    render(<ShowTaxonomyInline items={TaxonomyProps.orgs} />);
+
+    const link = screen.getByRole('link', { name: 'testOrg' });
+
+    expect(link).toBeInTheDocument();
+    expect(link).toHaveAttribute('href', '/organizations/1-testOrg/edit');
+    expect(screen.getByRole('link', { name: 'testOrg2' })).toBeInTheDocument();
+  });
+
+  it('renders a disabled taxonomy link', () => {
+    render(<ShowTaxonomyInline items={TaxonomyProps.orgs} />);
+
+    expect(screen.getByRole('link', { name: 'testOrg2' })).toHaveAttribute(
+      'aria-disabled',
+      'true'
     );
-    components.forEach(({ description, component }) => {
-      it(description, () => {
-        expect(component).toMatchSnapshot();
-      });
-    });
+  });
+
+  it('renders no links when items are empty', () => {
+    render(<ShowTaxonomyInline displayLabel="Affected Organizations" />);
+
+    expect(screen.getByText('Affected Organizations')).toBeInTheDocument();
+    expect(screen.queryByRole('link')).not.toBeInTheDocument();
   });
 });
diff --git a/webpack/assets/javascripts/react_app/components/AuditsList/__tests__/__snapshots__/ShowTaxonomyInline.test.js.snap b/webpack/assets/javascripts/react_app/components/AuditsList/__tests__/__snapshots__/ShowTaxonomyInline.test.js.snap
deleted file mode 100644
index bddc6f3f42..0000000000
--- a/webpack/assets/javascripts/react_app/components/AuditsList/__tests__/__snapshots__/ShowTaxonomyInline.test.js.snap
+++ /dev/null
@@ -1,42 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`ShowTaxonomyInline rendering render organizations 1`] = `
-<Grid>
-  <GridItem
-    span={3}
-  >
-    <span>
-      Affected Organizations
-    </span>
-  </GridItem>
-  <GridItem
-    span={9}
-  >
-    <strong>
-      <Button
-        className="apply-comma "
-        component="a"
-        href="/organizations/1-testOrg/edit"
-        isInline={true}
-        key="0"
-        ouiaId="taxonomy-inline-btn"
-        variant="link"
-      >
-        testOrg
-      </Button>
-      <Button
-        className="apply-comma disabled"
-        component="a"
-        href="#"
-        isDisabled={true}
-        isInline={true}
-        key="1"
-        ouiaId="taxonomy-inline-btn"
-        variant="link"
-      >
-        testOrg2
-      </Button>
-    </strong>
-  </GridItem>
-</Grid>
-`;