@live-change/user-frontend 0.9.200 → 0.9.203

package/e2e/connectEmailCode.test.ts

@@ -4,13 +4,15 @@ import App from '@live-change/framework'
 import randomProfile from 'random-profile-generator'
 import { withBrowser } from './withBrowser.js'
 import { useSecretCode, sleep } from './steps.js'
+import { e2eSuite } from './e2eSuite.js'
 
 const app = App.app()
 const email = randomProfile.profile().firstName.toLowerCase() + '@test.com'
 const email2 = randomProfile.profile().firstName.toLowerCase() + '2@test.com'
 const happyPath = false
 
-test('connect email with code', async () => {
+e2eSuite('connectEmailCode', () => {
+  test('connect email with code', async () => {
   await withBrowser(async (page, env) => {
     const user = app.generateUid()
 
@@ -62,4 +64,5 @@ test('connect email with code', async () => {
       assert.ok(page.url().includes('/connect-finished'))
     }
   })
+  })
 })

package/e2e/connectEmailLink.test.ts

@@ -4,13 +4,15 @@ import App from '@live-change/framework'
 import randomProfile from 'random-profile-generator'
 import { withBrowser } from './withBrowser.js'
 import { useSecretLink } from './steps.js'
+import { e2eSuite } from './e2eSuite.js'
 
 const app = App.app()
 const email = randomProfile.profile().firstName.toLowerCase() + '@test.com'
 const email2 = randomProfile.profile().firstName.toLowerCase() + '2@test.com'
 const happyPath = false
 
-test('connect email with link', async () => {
+e2eSuite('connectEmailLink', () => {
+  test('connect email with link', async () => {
   await withBrowser(async (page, env) => {
     const user = app.generateUid()
 
@@ -59,4 +61,5 @@ test('connect email with link', async () => {
       await page.getByText('Link used').waitFor({ state: 'visible' })
     }
   })
+  })
 })

package/e2e/delete.test.ts

@@ -3,12 +3,14 @@ import assert from 'node:assert'
 import App from '@live-change/framework'
 import randomProfile from 'random-profile-generator'
 import { withBrowser } from './withBrowser.js'
+import { e2eSuite } from './e2eSuite.js'
 
 const app = App.app()
 const name = randomProfile.profile().firstName.toLowerCase()
 const email = name + '@test.com'
 
-test('delete account', async () => {
+e2eSuite('delete', () => {
+  test('delete account', async () => {
   await withBrowser(async (page, env) => {
     const user = app.generateUid()
 
@@ -49,4 +51,5 @@ test('delete account', async () => {
     const deletedEmail = await Email.get(email)
     assert.strictEqual(!!deletedEmail, false, 'email deleted')
   })
+  })
 })

package/e2e/disconnectEmail.test.ts

@@ -3,6 +3,7 @@ import assert from 'node:assert'
 import App from '@live-change/framework'
 import randomProfile from 'random-profile-generator'
 import { withBrowser } from './withBrowser.js'
+import { e2eSuite } from './e2eSuite.js'
 
 const app = App.app()
 const name = randomProfile.profile().firstName.toLowerCase()
@@ -10,7 +11,8 @@ const email = name + '@test.com'
 const email2 = name + '2@test.com'
 const happyPath = false
 
-test('disconnect email', async () => {
+e2eSuite('disconnectEmail', () => {
+  test('disconnect email', async () => {
   await withBrowser(async (page, env) => {
     const user = app.generateUid()
 
@@ -40,4 +42,5 @@ test('disconnect email', async () => {
       await page.locator('span.pi-times').waitFor({ state: 'hidden' })
     }
   })
+  })
 })

package/e2e/e2eSuite.ts

@@ -0,0 +1,12 @@
+import { after, describe } from 'node:test'
+import { disposeTestEnv } from './env.js'
+
+export function e2eSuite(name: string, define: () => void): void {
+  describe(name, () => {
+    after(async () => {
+      await disposeTestEnv()
+      process.exit(0)
+    })
+    define()
+  })
+}

package/e2e/env.ts

@@ -42,7 +42,17 @@ export type TestEnv = {
   grabObject: (serviceName: string, modelName: string, id: string) => Promise<unknown>
 }
 
+type TestServerInstance = InstanceType<typeof TestServer>
+
 let envPromise: Promise<TestEnv> | null = null
+let testServer: TestServerInstance | null = null
+
+export async function disposeTestEnv(): Promise<void> {
+  const server = testServer
+  testServer = null
+  envPromise = null
+  if (server) await server.dispose()
+}
 
 function haveService(server: InstanceType<typeof TestServer>, name: string) {
   const service = server.apiServer.services.services.find((s: { name: string }) => s.name === name)
@@ -79,23 +89,12 @@ export async function getTestEnv(): Promise<TestEnv> {
     console.log('waiting for front to be ready...')
     await waitForServerReady(server.url!)
     console.log('front ready')
+    testServer = server
 
     process.on('beforeExit', () => {
-      server.dispose()
+      void disposeTestEnv()
     })
 
-    // When running under node:test, register a global teardown that disposes the server
-    // and forces process exit so the test run finishes cleanly.
-    try {
-      const { after } = await import('node:test')
-      after(async () => {
-        await server.dispose()
-        process.exit(0)
-      })
-    } catch {
-      // not running under node:test, ignore
-    }
-
     const url = server.url!
     return {
       server,

package/e2e/resetPasswordWithEmailCode.test.ts

@@ -5,11 +5,13 @@ import randomProfile from 'random-profile-generator'
 import passwordGenerator from 'generate-password'
 import { withBrowser } from './withBrowser.js'
 import { useSecretCode } from './steps.js'
+import { e2eSuite } from './e2eSuite.js'
 
 const app = App.app()
 const email = randomProfile.profile().firstName.toLowerCase() + '@test.com'
 
-test('reset password with email code', async () => {
+e2eSuite('resetPasswordWithEmailCode', () => {
+  test('reset password with email code', async () => {
   await withBrowser(async (page, env) => {
     const user = app.generateUid()
 
@@ -57,4 +59,5 @@ test('reset password with email code', async () => {
     await page.waitForURL('**/reset-password-finished', { timeout: 10000 })
     assert.ok(page.url().includes('/reset-password-finished'))
   })
+  })
 })

package/e2e/resetPasswordWithEmailLink.test.ts

@@ -5,11 +5,13 @@ import randomProfile from 'random-profile-generator'
 import passwordGenerator from 'generate-password'
 import { withBrowser } from './withBrowser.js'
 import { useSecretLink } from './steps.js'
+import { e2eSuite } from './e2eSuite.js'
 
 const app = App.app()
 const email = randomProfile.profile().firstName.toLowerCase() + '@test.com'
 
-test('reset password with email link', async () => {
+e2eSuite('resetPasswordWithEmailLink', () => {
+  test('reset password with email link', async () => {
   await withBrowser(async (page, env) => {
     const user = app.generateUid()
 
@@ -57,4 +59,5 @@ test('reset password with email link', async () => {
     await page.waitForURL('**/reset-password-finished', { timeout: 10000 })
     assert.ok(page.url().includes('/reset-password-finished'))
   })
+  })
 })

package/e2e/setPassword.test.ts

@@ -4,12 +4,14 @@ import App from '@live-change/framework'
 import randomProfile from 'random-profile-generator'
 import passwordGenerator from 'generate-password'
 import { withBrowser } from './withBrowser.js'
+import { e2eSuite } from './e2eSuite.js'
 
 const app = App.app()
 const name = randomProfile.profile().firstName.toLowerCase()
 const email = name + '@test.com'
 
-test('set password', async () => {
+e2eSuite('setPassword', () => {
+  test('set password', async () => {
   await withBrowser(async (page, env) => {
     const user = app.generateUid()
     const User = env.haveModel('user', 'User')
@@ -67,4 +69,5 @@ test('set password', async () => {
       'password changed'
     )
   })
+  })
 })

package/e2e/signInEmailCode.test.ts

@@ -4,6 +4,7 @@ import App from '@live-change/framework'
 import randomProfile from 'random-profile-generator'
 import { withBrowser } from './withBrowser.js'
 import { useSecretCode } from './steps.js'
+import { e2eSuite } from './e2eSuite.js'
 
 const app = App.app()
 const randomUserData = randomProfile.profile()
@@ -11,7 +12,8 @@ const randomUserData = randomProfile.profile()
   (randomUserData as { firstName: string }).firstName.toLowerCase() + '@test.com'
 const happyPath = false
 
-test('sign in with email code', async () => {
+e2eSuite('signInEmailCode', () => {
+  test('sign in with email code', async () => {
   await withBrowser(async (page, env) => {
     const user = app.generateUid()
     const email = (randomUserData as { email: string }).email
@@ -55,4 +57,5 @@ test('sign in with email code', async () => {
       assert.ok(page.url().includes('/user/sign-in-finished'))
     }
   })
+  })
 })

package/e2e/signInEmailLink.test.ts

@@ -4,6 +4,7 @@ import App from '@live-change/framework'
 import randomProfile from 'random-profile-generator'
 import { withBrowser } from './withBrowser.js'
 import { useSecretLink } from './steps.js'
+import { e2eSuite } from './e2eSuite.js'
 
 const app = App.app()
 const randomUserData = randomProfile.profile()
@@ -11,7 +12,8 @@ const randomUserData = randomProfile.profile()
   (randomUserData as { firstName: string }).firstName.toLowerCase() + '@test.com'
 const happyPath = false
 
-test('sign in with email link', async () => {
+e2eSuite('signInEmailLink', () => {
+  test('sign in with email link', async () => {
   await withBrowser(async (page, env) => {
     const user = app.generateUid()
     const email = (randomUserData as { email: string }).email
@@ -55,4 +57,5 @@ test('sign in with email link', async () => {
       await page.getByText('Link used').waitFor({ state: 'visible' })
     }
   })
+  })
 })

package/e2e/signInEmailPassword.test.ts

@@ -5,13 +5,15 @@ import randomProfile from 'random-profile-generator'
 import crypto from 'crypto'
 import passwordGenerator from 'generate-password'
 import { withBrowser } from './withBrowser.js'
+import { e2eSuite } from './e2eSuite.js'
 
 const app = App.app()
 const randomUserData = randomProfile.profile()
 ;(randomUserData as { email?: string }).email =
   (randomUserData as { firstName: string }).firstName.toLowerCase() + '@test.com'
 
-test('sign in with email and password', async () => {
+e2eSuite('signInEmailPassword', () => {
+  test('sign in with email and password', async () => {
   await withBrowser(async (page, env) => {
     const user = app.generateUid()
     const email = (randomUserData as { email: string }).email
@@ -48,4 +50,5 @@ test('sign in with email and password', async () => {
     )
     assert.strictEqual(clientUser, (authenticatedUserData as { user: string }).user, 'user authenticated')
   })
+  })
 })

package/e2e/signOut.test.ts

@@ -3,12 +3,14 @@ import assert from 'node:assert'
 import App from '@live-change/framework'
 import randomProfile from 'random-profile-generator'
 import { withBrowser } from './withBrowser.js'
+import { e2eSuite } from './e2eSuite.js'
 
 const app = App.app()
 const name = randomProfile.profile().firstName.toLowerCase()
 const email = name + '@test.com'
 
-test('sign out', async () => {
+e2eSuite('signOut', () => {
+  test('sign out', async () => {
   await withBrowser(async (page, env) => {
     const user = app.generateUid()
     const User = env.haveModel('user', 'User')
@@ -42,4 +44,5 @@ test('sign out', async () => {
     assert.strictEqual(!!authenticatedUserData, false, 'no server user')
     assert.strictEqual(!!clientUser2, false, 'no client user')
   })
+  })
 })

package/e2e/signUpEmailCode.test.ts

@@ -3,13 +3,15 @@ import assert from 'node:assert'
 import randomProfile from 'random-profile-generator'
 import { withBrowser } from './withBrowser.js'
 import { useSecretCode } from './steps.js'
+import { e2eSuite } from './e2eSuite.js'
 
 const user = randomProfile.profile()
 ;(user as { email?: string }).email =
   (user as { firstName: string }).firstName.toLowerCase() + '@test.com'
 const happyPath = false
 
-test('sign up with email code', async () => {
+e2eSuite('signUpEmailCode', () => {
+  test('sign up with email code', async () => {
   await withBrowser(async (page, env) => {
     await page.goto(env.url + '/user/sign-up-email', { waitUntil: 'networkidle' })
     await page.fill('input#email', (user as { email: string }).email)
@@ -43,4 +45,5 @@ test('sign up with email code', async () => {
       assert.ok(page.url().includes('/user/sign-up-finished'))
     }
   })
+  })
 })

package/e2e/signUpEmailLink.test.ts

@@ -3,13 +3,15 @@ import assert from 'node:assert'
 import randomProfile from 'random-profile-generator'
 import { withBrowser } from './withBrowser.js'
 import { useSecretLink } from './steps.js'
+import { e2eSuite } from './e2eSuite.js'
 
 const user = randomProfile.profile()
 ;(user as { email?: string }).email =
   (user as { firstName: string }).firstName.toLowerCase() + '@test.com'
 const happyPath = false
 
-test('sign up with email link', async () => {
+e2eSuite('signUpEmailLink', () => {
+  test('sign up with email link', async () => {
   await withBrowser(async (page, env) => {
     await page.goto(env.url + '/user/sign-up-email', { waitUntil: 'networkidle' })
     await page.fill('input#email', (user as { email: string }).email)
@@ -43,4 +45,5 @@ test('sign up with email link', async () => {
       await page.getByText('Link used').waitFor({ state: 'visible' })
     }
   })
+  })
 })

package/e2e/withBrowser.ts

@@ -7,7 +7,7 @@ export async function withBrowser(
   fn: (page: Page, env: TestEnv) => Promise<void>
 ): Promise<void> {
   const env = await getTestEnv()
-  const browser = await chromium.launch({ headless: false })
+  const browser = await chromium.launch({ headless: process.env.SHOW_BROWSER ? false : true })
   const context = await browser.newContext()
   const page = await context.newPage()
   try {

package/front/src/nav/UserIcon.vue

@@ -12,9 +12,9 @@
              class="mr-0 rounded-full border-1 border-surface-400 dark:border-surface-600 w-12 max-w-none" />
       </span>
   </a>
-  <div class="align-items-center flex-grow-1 justify-content-between hidden absolute w-full md:w-auto
-              bg-surface-0 dark:bg-surface-950 dark:border-1 dark:border-surface-800
-              right-0 md:right-auto top-full z-5 shadow">
+  <div :class="['align-items-center flex-grow-1 justify-content-between hidden absolute w-full md:w-auto',
+                'bg-surface-0 dark:bg-surface-950 dark:border-1 dark:border-surface-800',
+                'right-0 md:right-auto top-full z-5 shadow', menuClass]" :style="menuStyle">
     <loading-zone suspense>
       <template v-slot:loading>
         <div class="flex items-center justify-center top-0 left-0 notifications-loading">
@@ -44,13 +44,22 @@
   import ProgressSpinner from "primevue/progressspinner"
   import UserMenu from "./UserMenu.vue"
 
-  import { ref, computed, onMounted, toRefs } from 'vue'
+  import { ref, computed, onMounted, toRefs, defineProps } from 'vue'
 
   const isMounted = ref(false)
   onMounted(() => isMounted.value = true)
 
-  import { usePath, live, useClient } from '@live-change/vue3-ssr'
+  const props = defineProps({
+    menuClass: {      
+      default: ''
+    },
+    menuStyle: {      
+      default: ''
+    }
+  })
+  const { menuClass, menuStyle } = toRefs(props)
 
+  import { usePath, live, useClient } from '@live-change/vue3-ssr'
   const client = useClient()
 
   const ownerData = computed(

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@live-change/user-frontend",
-  "version": "0.9.200",
+  "version": "0.9.203",
   "scripts": {
     "memDev": "tsx --inspect --expose-gc server/start.js memDev --enableSessions --initScript ./init.js --dbAccess",
     "localDevInit": "tsx server/start.js localDev --enableSessions --initScript ./init.js --dbAccess",
@@ -37,29 +37,29 @@
   },
   "type": "module",
   "dependencies": {
-    "@live-change/cli": "^0.9.200",
-    "@live-change/dao": "^0.9.200",
-    "@live-change/dao-vue3": "^0.9.200",
-    "@live-change/dao-websocket": "^0.9.200",
-    "@live-change/email-service": "^0.9.200",
-    "@live-change/framework": "^0.9.200",
-    "@live-change/identicon-service": "^0.9.200",
-    "@live-change/image-frontend": "^0.9.200",
-    "@live-change/message-authentication-service": "^0.9.200",
-    "@live-change/notification-service": "^0.9.200",
-    "@live-change/password-authentication-service": "^0.9.200",
-    "@live-change/pattern": "^0.9.200",
-    "@live-change/secret-code-service": "^0.9.200",
-    "@live-change/secret-link-service": "^0.9.200",
-    "@live-change/security-frontend": "^0.9.200",
-    "@live-change/security-service": "^0.9.200",
-    "@live-change/session-service": "^0.9.200",
-    "@live-change/timer-service": "^0.9.200",
-    "@live-change/upload-service": "^0.9.200",
-    "@live-change/user-identification-service": "^0.9.200",
-    "@live-change/user-service": "^0.9.200",
-    "@live-change/vue3-components": "^0.9.200",
-    "@live-change/vue3-ssr": "^0.9.200",
+    "@live-change/cli": "^0.9.203",
+    "@live-change/dao": "^0.9.203",
+    "@live-change/dao-vue3": "^0.9.203",
+    "@live-change/dao-websocket": "^0.9.203",
+    "@live-change/email-service": "^0.9.203",
+    "@live-change/framework": "^0.9.203",
+    "@live-change/identicon-service": "^0.9.203",
+    "@live-change/image-frontend": "^0.9.203",
+    "@live-change/message-authentication-service": "^0.9.203",
+    "@live-change/notification-service": "^0.9.203",
+    "@live-change/password-authentication-service": "^0.9.203",
+    "@live-change/pattern": "^0.9.203",
+    "@live-change/secret-code-service": "^0.9.203",
+    "@live-change/secret-link-service": "^0.9.203",
+    "@live-change/security-frontend": "^0.9.203",
+    "@live-change/security-service": "^0.9.203",
+    "@live-change/session-service": "^0.9.203",
+    "@live-change/timer-service": "^0.9.203",
+    "@live-change/upload-service": "^0.9.203",
+    "@live-change/user-identification-service": "^0.9.203",
+    "@live-change/user-service": "^0.9.203",
+    "@live-change/vue3-components": "^0.9.203",
+    "@live-change/vue3-ssr": "^0.9.203",
     "@vueuse/core": "^12.3.0",
     "codeceptjs-assert": "^0.0.5",
     "codeceptjs-video-helper": "0.1.3",
@@ -80,7 +80,7 @@
     "wtfnode": "^0.9.1"
   },
   "devDependencies": {
-    "@live-change/codeceptjs-helper": "^0.9.200",
+    "@live-change/codeceptjs-helper": "^0.9.203",
     "codeceptjs": "^3.7.6",
     "generate-password": "1.7.1",
     "playwright": "1.49.1",
@@ -91,5 +91,5 @@
   "author": "Michał Łaszczewski <michal@laszczewski.pl>",
   "license": "BSD-3-Clause",
   "description": "",
-  "gitHead": "a509834e600a546297faa7d1534b6f52e66d2e66"
+  "gitHead": "4d4ce413fe747da2c398eb4ad378e37cc81874b3"
 }