chore(e2e): create account in wallet (#2845)

kadena-community · Jan 30, 2025 · 824f91e · 824f91e
1 parent 0d702ff
commit 824f91e
Show file tree

Hide file tree

Showing 5 changed files with 137 additions and 13 deletions.
diff --git a/packages/apps/dev-wallet/src/Components/Accounts/Accounts.tsx b/packages/apps/dev-wallet/src/Components/Accounts/Accounts.tsx
@@ -141,7 +141,7 @@ export function Accounts({
         </Stack>
       </Stack>
       {accountsToShow.length ? (
-        <ul className={listClass}>
+        <ul className={listClass} data-testid="assetList">
           {accountsToShow.map((account) => (
             <li key={account.uuid}>
               <AccountItem account={account} />

diff --git a/packages/e2e/e2e-base/src/page-objects/chainweaver/chainweaverApp.index.ts b/packages/e2e/e2e-base/src/page-objects/chainweaver/chainweaverApp.index.ts
@@ -5,10 +5,61 @@ import { WebAuthNHelper } from '../../helpers/chainweaver/webauthn.helper';
 export class ChainweaverAppIndex {
   private _webAuthNHelper: WebAuthNHelper = new WebAuthNHelper();
   private _PROFILENAME: string = 'He-man';
+  private _PROFILENAME_WITHPASSWORD: string = 'Skeletor';
+  private _PASSWORD: string = 'M4st3r_of_th3_un1v3rs3';
 
   public constructor() {}
 
-  public async createProfile(actor: Page): Promise<boolean> {
+  public async createAccount(actor: Page): Promise<boolean> {
+    const listItems = await actor
+      .getByTestId('assetList')
+      .getByRole('listitem')
+      .all();
+    await expect(listItems.length).toEqual(0);
+
+    const newAccountButton = actor.getByRole('button', {
+      name: 'Next Account',
+    });
+    await expect(newAccountButton).toBeVisible();
+    await newAccountButton.click();
+
+    const unlockButton = actor.getByRole('button', {
+      name: 'Unlock',
+    });
+
+    await expect(unlockButton).toBeVisible();
+    const input = actor.getByTestId('passwordField');
+    await input.fill(this._PASSWORD);
+
+    await unlockButton.click();
+    await expect(unlockButton).toBeHidden();
+
+    const newListItems = await actor
+      .getByTestId('assetList')
+      .getByRole('listitem')
+      .all();
+
+    await expect(newListItems.length).toEqual(1);
+    return true;
+  }
+
+  public async setup(actor: Page, full: boolean = true): Promise<boolean> {
+    await actor.goto('/');
+    await this.createProfileWithPassword(actor);
+    await this.goToSettings(actor);
+
+    if (full) {
+      await this.addNetwork(actor, {
+        networkId: 'development',
+        title: 'development',
+        host: 'http://localhost:8080',
+      });
+
+      await this.selectNetwork(actor, 'Development');
+    }
+    return true;
+  }
+  public async createProfile(actor: Page): Promise<string> {
     await this._webAuthNHelper.enableVirtualAuthenticator(actor);
 
     const button = actor.getByText('Add new profile');
@@ -28,12 +79,50 @@ export class ChainweaverAppIndex {
     await expect(skipButton).toBeVisible();
     await skipButton.click();
 
-    return true;
+    return this._PROFILENAME;
+  }
+  public async createProfileWithPassword(actor: Page): Promise<string> {
+    const button = actor.getByText('Add new profile');
+    await expect(button).toBeVisible();
+    await button.click();
+
+    const passwordButton = actor.getByRole('button', {
+      name: 'Prefer password',
+    });
+    await expect(passwordButton).toBeVisible();
+    await actor.fill('#profileName', this._PROFILENAME_WITHPASSWORD);
+    await passwordButton.click();
+
+    //create password
+    await expect(
+      actor.getByRole('heading', {
+        name: 'Choose a password',
+      }),
+    ).toBeVisible();
+
+    const continueButton = actor.getByRole('button', {
+      name: 'Continue',
+    });
+    await expect(continueButton).toBeDisabled();
+
+    await actor.fill('#password', this._PASSWORD);
+    await actor.fill('#confirmation', this._PASSWORD);
+
+    await expect(continueButton).toBeEnabled();
+    await continueButton.click();
+
+    const skipButton = actor.getByRole('button', {
+      name: 'Skip',
+    });
+    await expect(skipButton).toBeVisible();
+    await skipButton.click();
+
+    return this._PROFILENAME_WITHPASSWORD;
   }
 
-  public async logout(actor: Page): Promise<boolean> {
+  public async logout(actor: Page, profileName: string): Promise<boolean> {
     const profileButton = actor.getByRole('button', {
-      name: this._PROFILENAME,
+      name: profileName,
     });
     await expect(profileButton).toHaveAttribute('aria-haspopup');
     await profileButton.click();

diff --git a/packages/e2e/e2e-dev-wallet/tests/createAccount.spec.ts b/packages/e2e/e2e-dev-wallet/tests/createAccount.spec.ts
@@ -0,0 +1,17 @@
+import { test } from '@kadena-dev/e2e-base/src/fixtures/shared/test.fixture';
+import { expect } from '@playwright/test';
+
+test('Create account', async ({ initiator, chainweaverApp }) => {
+  await test.step('setup', async () => {
+    await chainweaverApp.setup(initiator);
+  });
+
+  await test.step('create account', async () => {
+    await initiator.goto('/');
+    await chainweaverApp.selectNetwork(initiator, 'Development');
+
+    const result = await chainweaverApp.createAccount(initiator);
+
+    expect(result).toEqual(true);
+  });
+});
diff --git a/packages/e2e/e2e-dev-wallet/tests/network.spec.ts b/packages/e2e/e2e-dev-wallet/tests/network.spec.ts
@@ -2,11 +2,11 @@ import { test } from '@kadena-dev/e2e-base/src/fixtures/shared/test.fixture';
 import { expect } from '@playwright/test';
 
 test('Network creation', async ({ initiator, chainweaverApp }) => {
+  await test.step('setup', async () => {
+    await chainweaverApp.setup(initiator, false);
+  });
   await test.step('Create network', async () => {
-    await initiator.goto('/');
-    await chainweaverApp.createProfile(initiator);
-    await chainweaverApp.goToSettings(initiator);
-
+    await initiator.goto('/networks');
     await expect(initiator.getByText('mainnet01 - Mainnet')).toBeVisible();
     await expect(initiator.getByText('development - development')).toBeHidden();
 

diff --git a/packages/e2e/e2e-dev-wallet/tests/profile.spec.ts b/packages/e2e/e2e-dev-wallet/tests/profile.spec.ts
@@ -1,19 +1,19 @@
 import { test } from '@kadena-dev/e2e-base/src/fixtures/shared/test.fixture';
 import { expect } from '@playwright/test';
 
-test('Login', async ({ initiator, chainweaverApp }) => {
+test('Login passwordless', async ({ initiator, chainweaverApp }) => {
   await test.step('create profile', async () => {
     await initiator.goto('/');
-    const loggedIn = await chainweaverApp.createProfile(initiator);
-    expect(loggedIn).toEqual(true);
+    const profileName = await chainweaverApp.createProfile(initiator);
+    expect(profileName).toBeTruthy();
 
     await expect(
       initiator.getByRole('heading', {
         name: 'Your Assets',
       }),
     ).toBeVisible();
 
-    const loggedOut = await chainweaverApp.logout(initiator);
+    const loggedOut = await chainweaverApp.logout(initiator, profileName);
     expect(loggedOut).toEqual(true);
   });
 
@@ -24,3 +24,21 @@ test('Login', async ({ initiator, chainweaverApp }) => {
     expect(loggedIn).toEqual(true);
   });
 });
+
+test('Login with password', async ({ initiator, chainweaverApp }) => {
+  await test.step('create profile with a password', async () => {
+    await initiator.goto('/');
+    const profileName =
+      await chainweaverApp.createProfileWithPassword(initiator);
+    expect(profileName).toBeTruthy();
+
+    await expect(
+      initiator.getByRole('heading', {
+        name: 'Your Assets',
+      }),
+    ).toBeVisible();
+
+    const loggedOut = await chainweaverApp.logout(initiator, profileName);
+    expect(loggedOut).toEqual(true);
+  });
+});