unlock for fixture (: keplr

wallets/keplr/src/KeplrWallet.ts

@@ -28,7 +28,7 @@ export class KeplrWallet {
   async setupWallet(
     { secretWordsOrPrivateKey, password }: { secretWordsOrPrivateKey: string; password: string },
   ) {
-    const wallet = await this.lockPage.unlock(secretWordsOrPrivateKey, password)
+    const wallet = await this.lockPage.importWallet(secretWordsOrPrivateKey, password)
     return wallet;
   }
 

wallets/keplr/src/fixtureActions/unlockForFixtures.ts

@@ -1,8 +1,8 @@
 import type { Page } from '@playwright/test';
 import { LockPage } from '../pages/LockPage/page'
 
-export default async function unlockForFixtures(page: Page, seedPhrase: string, password: string) {
+export default async function unlockForFixtures(page: Page, password: string) {
   const lockpage = new LockPage(page)
-  const wallet = await lockpage.unlock(seedPhrase, password)
+  const wallet = await lockpage.unlock(password)
   return wallet;
 }

wallets/keplr/src/fixtures/keplrFixtures.ts

@@ -14,6 +14,7 @@ import fs from 'fs-extra'
 import { persistLocalStorage } from '../fixtureActions/persistLocalStorage'
 import { getExtensionId } from '../fixtureActions'
 import { prepareExtension } from '@synthetixio/synpress-utils'
+import unlockForFixtures from '../fixtureActions/unlockForFixtures'
 
 type KeplrFixtures = {
   _contextPath: string
@@ -78,28 +79,29 @@ export const keplrFixtures = (walletSetup: ReturnType<typeof defineWalletSetup>,
 
       _keplrPage = context.pages()[0] as Page
 
-      await _keplrPage.goto('chrome-extension://' + extensionId + '/register.html')
-
+      await _keplrPage.goto(`chrome-extension://${extensionId}/popup.html`)
+      await unlockForFixtures(_keplrPage, PASSWORD)
+
       await use(context)
 
-      await context.close()
+    },
+    keplrPage: async ({ context: _ }, use) => {
+      await use(_keplrPage);
     },
     extensionId: async ({ context }, use) => {
       const extensionId = await getExtensionId(context, 'Keplr')
 
       await use(extensionId)
     },
-    page: async ({ page }, use) => {
-      await page.goto('https://wallet.keplr.app/')
-      await use(page)
-    },
     keplr: async ({ context, extensionId }, use) => {
       const keplrWallet = new KeplrWallet(_keplrPage, context, PASSWORD, extensionId)
 
       await use(keplrWallet)
     },
-    keplrPage: async ({ context: _ }, use) => {
-      await use(_keplrPage!);
+
+    page: async ({ page }, use) => {
+      await page.goto('https://wallet.keplr.app/')
+      await use(page)
     },
   })
 }

wallets/keplr/src/pages/LockPage/actions/index.ts

@@ -1 +1,2 @@
-export * from './importWallet';
+export * from './importWallet';
+export * from './unlockWallet';

wallets/keplr/src/pages/LockPage/actions/unlockWallet.ts

@@ -0,0 +1,11 @@
+import { onboardingElements } from "../selectors";
+import type { Page } from "@playwright/test";
+
+export async function unlockWallet(page: Page, password: string) {
+  await page.waitForLoadState('domcontentloaded');
+  const passwordField = page.locator(onboardingElements.passwordInput);
+  await passwordField.fill(password);
+  const button = await page.$('button[type="submit"].sc-ciZhAO.kaxPjU');
+  button?.click();
+  return true;
+}

wallets/keplr/src/pages/LockPage/page.ts

@@ -1,6 +1,7 @@
 import type { Page } from '@playwright/test'
 import { onboardingElements } from './selectors'
 import { importWallet } from './actions'
+import { unlockWallet } from './actions'
 
 export class LockPage {
   static readonly selectors = onboardingElements
@@ -12,7 +13,11 @@ export class LockPage {
     this.page = page
   }
 
-  async unlock(seedPhrase: string, password: string) {
-    await importWallet(this.page, seedPhrase, password)
+  async unlock(password: string) {
+    await unlockWallet(this.page, password)
+  }
+
+  async importWallet(secretWordsOrPrivateKey: string, password: string) {
+    await importWallet(this.page, secretWordsOrPrivateKey, password)
   }
 }

wallets/keplr/src/pages/LockPage/selectors/index.ts

@@ -14,8 +14,8 @@ export const onboardingElements = {
   phraseSelectChain: 'Select Chains',
   phraseAccountCreated: 'Account Created!',
   walletInput: 'input[name="name"]:focus',
-  passwordInput: 'input[name="password"]',
-  confirmPasswordInput: 'input[name="confirmPassword"]',
+  passwordInput: '.sc-kLLXSd.aOXjF',
+  confirmPasswordInput: '.sc-ciZhAO.hUwRuH',
   submitWalletDataButton: 'button[type="submit"]',
   submitChainButton: 'button[type="button"]',
   finishButton: 'button[type="button"]',

wallets/keplr/test/playwright/getAddress.spec.ts

@@ -1,20 +1,20 @@
-import { PASSWORD, SEED_PHRASE } from '../../src'
+// import { PASSWORD, SEED_PHRASE } from '../../src'
 import synpress from '../synpress'
 
 const test = synpress
 
+// test('should import wallet', async ({ keplr }) => {
+//   try {
+//     await keplr.setupWallet({ secretWordsOrPrivateKey: SEED_PHRASE, password: PASSWORD })
+//   } catch (error) {
+//     console.error('Error:', error)
+//   }
+// })
+
 test('should create address', async ({ keplr }) => {
   try {
     await keplr.getWalletAddress()
   } catch (error) {
     console.error('Error:', error)
   }
 })
-
-test('should import wallet', async ({ keplr }) => {
-  try {
-    await keplr.setupWallet({ secretWordsOrPrivateKey: SEED_PHRASE, password: PASSWORD })
-  } catch (error) {
-    console.error('Error:', error)
-  }
-})

wallets/keplr/test/synpress.ts

@@ -3,4 +3,4 @@ import { keplrFixtures } from "../src";
 import connectedKeplrSetup from "./wallet-setup/connected-keplr.setup";
 
 console.log('connectedKeplrSetup', connectedKeplrSetup, connectedKeplrSetup.hash)
-export default testWithSynpress(keplrFixtures(connectedKeplrSetup))
+export default testWithSynpress(keplrFixtures(connectedKeplrSetup, 1000))