feat: added three dots spinner

ZopaPublic · Feb 21, 2023 · 579c8af · 579c8af
1 parent 75b605c
commit 579c8af
Show file tree

Hide file tree

Showing 2 changed files with 23 additions and 0 deletions.
diff --git 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
@@ -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();
+  });
+});