@sbc-connect/nuxt-auth 0.4.0 → 0.4.1

package/CHANGELOG.md

@@ -1,5 +1,15 @@
 # @sbc-connect/nuxt-auth
 
+## 0.4.1
+
+### Patch Changes
+
+- [#121](https://github.com/bcgov/connect-nuxt/pull/121) [`e4d8d9e`](https://github.com/bcgov/connect-nuxt/commit/e4d8d9e510af321a2cc7ba12ca270a5f018981e5) Thanks [@kialj876](https://github.com/kialj876)! - Updated account mocking so that tests can mock their own account instead of the hardcoded mock
+
+- Updated dependencies []:
+  - @sbc-connect/nuxt-base@0.6.0
+  - @sbc-connect/nuxt-forms@0.4.0
+
 ## 0.4.0
 
 ### Minor Changes

package/app/components/Connect/Header/AccountOptionsMenu.vue

@@ -10,7 +10,7 @@ const isLargeScreen = useMediaQuery('(min-width: 1024px)')
     id="account-options-menu"
     :items="loggedInUserOptions"
     :ui="{
-      content: 'max-w-[90dvw]',
+      content: 'max-w-[90dvw] account-options-menu-pw-selector',
     }"
   >
     <UButton

package/app/middleware/connect-auth.ts

@@ -45,14 +45,19 @@ export default defineNuxtRouteMiddleware(async (to) => {
     }
     $connectAuth.authenticated = true
 
-    currentAccount.value = {
-      id: 1,
-      label: 'Playwright',
-      accountStatus: AccountStatus.ACTIVE,
-      accountType: AccountType.PREMIUM,
-      type: UserSettingsType.ACCOUNT,
-      urlorigin: '',
-      urlpath: ''
+    if (rtc.playwrightFetchTestAccount) {
+      // allows each test to mock the account information with its own data
+      await useConnectAccountStore().setAccountInfo()
+    } else {
+      currentAccount.value = {
+        id: 1,
+        label: 'Playwright',
+        accountStatus: AccountStatus.ACTIVE,
+        accountType: AccountType.PREMIUM,
+        type: UserSettingsType.ACCOUNT,
+        urlorigin: '',
+        urlpath: ''
+      }
     }
   }
 })

package/app/stores/connect-account.ts

@@ -119,7 +119,7 @@ export const useConnectAccountStore = defineStore('connect-auth-account-store',
 
   /** Get the user's account list */
   async function getUserAccounts(): Promise<ConnectAccount[] | undefined> {
-    if (!authUser.value?.keycloakGuid) {
+    if (!authUser.value?.keycloakGuid && !rtc.playwright) {
       return undefined
     }
     // TODO: use orgs fetch instead to get branch name ? $authApi<UserSettings[]>('/users/orgs')

package/nuxt.config.ts

@@ -77,7 +77,8 @@ export default defineNuxtConfig({
       tokenMinValidity: '',
       sessionInactivityTimeout: '',
       sessionModalTimeout: '',
-      playwright: process.env.playwright === 'true'
+      playwright: process.env.playwright === 'true',
+      playwrightFetchTestAccount: process.env.playwrightFetchTestAccount === 'true'
     }
   }
 })

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@sbc-connect/nuxt-auth",
   "type": "module",
-  "version": "0.4.0",
+  "version": "0.4.1",
   "repository": "github:bcgov/connect-nuxt",
   "license": "BSD-3-Clause",
   "main": "./nuxt.config.ts",
@@ -11,9 +11,9 @@
     "nuxt": "4.2.2",
     "typescript": "5.9.3",
     "vue-tsc": "3.2.1",
-    "@sbc-connect/playwright-config": "0.1.0",
-    "@sbc-connect/vitest-config": "0.1.0",
-    "@sbc-connect/eslint-config": "0.0.8"
+    "@sbc-connect/eslint-config": "0.0.8",
+    "@sbc-connect/playwright-config": "0.1.1",
+    "@sbc-connect/vitest-config": "0.1.0"
   },
   "dependencies": {
     "@pinia/colada": "0.20.0",

package/testMocks/auth/index.ts

@@ -0,0 +1 @@
+export * from './settings'

package/testMocks/auth/settings/index.ts

@@ -0,0 +1,11 @@
+import fs from 'fs'
+import { createResolver } from 'nuxt/kit'
+
+import type { ConnectAccount } from '#auth/app/interfaces/connect-account'
+
+const { resolve } = createResolver(import.meta.url)
+
+export const getUserSettingsMock = (accountType: AccountType) => {
+  const json: ConnectAccount[] = JSON.parse(fs.readFileSync(resolve(`./json/${accountType}.json`), 'utf8'))
+  return json
+}

package/testMocks/auth/settings/json/PREMIUM.json

@@ -0,0 +1,38 @@
+[
+    {
+        "accountStatus": "ACTIVE",
+        "accountType": "PREMIUM",
+        "additionalLabel": "Test Branch 1",
+        "id": 1222,
+        "label": "Test Tester",
+        "productSettings": "/account/1222/restricted-product",
+        "type": "ACCOUNT",
+        "urlorigin": "https://dev.account.bcregistry.gov.bc.ca",
+        "urlpath": "/account/1222/settings"
+    },
+    {
+        "accountStatus": "ACTIVE",
+        "accountType": "PREMIUM",
+        "additionalLabel": "Test Branch 2",
+        "id": 1223,
+        "label": "Test Tester 2",
+        "productSettings": "/account/1223/restricted-product",
+        "type": "ACCOUNT",
+        "urlorigin": "https://dev.account.bcregistry.gov.bc.ca",
+        "urlpath": "/account/1223/settings"
+    },
+    {
+        "id": 1111,
+        "label": "USER PROFILE",
+        "type": "USER_PROFILE",
+        "urlorigin": "https://dev.account.bcregistry.gov.bc.ca",
+        "urlpath": "/userprofile"
+    },
+    {
+        "id": 1111,
+        "label": "CREATE ACCOUNT",
+        "type": "CREATE_ACCOUNT",
+        "urlorigin": "https://dev.account.bcregistry.gov.bc.ca",
+        "urlpath": "/setup-account"
+    }
+]

package/testMocks/auth/settings/json/SBC_STAFF.json

@@ -0,0 +1,27 @@
+[
+    {
+        "accountStatus": "ACTIVE",
+        "accountType": "SBC_STAFF",
+        "additionalLabel": "Sbc staff example",
+        "id": 1239,
+        "label": "Ministry of Finance",
+        "productSettings": "/account/1239/restricted-product",
+        "type": "ACCOUNT",
+        "urlorigin": "https://dev.account.bcregistry.gov.bc.ca",
+        "urlpath": "/account/1239/settings"
+    },
+    {
+        "id": 1111,
+        "label": "USER PROFILE",
+        "type": "USER_PROFILE",
+        "urlorigin": "https://dev.account.bcregistry.gov.bc.ca",
+        "urlpath": "/userprofile"
+    },
+    {
+        "id": 1111,
+        "label": "CREATE ACCOUNT",
+        "type": "CREATE_ACCOUNT",
+        "urlorigin": "https://dev.account.bcregistry.gov.bc.ca",
+        "urlpath": "/setup-account"
+    }
+]

package/testMocks/auth/settings/json/STAFF.json

@@ -0,0 +1,27 @@
+[
+    {
+        "accountStatus": "ACTIVE",
+        "accountType": "STAFF",
+        "additionalLabel": "BC Registries and Online Services Staff",
+        "id": 1234,
+        "label": "Ministry of Citizens' Services",
+        "productSettings": "/account/1234/restricted-product",
+        "type": "ACCOUNT",
+        "urlorigin": "https://dev.account.bcregistry.gov.bc.ca",
+        "urlpath": "/account/1234/settings"
+    },
+    {
+        "id": 1111,
+        "label": "USER PROFILE",
+        "type": "USER_PROFILE",
+        "urlorigin": "https://dev.account.bcregistry.gov.bc.ca",
+        "urlpath": "/userprofile"
+    },
+    {
+        "id": 1111,
+        "label": "CREATE ACCOUNT",
+        "type": "CREATE_ACCOUNT",
+        "urlorigin": "https://dev.account.bcregistry.gov.bc.ca",
+        "urlpath": "/setup-account"
+    }
+]

package/testMocks/mock-helpers.ts

@@ -0,0 +1,12 @@
+import type { Page } from '@playwright/test'
+import { AccountType } from '#auth/app/enums/account-type'
+import { getUserSettingsMock } from '#auth/testMocks/auth'
+
+export const mockApiCallsForSetAccount = async (
+  page: Page,
+  accountType: AccountType = AccountType.PREMIUM
+) => {
+  page.route('**/users/**/settings', async (route) => {
+    await route.fulfill({ json: getUserSettingsMock(accountType) })
+  })
+}