Merge pull request #870 from ensdomains/FET-1618-test

Fet 1618 test

src/components/@atoms/ErrorScreen.test.tsx

@@ -0,0 +1,19 @@
+import { render, screen } from '@app/test-utils'
+
+import { describe, expect, it, vi } from 'vitest'
+
+import ErrorScreen from './ErrorScreen'
+
+describe('ErrorScreen', () => {
+  it('renders not-found error correctly', () => {
+    render(<ErrorScreen errorType="not-found" />)
+    expect(screen.findAllByText('Not found')).toBeTruthy()
+    expect(screen.getByTestId('question-circle-svg')).toBeVisible()
+  })
+
+  it('renders application-error correctly', () => {
+    render(<ErrorScreen errorType="application-error" />)
+    expect(screen.findAllByText('Application error')).toBeTruthy()
+    expect(screen.getByTestId('alert-svg')).toBeVisible()
+  })
+})

src/components/@atoms/ErrorScreen.tsx

@@ -56,7 +56,11 @@ const ErrorScreen = ({ errorType }: { errorType: ErrorType }) => {
 
   return (
     <Container className={errorType}>
-      {errorType === 'not-found' ? <QuestionCircleSVG /> : <AlertSVG />}
+      {errorType === 'not-found' ? (
+        <QuestionCircleSVG data-testid="question-circle-svg" />
+      ) : (
+        <AlertSVG data-testid="alert-svg" />
+      )}
       <Typography fontVariant="headingOne">{t('title')}</Typography>
       <Typography fontVariant="body">
         <Trans

src/test-utils.tsx

@@ -35,6 +35,7 @@ vi.mock('react-i18next', () => ({
     i18n: {
       isInitialized: true,
     },
+    ready: true,
   }),
   Trans: ({ i18nKey, values }: { i18nKey: string; values: string[] }) =>
     `${i18nKey} ${values ? Object.values(values).join(', ') : ''}`,