chore: initial commit

components/Authentication/__test__/ErrorMessage.test.tsx

@@ -0,0 +1,16 @@
+import { render } from '@testing-library/react'
+
+import { ErrorMessage } from '../ErrorMessage'
+
+describe('<ErrorMessage />', () => {
+  it('should return nothing if there are no errors', async () => {
+    const { container } = render(<ErrorMessage errors={[]} />)
+    expect(container.innerHTML.length).toEqual(0)
+  })
+
+  it('should render the single error', async () => {
+    const errorMessage = 'Error Message'
+    const { getByText } = render(<ErrorMessage errors={[errorMessage]} />)
+    expect(getByText(errorMessage)).toBeInTheDocument()
+  })
+})

components/Authentication/__test__/FormState.test.tsx

@@ -0,0 +1,33 @@
+import { render } from '@testing-library/react'
+
+import { FormState } from '../FormState'
+
+describe('<FormState />', () => {
+  it('should return nothing if the state is idle', async () => {
+    const { container } = render(<FormState state='idle' />)
+    expect(container.innerHTML.length).toEqual(0)
+  })
+
+  it('should return nothing if the message is null', async () => {
+    const { container } = render(<FormState state='error' />)
+    expect(container.innerHTML.length).toEqual(0)
+  })
+
+  it('should render the <Loader /> if state is loading', async () => {
+    const { getByTestId } = render(<FormState state='loading' />)
+    expect(getByTestId('loader')).toBeInTheDocument()
+  })
+
+  it('should render the success message if state is success', async () => {
+    const message = 'Success Message'
+    const { getByText } = render(
+      <FormState state='success' message={message} />
+    )
+    expect(getByText(message)).toBeInTheDocument()
+  })
+
+  it('should render the error message if state is error', async () => {
+    const { getByTestId } = render(<FormState state='error' message='Error Message' />)
+    expect(getByTestId('error')).toBeInTheDocument()
+  })
+})

components/Authentication/__test__/Success.test.tsx

@@ -0,0 +1,10 @@
+import { render } from '@testing-library/react'
+
+import { Success } from '../Success'
+
+describe('<Success />', () => {
+  it('should render', async () => {
+    const { getByTestId } = render(<Success />)
+    expect(getByTestId('success')).toBeInTheDocument()
+  })
+})