test(cat-voices): debugging with Janusz

Author: emiride

.github/workflows/voices-tests.yml

@@ -6,7 +6,7 @@ on:
 
 permissions:
   id-token: write
-  contents: read
+  contents: write
 
 concurrency:
   group: voices-tests-${{ github.head_ref || github.ref }}
@@ -62,24 +62,25 @@ jobs:
       - name: Wait for cat-gateway to become healthy
         id: gateway-healthy
         run: |
-          echo "Waiting for cat-gateway container to be healthy..."
-          for i in {1..100}; do
-            STATUS=$(docker inspect --format='{{.State.Health.Status}}' cat-gateway 2>/dev/null || echo "not_found")
-            echo "Attempt $i: Health status: $STATUS"
+          echo "Waiting for container to be healthy..."
+          for i in {1..500}; do
+            STATUS=$(docker inspect --format='{{.State.Health.Status}}' cat-gateway)
+            echo "Health status: $STATUS"
             if [ "$STATUS" == "healthy" ]; then
               echo "Container is healthy!"
-              exit 0
+              break
             fi
             if [ "$STATUS" == "unhealthy" ]; then
               echo "Container became unhealthy."
-              docker logs cat-gateway
-              exit 1
+              break
             fi
             sleep 5
           done
-          echo "Timeout waiting for cat-gateway to become healthy"
-          docker logs cat-gateway
-          exit 1
+
+          if [ "$STATUS" != "healthy" ]; then
+            docker compose -f catalyst-gateway/tests/docker-compose.yml logs cat-gateway
+            exit 1
+          fi
 
       - name: Run E2E tests
         id: run-tests

catalyst_voices/apps/voices/e2e_tests/docker-compose.yml

@@ -15,7 +15,6 @@ services:
       - DB_SUPERUSER_PASSWORD=postgres
       - DB_USER=catalyst-event-dev
       - DB_USER_PASSWORD=CHANGE_ME
-
       - INIT_AND_DROP_DB=true
       - WITH_MIGRATIONS=true
     ports:
@@ -49,9 +48,9 @@ services:
     healthcheck:
       test: "curl -s -i localhost:3030/api/v1/health/ready | head -n 1 | grep 204"
       start_period: 30s
-      interval: 20s
+      interval: 30s
       timeout: 30s
-      retries: 45
+      retries: 50
     environment:
       - EVENT_DB_URL=postgres://catalyst-event-dev:CHANGE_ME@event-db/CatalystEventDev
       - CASSANDRA_PERSISTENT_URL=index-db:9042

catalyst_voices/apps/voices/e2e_tests/fixtures/browser-fixtures.ts

@@ -67,6 +67,7 @@ export const test = base.extend<BrowserFixtures>({
         "--disable-gpu",
       ],
     });
+    await browser.grantPermissions(["clipboard-read", "clipboard-write"]);
     await use(browser);
     await browser.close();
   },

catalyst_voices/apps/voices/e2e_tests/models/accountModel.ts

@@ -6,6 +6,7 @@ export class AccountModel {
     public password: string,
     public isProposer: boolean = false,
     public seedPhrase: string[] = [],
-    public isDummy: boolean = false
+    public isDummy: boolean = false,
+    public seedPhrasePath: string = ""
   ) {}
 }

catalyst_voices/apps/voices/e2e_tests/page-objects/onboarding/create-flow/step-16-wallet-connected.ts

@@ -34,8 +34,8 @@ export class WalletConnectedPanel extends OnboardingBasePage {
   }
   async getWalletAddressValue() {
     await this.click(this.walletAddressClipboardIcon);
-    const address = await this.page.evaluate(() =>
-      navigator.clipboard.readText()
+    const address = await this.page.evaluate(async () =>
+      await navigator.clipboard.readText()
     );
     return address;
   }

catalyst_voices/apps/voices/e2e_tests/page-objects/onboarding/create-flow/step-7-writedown-seedphrase.ts

@@ -7,12 +7,14 @@ export class WritedownSeedPhrasePanel extends OnboardingBasePage {
   page: Page;
   seedphraseStoredCheckbox: Locator;
   downloadSeedPhraseButton: Locator;
+  exportKeyButton: Locator;
 
   constructor(page: Page, testModel: TestModel) {
     super(page, testModel);
     this.page = page;
     this.seedphraseStoredCheckbox = page.getByTestId("SeedPhraseStoredCheckbox_checkbox");
     this.downloadSeedPhraseButton = page.getByTestId("DownloadSeedPhraseButton");
+    this.exportKeyButton = page.locator("//flt-semantics[text()='Export Key']");
   }
   async goto() {
     await new CreateKeychainSuccessPanel(this.page, this.testModel).goto();
@@ -21,6 +23,15 @@ export class WritedownSeedPhrasePanel extends OnboardingBasePage {
   async seedphraseStoredCheckboxClick() {
     await this.click(this.seedphraseStoredCheckbox);
   }
+
+  async downloadSeedPhrase(): Promise<string> {
+    await this.downloadSeedPhraseClick();
+    const downloadPromise = this.page.waitForEvent("download");
+    await this.exportKeyButton.click();
+    const download = await downloadPromise;
+    const path = await download.path();
+    return path;
+  }
   async downloadSeedPhraseClick() {
     await this.click(this.downloadSeedPhraseButton);
   }

catalyst_voices/apps/voices/e2e_tests/page-objects/onboarding/create-flow/step-8-writedown-seedphrase-info.ts

@@ -12,7 +12,10 @@ export class WritedownSeedPhraseInfoPanel extends OnboardingBasePage {
   }
   async goto() {
     await new WritedownSeedPhrasePanel(this.page, this.testModel).goto();
-    this.testModel.accountModel.seedPhrase = await new WritedownSeedPhrasePanel(this.page, this.testModel).getSeedPhraseWords();
+    this.testModel.accountModel.seedPhrase = await new WritedownSeedPhrasePanel(
+      this.page,
+      this.testModel
+    ).getSeedPhraseWords();
     await new WritedownSeedPhrasePanel(this.page, this.testModel).seedphraseStoredCheckboxClick();
     await new OnboardingBasePage(this.page, this.testModel).nextButtonClick();
   }

catalyst_voices/apps/voices/e2e_tests/page-objects/onboarding/create-flow/step-9-input-seedphrase.ts

@@ -7,17 +7,34 @@ export class InputSeedPhrasePanel extends OnboardingBasePage {
   page: Page;
   uploadKeyButton: Locator;
   resetButton: Locator;
+  switchToUploadButton: Locator;
+  dropKeyButton: Locator;
 
   constructor(page: Page, testModel: TestModel) {
     super(page, testModel);
     this.page = page;
     this.uploadKeyButton = page.getByTestId("UploadKeyButton");
     this.resetButton = page.getByTestId("ResetButton");
+    this.switchToUploadButton = page.locator(
+      "//flt-semantics[text()='Yes, switch to Catalyst key upload']"
+    );
+    this.dropKeyButton = page.locator("//flt-semantics[contains(text(),'Drop your key here')]");
   }
   async goto() {
     await new WritedownSeedPhraseInfoPanel(this.page, this.testModel).goto();
     await new OnboardingBasePage(this.page, this.testModel).nextButtonClick();
   }
+
+  async uploadSeedPhrase(): Promise<void> {
+    await this.uploadKeyButtonClick();
+    await this.switchToUploadButton.click();
+
+    const fileChooserPromise = this.page.waitForEvent("filechooser");
+    await this.dropKeyButton.click();
+    const fileChooser = await fileChooserPromise;
+    await fileChooser.setFiles(this.testModel.accountModel.seedPhrasePath);
+  }
+
   async uploadKeyButtonClick() {
     await this.click(this.uploadKeyButton);
   }
@@ -28,9 +45,11 @@ export class InputSeedPhrasePanel extends OnboardingBasePage {
   }
 
   async inputSeedPhraseWords() {
-    for (const word of this.testModel.accountModel.seedPhrase) {
-      await this.page.getByRole("button", { name: word, exact: true }).first().click();
-      await this.page.waitForTimeout(100);
+    for (let i = 0; i < this.testModel.accountModel.seedPhrase.length; i++) {
+      const word = this.testModel.accountModel.seedPhrase[i];
+      const button = this.page.getByRole("button", { name: word, exact: true }).first();
+      await button.evaluate((el: HTMLElement) => el.click());
+      await this.page.waitForTimeout(500);
     }
   }
 }

catalyst_voices/apps/voices/e2e_tests/playwright.config.ts

@@ -9,7 +9,7 @@ export default defineConfig({
   retries: process.env.CI ? 2 : 0,
   workers: process.env.CI ? 1 : undefined,
   reporter: "html",
-  timeout: 120 * 1000,
+  timeout: 1200 * 1000,
   use: {
     baseURL: `https://app.${process.env.ENVIRONMENT}.projectcatalyst.io/`,
     trace: "on-first-retry",

catalyst_voices/apps/voices/e2e_tests/utils/wallets/lace-actions.ts

@@ -17,6 +17,8 @@ export class LaceActions implements WalletActions {
 
     // Handle the next page (sometimes shows "Choose recovery method")
     await this.handleNextPage();
+    await this.page.locator('[data-testid="wallet-setup-step-btn-next"]').click();
+    await this.handleNextPage();
 
     // Select 15-word recovery phrase
     await this.page.locator('//span[@data-testid="recovery-phrase-15"]').click();