Merge branch 'main' into 2091-map-proposal-elements-for-testing

Author: emiride

catalyst_voices/apps/voices/e2e_tests/pageobject/app-bar-page.ts

@@ -1,13 +1,14 @@
 import { Locator, Page } from "@playwright/test";
+import intlEn from "./onboarding/localization-util";
 
 export class AppBarPage {
   getStartedBtn: Locator;
   page: Page;
-  
+
   constructor(page: Page) {
     this.page = page;
     this.getStartedBtn = page.getByRole("button", {
-      name: "GetStartedButton-test",
+      name: intlEn.getStarted,
     });
   }
   async GetStartedBtnClick() {

catalyst_voices/apps/voices/e2e_tests/pageobject/onboarding/create-flow/step-14-keychain-final.ts

@@ -1,6 +1,7 @@
 import { Locator, Page } from "@playwright/test";
 import { OnboardingBasePage } from "../onboarding-base-page";
 import { PasswordInputPanel } from "./step-13-password-input";
+import intlEn from "../localization-util";
 
 export class KeychainFinalPanel {
   page: Page;
@@ -9,20 +10,14 @@ export class KeychainFinalPanel {
   constructor(page: Page) {
     this.page = page;
     this.linkWalletAndRolesBtn = this.page.getByRole("button", {
-      name: "LinkWalletAndRoles-test",
+      name: intlEn.createKeychainLinkWalletAndRoles,
     });
   }
 
-  async goto() {
+  async goto(password: string) {
     await new PasswordInputPanel(this.page).goto();
-
-    await new PasswordInputPanel(this.page).fillPassword(
-      new OnboardingBasePage(this.page).password
-    );
-
-    await new PasswordInputPanel(this.page).fillConfirmPassword(
-      new OnboardingBasePage(this.page).password
-    );
+    await new PasswordInputPanel(this.page).fillPassword(password);
+    await new PasswordInputPanel(this.page).fillConfirmPassword(password);
     await this.page.waitForTimeout(1000);
 
     await new OnboardingBasePage(this.page).nextButton.click();

catalyst_voices/apps/voices/e2e_tests/pageobject/onboarding/create-flow/step-15-link-wallet-info.ts

@@ -1,5 +1,6 @@
 import { Locator, Page } from "@playwright/test";
 import { KeychainFinalPanel } from "./step-14-keychain-final";
+import intlEn from "../localization-util";
 
 export  class LinkWalletInfoPanel {
     page: Page
@@ -8,12 +9,12 @@ export  class LinkWalletInfoPanel {
     constructor(page: Page) {
         this.page = page;
         this.chooseWalletBtn = this.page.getByRole("button", {
-            name: "ChooseCardanoWalletButton",
+            name: intlEn.chooseCardanoWallet,
         });
     }
 
-    async goto() {
-        await new KeychainFinalPanel(this.page).goto();
+    async goto(password: string) {
+        await new KeychainFinalPanel(this.page).goto(password);
         await new KeychainFinalPanel(this.page).clickLinkWalletAndRolesBtn();
     }
 

catalyst_voices/apps/voices/e2e_tests/pageobject/onboarding/create-flow/step-16-wallet-list.ts

@@ -1,19 +1,20 @@
 import { Locator, Page } from "@playwright/test";
 import { LinkWalletInfoPanel } from "./step-15-link-wallet-info";
+import intlEn from "../localization-util";
 
 export class WalletListPanel {
   page: Page;
   yoroiWallet: Locator;
 
   constructor(page: Page) {
     this.page = page;
-    this.yoroiWallet = page.locator(
-      'role=group[name="Wallets"] >> role=button'
-    );
+    this.yoroiWallet = page.getByRole("button", {
+      name:'yoroi',
+  });
   }
 
-  async goto() {
-    await new LinkWalletInfoPanel(this.page).goto();
+  async goto(password: string) {
+    await new LinkWalletInfoPanel(this.page).goto(password);
     await new LinkWalletInfoPanel(this.page).clickChooseWalletBtn();
   }
 

catalyst_voices/apps/voices/e2e_tests/pageobject/onboarding/create-flow/step-17-choose-wallet.ts

@@ -2,20 +2,14 @@ import { Page } from "@playwright/test";
 import { WalletListPanel } from "./step-16-wallet-list";
 
 export class WalletPopupSelection {
-    page: Page
+  page: Page;
 
-    constructor(page) {
-        this.page = page;
-    }
+  constructor(page) {
+    this.page = page;
+  }
 
-    async goto() { 
-        await new WalletListPanel(this.page).goto();
-        await new WalletListPanel(this.page).clickYoroiWallet();
-    }
-    async clickWalletPopup() { 
-        const [walletPopup] = await Promise.all([
-          browser.waitForEvent("page"),
-          new WalletListPanel(page).clickYoroiWallet(),
-        ]);
-    }
-}
+  async goto(password: string) {
+    await new WalletListPanel(this.page).goto(password);
+    await new WalletListPanel(this.page).clickYoroiWallet();
+  }
+}

catalyst_voices/apps/voices/e2e_tests/pageobject/onboarding/create-flow/step-2-base-profile-info.ts

@@ -1,4 +1,5 @@
 import { Locator, Page } from "@playwright/test";
+import intlEn from "../localization-util";
 import { GetStartedPanel } from "../step-1-get-started";
 
 export class BaseProfileInfoPanel {
@@ -8,7 +9,7 @@ export class BaseProfileInfoPanel {
   constructor(page: Page) {
     this.page = page;
     this.createYourBaseProfileBtn = page.getByRole("button", {
-      name: "CreateBaseProfileNext-test",
+      name: intlEn.createBaseProfileInstructionsNext,
     });
   }
 

catalyst_voices/apps/voices/e2e_tests/pageobject/onboarding/create-flow/step-5-base-profile-final.ts

@@ -1,4 +1,5 @@
 import { Locator, Page } from "@playwright/test";
+import intlEn from "../localization-util";
 import { AcknowledgementsPanel } from "./step-4-acknowledgements";
 
 export class BaseProfileFinalPanel {
@@ -8,7 +9,7 @@ export class BaseProfileFinalPanel {
   constructor(page: Page) {
     this.page = page;
     this.createYourCatalystKeychainBtn = page.getByRole("button", {
-      name: "CreateKeychain-test",
+      name: intlEn.accountCreationSplashTitle,
     });
   }
 

catalyst_voices/apps/voices/e2e_tests/pageobject/onboarding/create-flow/step-6-catalyst-keychain-info.ts

@@ -1,4 +1,5 @@
 import { Locator, Page } from "@playwright/test";
+import intlEn from "../localization-util";
 import { BaseProfileFinalPanel } from "./step-5-base-profile-final";
 
 export class CatalystKeychainInfoPanel {
@@ -8,7 +9,7 @@ export class CatalystKeychainInfoPanel {
   constructor(page: Page) {
     this.page = page;
     this.createCatalystKeychainNowBtn = page.getByRole("button", {
-      name: "CreateKeychainNow-test",
+      name: intlEn.accountCreationSplashNextButton,
     });
   }
 

catalyst_voices/apps/voices/e2e_tests/pageobject/onboarding/localization-util.ts

@@ -0,0 +1,15 @@
+import * as fs from "fs";
+import * as path from "path";
+
+// Calculate the path to your ARB file (adjust levels as needed)
+const arbFilePath = path.join(
+  __dirname,
+  "../../../../../packages/internal/catalyst_voices_localization/lib/l10n/intl_en.arb"
+);
+
+// Load and parse the ARB file
+const rawContent = fs.readFileSync(arbFilePath, "utf8");
+const intlEn: Record<string, any> = JSON.parse(rawContent);
+
+// Export the parsed data
+export default intlEn;

catalyst_voices/apps/voices/e2e_tests/pageobject/onboarding/onboarding-base-page.ts

@@ -1,22 +1,14 @@
 import { type Locator, type Page } from "@playwright/test";
+import intlEn from "./localization-util";
 
 export class OnboardingBasePage {
   page: Page;
   nextBtnGroup: Locator;
   nextButton: Locator;
-  setUnlockPasswordGroup: Locator;
-  setUnlockPasswordBtn: Locator;
-  password: string;
 
   constructor(page: Page) {
     this.page = page;
-    this.nextBtnGroup = page.getByRole("group", { name: "NextButton-test" });
-    this.nextButton = this.nextBtnGroup.locator('role=button[name="Next"]');
-    this.setUnlockPasswordGroup = page.getByRole("group", {
-      name: "SetUnlockPasswordButton",
-    });
-    this.setUnlockPasswordBtn =
-      this.setUnlockPasswordGroup.locator("role=button");
-    this.password = "emiride1234";
+    this.nextBtnGroup = page.getByRole("button", { name: "Next Button" });
+    this.nextButton = page.locator('role=button[name="' + intlEn.next + '"]');
   }
 }