pxdev
diff --git a/‎components/content/Alert.vue
Copy file name to clipboardExpand all lines: components/content/Alert.vue
+11-14Lines changed: 11 additions & 14 deletions b/‎components/content/Alert.vue
Copy file name to clipboardExpand all lines: components/content/Alert.vue
+11-14Lines changed: 11 additions & 14 deletions
diff --git a/‎content/tutorials/state-in-nuxt3.md
Copy file name to clipboardExpand all lines: content/tutorials/state-in-nuxt3.md
+1-1Lines changed: 1 addition & 1 deletion b/‎content/tutorials/state-in-nuxt3.md
Copy file name to clipboardExpand all lines: content/tutorials/state-in-nuxt3.md
+1-1Lines changed: 1 addition & 1 deletion
diff --git a/‎package.json
Copy file name to clipboardExpand all lines: package.json
+1-1Lines changed: 1 addition & 1 deletion b/‎package.json
Copy file name to clipboardExpand all lines: package.json
+1-1Lines changed: 1 addition & 1 deletion
diff --git a/‎server/services/validator.ts
Copy file name to clipboardExpand all lines: server/services/validator.ts
+1-2Lines changed: 1 addition & 2 deletions b/‎server/services/validator.ts
Copy file name to clipboardExpand all lines: server/services/validator.ts
+1-2Lines changed: 1 addition & 2 deletions
diff --git a/‎tests/registar.test.ts
Copy file name to clipboard
+65-11Lines changed: 65 additions & 11 deletions b/‎tests/registar.test.ts
Copy file name to clipboard
+65-11Lines changed: 65 additions & 11 deletions
@@ -6,8 +6,9 @@
        :component="icon"
        class="inline-flex mr-2 w-5 h-5 justify-center items-center text-1.2rem"
      >
-       {{ icon }} 
-      
+       <!-- {{ icon }}  -->
+       <!-- <Icon class="w-5 h-5 text-yellow-400" aria-hidden="true" :name="icon" /> -->
+       <Icon class="w-5 h-5 text-yellow-400" aria-hidden="true" name="carbon:ai-status-complete" />
      </div>
      <slot/>
      <div class="flex-grow alert-content">
@@ -20,23 +21,19 @@
    </div>
  </div>
 </template>
-
-<script>
-
-export default defineComponent({
- props: {
-   icon: {
-     type: String,
-     default: ''
-   },
-   type: {
+<script setup lang="ts">
+defineProps({
+  icon: {
+    type: String,
+    default: 'heroicons-outline:exclamation'
+  },
+  type: {
      type: String,
      default: 'info',
-     validator (value) {
+     validator (value: string) {
        return ['info', 'success', 'warning', 'danger'].includes(value)
      }
    }
- }
 })
 </script>
 
 
@@ -25,7 +25,7 @@ Every time we visit or refresh **localhost:3000/api/counter**  the count will in
 You may be tempted to believe that if the count survived a browser refresh, it must must persistent, right?
 We must keep in mind, the browser is not the only thing that can restart. The server can as well. 
 
-::alert{background=bg-purple-800 icon=🚨}
+::alert{type=info icon=🚨}
  Don't let this fool you into thinking this is persistent state. As soon as you restart the server, the count will be back to 0!
 ::
 
 
@@ -2,7 +2,7 @@
   "private": true,
   "scripts": {
     "build": "nuxt build",
-    "dev": "nuxt dev",
+    "dev": "nuxt dev --trace-warnings",
     "generate": "nuxt generate",
     "preview": "nuxt preview",
     "test": "vitest",
 
@@ -1,7 +1,6 @@
 import { RegistationRequest } from '~~/types/IRegistration';
 import { getUserByEmail, getUserByUserName } from '~/server/database/repositories/userRespository';
 
-
 export async function validate(data: RegistationRequest) {
 
     const errors = new Map<string, { check: InputValidation }>()
@@ -46,7 +45,7 @@ async function runChecks(key: string, value: string): Promise<InputValidation> {
         const isValidEmail = validateEmail(value)
 
         if (!isValidEmail) {
-            check.emailTaken = true
+            check.emailTaken = null
             check.hasError = true
             check.errorMessage = `${value}, is not a valid email!`
             return check
 
@@ -1,13 +1,67 @@
-import { describe, it, expect } from 'vitest'
-import { fileURLToPath } from 'node:url'
-import { setup, $fetch } from '@nuxt/test-utils-edge'
-describe('ssr', async () => {
-  await setup({
-    rootDir: fileURLToPath(new URL('./fixture', import.meta.url)),
+import { describe, expect, it, vi } from 'vitest'
+import { validate } from '../server/services/validator'
+
+
+describe('test email validation', async () => {
+  it('should return error if email missing', async () => {
+    const res = await validate({
+      username: '',
+      name: '',
+      email: null,
+      password: '1234567'
+    })
+
+    const emailVal = res.get('email')
+
+    emailVal.check.errorMessage
+
+    expect(res.has('email')).toBe(true)
+    expect(emailVal.check.hasError).toBe(true)
+    expect(emailVal.check.errorMessage).toContain('email is required')
   })
-  it('renders the index page', async () => {
-    // Get response to a server-rendered page with `$fetch`.
-    const html = await $fetch('/')
-    expect(html).toContain('Full Stack')
+
+
+  it('should return error for improperly formatted email', async () => {
+    const res = await validate({
+      username: '',
+      name: '',
+      email: 'test',
+      password: '1234567'
+    })
+
+    const emailVal = res.get('email')
+
+    emailVal.check.errorMessage
+
+    expect(res.has('email')).toBe(true)
+    expect(emailVal.check.hasError).toBe(true)
+    expect(emailVal.check.errorMessage).toContain('test, is not a valid email!')
   })
-})
+
+  it('should return error if email taken', async () => {
+
+    vi.mock('~/server/database/repositories/userRespository', () => {
+      return {
+        getUserByEmail: vi.fn(() => ({ email: 'test@fullstackjack.com' }))
+      }
+    })
+
+    const email = 'test@fullstackjack.com'
+
+    const res = await validate({
+      username: '',
+      name: '',
+      email: email,
+      password: '1234567'
+    })
+
+    const emailVal = res.get('email')
+
+    emailVal.check.errorMessage
+
+    expect(res.has('email')).toBe(true)
+    expect(emailVal.check.hasError).toBe(true)
+    expect(emailVal.check.emailTaken).toBe(true)
+    expect(emailVal.check.errorMessage).toContain(`This email, test@fullstackjack.com, is already registered!`)
+  })
+})