From 68a80d403c4ee1c1c9af76ec4dacd3b58493bf98 Mon Sep 17 00:00:00 2001 From: Simon Date: Mon, 8 Jul 2024 17:42:59 -0400 Subject: [PATCH] Added and tested ErrorText --- src/components/ErrorText/ErrorText.spec.tsx | 17 +++++++++++++++++ src/components/ErrorText/ErrorText.tsx | 7 +++++++ src/components/index.ts | 3 ++- 3 files changed, 26 insertions(+), 1 deletion(-) create mode 100644 src/components/ErrorText/ErrorText.spec.tsx create mode 100644 src/components/ErrorText/ErrorText.tsx diff --git a/src/components/ErrorText/ErrorText.spec.tsx b/src/components/ErrorText/ErrorText.spec.tsx new file mode 100644 index 0000000..bc098ea --- /dev/null +++ b/src/components/ErrorText/ErrorText.spec.tsx @@ -0,0 +1,17 @@ +import { + describe, + expect, + test +} from 'vitest'; +import { render } from '@testing-library/react' +import { + ErrorText +} from './ErrorText' + + +describe('ErrorText', () => { + test('it renders with the text', () => { + const { queryByTestId } = render(An Error has occured!) + expect(queryByTestId('test-id')?.textContent).toEqual('An Error has occured!') + }) +}) \ No newline at end of file diff --git a/src/components/ErrorText/ErrorText.tsx b/src/components/ErrorText/ErrorText.tsx new file mode 100644 index 0000000..cc3d458 --- /dev/null +++ b/src/components/ErrorText/ErrorText.tsx @@ -0,0 +1,7 @@ +import { Typography, TypographyProps, } from "@mui/material"; + +export const ErrorText: React.FunctionComponent = ({ ...props }) => { + return ( + + ) +} \ No newline at end of file diff --git a/src/components/index.ts b/src/components/index.ts index 1d947d7..4764f6c 100644 --- a/src/components/index.ts +++ b/src/components/index.ts @@ -1 +1,2 @@ -export * from './PasswordField/PasswordField'; \ No newline at end of file +export * from './PasswordField/PasswordField'; +export * from './ErrorText/ErrorText'; \ No newline at end of file