Tests2.0 (#1151)

* Fix issue with old secret keys with 128 length

* Add timestamp to initiated deploys

* Release 1.14.2 version

* Add Devnet network

* Add Casper Network API version checking

* Update Signature request page for Casper2.0

* Update redirection to cspr.live

* Populate account info with data from accounts and contacts

* Rename Deploys to Transaction for Casper 2.0

* Disable Buy CSPR for Safari

* Update transfers and auction actions to Casper 2.0

* Add Integration network support

* Update HttpHandler usage

* Add validators minAmount, maxAmount and reserved slots handling

* Update casper-js-sdk and casper-wallet-core

* Update casper-wallet-core

* Fix Deploy to Transaction renaming

* Fix arguments parsing

* Update casper-wallet-core lib

* Update casper-wallet-core and casper-js-sdk libs

* Fix delegation amount during redelegation flow

* Remove redundant isSafariExtension util

* Improve max delegation amount formatting

* Refactor validator error messages to include headers (#1138)

* fixes for tests on 2.0 branch

* jest fix

* jest fix

* jest fix

* fixes for tests

* changes related to issue with RPC

* fix: jest.config.js and jest.tsconfig.json

* jest fix

* added skip

* fixes and improvements without fix for failu transfers

* merge with develop

* fix for fail transfers flow
improvement of selectors
removing unnecessary lines

* cleaning code a bit for erc20 transfer test

---------

Co-authored-by: Dmytro Vynnyk <[email protected]>
Co-authored-by: Ostap Piatkovskyi <[email protected]>

Author: 3 people

e2e-tests/constants.ts

@@ -1,5 +1,7 @@
+import { Page } from '@playwright/test';
 import path from 'path';
 
+export const newPassword = 'this is new password';
 export const vaultPassword = '3hQqzYn4C7Y8rEZTVEZb';
 export const twentyFourWordsSecretPhrase =
   'hold matrix spider subway bottom jazz charge fire lawn valley stay coil moral hospital dream cycle multiply december agree huge major tower devote old';
@@ -20,7 +22,8 @@ export const torusSecretKeyHex =
 export const ACCOUNT_NAMES = {
   defaultFirstAccountName: 'Account 1',
   defaultSecondAccountName: 'Account 2',
-  createdAccountName: 'New account 1',
+  createdAccountName: 'First New Account',
+  createdAccountName2: 'Second New account ',
   importedPemAccountName: 'Imported pem account',
   renamedAccountName: 'Renamed account',
   importedCerAccountName: 'Imported cer account',
@@ -53,7 +56,9 @@ export const IMPORTED_TORUS_ACCOUNT = {
   truncatedPublicKey: '02029...ffd4f',
   mediumTruncatedPublicKey: '02029fcc5b...65182ffd4f'
 };
-
+export function accountSettingLocator(accountName: string) {
+  return `xpath=//div[contains(@class, 'sc-hLBbgP') and contains(@class, 'fYMUrO')]//span[text()='${accountName}']/ancestor::div[contains(@class, 'sc-hLBbgP')]/following-sibling::div[@data-testid='popover-children-container']`;
+}
 export const DEFAULT_FIRST_ACCOUNT = {
   accountName: ACCOUNT_NAMES.defaultFirstAccountName,
   publicKey:
@@ -102,8 +107,8 @@ export const VALIDATOR_FOR_STAKE = {
 
 export const NEW_VALIDATOR_FOR_STAKE = {
   publicKey:
-    '01ad002e37667f90aa982396ebdfcc7d3eea99731241eaad8a0dc20f453f72975a',
-  truncatedPublicKey: '01ad...975a'
+    '01c8be540a643e6c9df283dd2d2d6be67748f69a3c7bb6cf34471c899b8e858c9a',
+  truncatedPublicKey: '01c8...8c9a'
 };
 
 export const URLS = {
@@ -117,21 +122,24 @@ export const RPC_RESPONSE = {
       jsonrpc: '2.0',
       id: 1717761373590,
       result: {
-        api_version: '1.5.6',
-        deploy_hash: 'deploy hash'
+        api_version: '2.0.0',
+        transaction_hash: {
+          Version1:
+            '9de32b7f6d79e559cb3f7b94250a605739de803d98ec681cc4a4b7dc8604fdae'
+        }
       }
     })
   },
   failure: {
     status: 500,
     body: JSON.stringify({
-      jsonrpc: '2.0',
-      id: 1717761373590,
-      error: {
-        code: '',
-        data: 'Error description',
-        message: 'Error message'
-      }
+      sourceErr: {
+        code: -32016,
+        data: 'error description',
+        message: 'error message'
+      },
+      id: 1,
+      jsonrpc: '2.0'
     })
   }
 };

e2e-tests/fixtures.ts

@@ -1,14 +1,18 @@
 import {
-  test as base,
-  chromium,
   type BrowserContext,
-  Page
+  Page,
+  test as base,
+  chromium
 } from '@playwright/test';
 import path from 'path';
 
 import {
   DEFAULT_FIRST_ACCOUNT,
+  DEFAULT_SECOND_ACCOUNT,
   PLAYGROUND_URL,
+  RPC_RESPONSE,
+  URLS,
+  newPassword,
   vaultPassword
 } from './constants';
 
@@ -34,13 +38,24 @@ export const test = base.extend<{
     await context.close();
   },
   extensionId: async ({ context }, use) => {
-    let [background] = context.serviceWorkers();
+    let background = context.serviceWorkers()[0];
+
+    if (!background) {
+      try {
+        background = await context.waitForEvent('serviceworker', {
+          timeout: 5000
+        });
+      } catch (error) {
+        throw new Error('Service worker did not register in time.');
+      }
+    }
 
     if (!background) {
-      background = await context.waitForEvent('serviceworker');
+      throw new Error('Failed to retrieve the service worker.');
     }
 
-    const extensionId = background.url().split('/')[2];
+    // Extract extension ID from the worker URL (if it's a Chrome extension)
+    const extensionId = new URL(background.url()).host;
 
     await use(extensionId);
   }
@@ -212,6 +227,13 @@ export const popup = test.extend<{
   createAccount: (newAccountName: string) => Promise<void>;
   connectAccounts: () => Promise<void>;
   addContact: () => Promise<void>;
+  providePassword: (popupPage?: Page) => Promise<void>;
+  setWrongPasswordFiveTimes: (popupPage?: Page) => Promise<void>;
+  changePassword: (popupPage?: Page) => Promise<void>;
+  provideNewPassword: (popupPage?: Page) => Promise<void>;
+  unlockVaultNewPassword: (popupPage?: Page) => Promise<void>;
+  setWrongPassword: (popupPage?: Page) => Promise<void>;
+  sendCsprTokens: (popupPage?: Page) => Promise<void>;
 }>({
   popupPage: async ({ extensionId, page }, use) => {
     await page.goto(`chrome-extension://${extensionId}/popup.html`);
@@ -225,6 +247,7 @@ export const popup = test.extend<{
         .getByPlaceholder('Password', { exact: true })
         .fill(vaultPassword);
       await currentPage.getByRole('button', { name: 'Unlock wallet' }).click();
+      await page.waitForLoadState('networkidle');
     };
 
     await use(unlockVault);
@@ -271,6 +294,59 @@ export const popup = test.extend<{
 
     await use(connectAccounts);
   },
+  sendCsprTokens: async ({ page }, use) => {
+    const sendCsprTokens = async (popupPage?: Page) => {
+      const currentPage = popupPage || page;
+      await currentPage.route(URLS.rpc, route =>
+        route.fulfill(RPC_RESPONSE.success)
+      );
+
+      await new Promise(r => setTimeout(r, 5000));
+
+      await currentPage.getByText('Send').click();
+
+      await currentPage.getByRole('button', { name: 'Next' }).click();
+
+      await currentPage
+        .getByPlaceholder('Public key or name', { exact: true })
+        .fill(DEFAULT_SECOND_ACCOUNT.publicKey);
+
+      await currentPage
+        .getByText(DEFAULT_SECOND_ACCOUNT.mediumTruncatedPublicKey, {
+          exact: true
+        })
+        .click();
+
+      await currentPage.getByRole('button', { name: 'Next' }).click();
+
+      await currentPage.getByRole('button', { name: 'Next' }).click();
+
+      // Scroll to the bottom
+      await currentPage.evaluate(() => {
+        const container = document.querySelector('#ms-container');
+
+        container?.scrollTo(0, 1000);
+      });
+
+      await currentPage.getByRole('button', { name: 'Confirm send' }).click();
+      await currentPage.waitForLoadState('networkidle');
+      await currentPage.getByRole('button', { name: 'Done' }).click();
+    };
+    await use(sendCsprTokens);
+  },
+
+  unlockVaultNewPassword: async ({ page }, use) => {
+    const unlockVaultNewPassword = async (popupPage?: Page) => {
+      const currentPage = popupPage || page;
+
+      await currentPage
+        .getByPlaceholder('Password', { exact: true })
+        .fill(newPassword);
+      await currentPage.getByRole('button', { name: 'Unlock wallet' }).click();
+    };
+
+    await use(unlockVaultNewPassword);
+  },
   addContact: async ({ page }, use) => {
     const addContact = async () => {
       await page.getByTestId('menu-open-icon').click();
@@ -291,7 +367,81 @@ export const popup = test.extend<{
     };
 
     await use(addContact);
+  },
+
+  providePassword: async ({ page }, use) => {
+    const providePassword = async (popupPage?: Page) => {
+      const currentPage = popupPage || page;
+
+      await currentPage
+        .getByPlaceholder('Password', { exact: true })
+        .fill(vaultPassword);
+      await currentPage.getByRole('button', { name: 'Continue' }).click();
+    };
+
+    await use(providePassword);
+  },
+  provideNewPassword: async ({ page }, use) => {
+    const provideNewPassword = async (popupPage?: Page) => {
+      const currentPage = popupPage || page;
+
+      await currentPage
+        .getByPlaceholder('Password', { exact: true })
+        .fill(newPassword);
+      await currentPage.getByRole('button', { name: 'Continue' }).click();
+    };
+
+    await use(provideNewPassword);
+  },
+  changePassword: async ({ page }, use) => {
+    const changePassword = async (popupPage?: Page) => {
+      const currentPage = popupPage || page;
+
+      await currentPage
+        .getByPlaceholder('Password', { exact: true })
+        .fill(newPassword);
+      await currentPage.getByPlaceholder('Confirm password').fill(newPassword);
+
+      await currentPage.getByRole('button', { name: 'Continue' }).click();
+
+      await page.waitForTimeout(2000);
+    };
+
+    await use(changePassword);
+  },
+  setWrongPassword: async ({ page }, use) => {
+    const changePassword = async (popupPage?: Page) => {
+      const currentPage = popupPage || page;
+
+      await currentPage
+        .getByPlaceholder('Password', { exact: true })
+        .fill(newPassword);
+      await currentPage
+        .getByPlaceholder('Confirm password')
+        .fill(vaultPassword);
+
+      await currentPage.getByRole('button', { name: 'Continue' }).click();
+
+      await page.waitForTimeout(2000);
+    };
+
+    await use(changePassword);
+  },
+
+  setWrongPasswordFiveTimes: async ({ page }, use) => {
+    const setWrongPasswordFiveTimes = async (popupPage?: Page) => {
+      const currentPage = popupPage || page;
+
+      await currentPage
+        .getByPlaceholder('Password', { exact: true })
+        .fill('wrong password');
+
+      for (let i = 0; i < 5; i++) {
+        await currentPage.getByRole('button', { name: 'Continue' }).click();
+      }
+    };
+
+    await use(setWrongPasswordFiveTimes);
   }
 });
-
 export const popupExpect = popup.expect;

e2e-tests/onboarding-flow/confirm-secret-phrase-flow.spec.ts

@@ -1,5 +1,5 @@
-import { onboardingExpect, onboarding } from '../fixtures';
 import { DEFAULT_FIRST_ACCOUNT } from '../constants';
+import { onboarding, onboardingExpect } from '../fixtures';
 
 onboarding.describe('Onboarding UI: confirm secret phrase flow', () => {
   onboarding(
@@ -30,6 +30,19 @@ onboarding.describe('Onboarding UI: confirm secret phrase flow', () => {
       await onboardingExpect(
         page.getByText(DEFAULT_FIRST_ACCOUNT.accountName)
       ).toBeVisible();
+
+      //Fresh account should have empty balances, no nft or deploy history
+      await onboardingExpect(page.getByText('NFTs')).toBeVisible();
+
+      await page.getByText('NFTs').click();
+
+      await onboardingExpect(
+        await page.getByText('No NFT tokens')
+      ).toBeVisible();
+
+      await page.getByText('Deploys').click();
+
+      await onboardingExpect(await page.getByText('No activity')).toBeVisible();
     }
   );