feature: Spinner test component (#1647)

Co-authored-by: Brandon Scott <[email protected]>

Author: DevJoaoLopes

package.json

@@ -53,8 +53,8 @@
     "prepublishOnly": "rm -rf esm commonjs umd types && yarn build",
     "release": "np",
     "size": "size-limit",
-    "storybook": "start-storybook -p 6006",
     "test": "yarn lint && yarn tsd && yarn jest",
+    "test:coverage": "yarn jest --coverage",
     "test:watch": "yarn jest --watch",
     "typecheck": "tsc --noEmit",
     "update-docs": "cd docs && yarn add evergreen-ui@latest --exact && git add package.json yarn.lock && git show-branch --no-name HEAD | grep -E 'v[0-9]+.[0-9]+.[0-9]+' && git commit --amend --no-edit || git commit -m \"Updated doc site evergreen version\""

src/spinner/__tests__/Spinner.test.js

@@ -0,0 +1,31 @@
+import React from 'react'
+import { render, screen, act } from '@testing-library/react'
+import Spinner from '../src/Spinner'
+
+describe('Spinner', () => {
+  jest.useFakeTimers()
+  jest.spyOn(global, 'setTimeout')
+
+  it('should not crash when rendering', () => {
+    expect(() => {
+      render(<Spinner />)
+    }).not.toThrowError()
+  })
+
+  it('should render', () => {
+    render(<Spinner data-testid="Spinner" />)
+    expect(screen.getByTestId('Spinner')).not.toBeNull()
+  })
+
+  it('should render after delay time', () => {
+    render(<Spinner delay={300} data-testid="Spinner-delay" />)
+
+    act(() => {
+      jest.advanceTimersByTime(300)
+    })
+
+    expect(setTimeout).toHaveBeenCalledTimes(1)
+    expect(setTimeout).toHaveBeenLastCalledWith(expect.any(Function), 300)
+    expect(screen.getByTestId('Spinner-delay')).not.toBeNull()
+  })
+})