fix: remove required env var

.github/workflows/ui_tests.yml

@@ -92,6 +92,12 @@ jobs:
           CI: true
         working-directory: ./apps/laboratory/
         run: npm run ${{ inputs.command }}
+      - name: Run canary with minimal environment config
+        env:
+          NEXT_PUBLIC_PROJECT_ID: ${{ secrets.NEXT_PUBLIC_PROJECT_ID }}
+          CI: true
+        working-directory: ./apps/laboratory/
+        run: npm run playwright:test:canary
       - uses: actions/upload-artifact@v3
         if: always()
         with:

apps/laboratory/tests/shared/fixtures/w3m-email-fixture.ts

@@ -18,7 +18,7 @@ export const testMEmail = base.extend<ModalFixture>({
     const email = new Email(mailsacApiKey)
     const tempEmail = email.getEmailAddressToUse(testInfo.parallelIndex)
 
-    await modalPage.emailFlow(tempEmail, context)
+    await modalPage.emailFlow(tempEmail, context, mailsacApiKey)
     await use(modalPage)
   },
   modalValidator: async ({ modalPage }, use) => {

apps/laboratory/tests/shared/fixtures/w3m-smart-account-fixture.ts

@@ -21,7 +21,7 @@ export const testModalSmartAccount = base.extend<ModalFixture & { slowModalPage:
       const email = new Email(mailsacApiKey)
       const tempEmail = email.getEmailAddressToUse(testInfo.parallelIndex)
 
-      await modalPage.emailFlow(tempEmail, context)
+      await modalPage.emailFlow(tempEmail, context, mailsacApiKey)
       await modalPage.switchNetwork('Sepolia')
       await modalPage.page.waitForTimeout(1500)
       await use(modalPage)

apps/laboratory/tests/shared/pages/ModalPage.ts

@@ -6,11 +6,6 @@ import { doActionAndWaitForNewPage } from '../utils/actions'
 import { Email } from '../utils/email'
 import { DeviceRegistrationPage } from './DeviceRegistrationPage'
 
-const mailsacApiKey = process.env['MAILSAC_API_KEY'] || ''
-if (!mailsacApiKey) {
-  throw new Error('MAILSAC_API_KEY is not set')
-}
-
 export type ModalFlavor = 'default' | 'siwe' | 'email' | 'wallet'
 
 export class ModalPage {
@@ -59,7 +54,11 @@ export class ModalPage {
     return this.assertDefined(await qrCode.getAttribute('uri'))
   }
 
-  async emailFlow(emailAddress: string, context: BrowserContext): Promise<void> {
+  async emailFlow(
+    emailAddress: string,
+    context: BrowserContext,
+    mailsacApiKey: string
+  ): Promise<void> {
     await this.load()
 
     const email = new Email(mailsacApiKey)

apps/laboratory/tests/smart-account.spec.ts

@@ -3,6 +3,12 @@ import type { ModalWalletPage } from './shared/pages/ModalWalletPage'
 import type { ModalWalletValidator } from './shared/validators/ModalWalletValidator'
 
 const NOT_ENABLED_SMART_ACCOUNT_INDEX = 10
+const NOT_ENABLED_SMART_ACCOUNT = 'web3modal-smart-account@mailsac.com'
+
+const mailsacApiKey = process.env['MAILSAC_API_KEY']
+if (!mailsacApiKey) {
+  throw new Error('MAILSAC_API_KEY is not set')
+}
 
 testModalSmartAccount.beforeEach(async ({ modalValidator }) => {
   await modalValidator.expectConnected()
@@ -63,7 +69,7 @@ testModalSmartAccount(
     await walletModalPage.disconnect()
     await walletModalPage.page.waitForTimeout(2500)
 
-    await walletModalPage.emailFlow('web3modal-smart-account@mailsac.com', context)
+    await walletModalPage.emailFlow(NOT_ENABLED_SMART_ACCOUNT, context, mailsacApiKey)
     await walletModalPage.switchNetwork('Sepolia')
     await walletModalPage.openSettings()