diff --git a/src/components/atoms/Spinner/Spinner.test.tsx b/src/components/atoms/Spinner/Spinner.test.tsx
index 10aa2f90b..0bff350c9 100644
--- a/src/components/atoms/Spinner/Spinner.test.tsx
+++ b/src/components/atoms/Spinner/Spinner.test.tsx
@@ -2,6 +2,7 @@ import React from 'react';
 import axe from '../../../../axe-helper';
 import { render } from '@testing-library/react';
 import Spinner from './Spinner';
+import ThreeDotsSpinner from './ThreeDotsSpinner';
 
 describe('<Spinner />', () => {
   it('renders a spinner', async () => {
@@ -21,3 +22,12 @@ describe('<Spinner />', () => {
     expect(container.firstChild).toMatchSnapshot();
   });
 });
+
+describe('<ThreeDotsSpinner />', () => {
+  it('renders three dots spinner', async () => {
+    const { container } = render(<ThreeDotsSpinner />);
+    expect(container.firstChild).toMatchSnapshot();
+    const results = await axe(container.innerHTML);
+    expect(results).toHaveNoViolations();
+  });
+});
diff --git a/src/components/atoms/Spinner/ThreeDotsSpinner.test.tsx b/src/components/atoms/Spinner/ThreeDotsSpinner.test.tsx
new file mode 100644
index 000000000..67ac6adf2
--- /dev/null
+++ b/src/components/atoms/Spinner/ThreeDotsSpinner.test.tsx
@@ -0,0 +1,13 @@
+import React from 'react';
+import axe from '../../../../axe-helper';
+import { render } from '@testing-library/react';
+import ThreeDotsSpinner from './ThreeDotsSpinner';
+
+describe('<ThreeDotsSpinner />', () => {
+  it('renders three dots spinner', async () => {
+    const { container } = render(<ThreeDotsSpinner />);
+    expect(container.firstChild).toMatchSnapshot();
+    const results = await axe(container.innerHTML);
+    expect(results).toHaveNoViolations();
+  });
+});