tests: access budget discussion page

Author: kneerose

tests/govtool-frontend/playwright/lib/pages/budgetDiscussionPage.ts

@@ -0,0 +1,23 @@
+import { Page } from "@playwright/test";
+import environments from "lib/constants/environments";
+
+export default class BudgetDiscussionPage {
+  // Buttons
+  readonly drawerBtn = this.page.getByTestId("open-drawer-button");
+  readonly proposalBudgetDiscussionBtn = this.page.getByTestId(
+    "propose-a-budget-discussion-button"
+  );
+  readonly verifyIdentityBtn = this.page.getByTestId("verify-identity-button");
+
+  constructor(private readonly page: Page) {}
+
+  get currentPage(): Page {
+    return this.page;
+  }
+
+  async goto() {
+    await this.page.goto(`${environments.frontendUrl}/budget_discussion`);
+    // wait for the proposal cards to load
+    await this.page.waitForTimeout(2_000);
+  }
+}

tests/govtool-frontend/playwright/tests/11-proposal-budget/proposalBudget.spec.ts

@@ -1,13 +1,20 @@
 import { test } from "@fixtures/walletExtension";
 import { setAllureEpic } from "@helpers/allure";
-import { skipTestForProposalBudget } from "@helpers/cardano";
+import BudgetDiscussionPage from "@pages/budgetDiscussionPage";
+import { expect } from "@playwright/test";
 
 test.beforeEach(async ({}) => {
   await setAllureEpic("11. Proposal Budget");
-  await skipTestForProposalBudget();
 });
 
-test("11A. Should access budget proposal page", async ({}) => {});
+test("11A. Should access budget proposal page in disconnect state", async ({ page }) => {
+  const budgetDiscussionPage = new BudgetDiscussionPage(page);
+  await budgetDiscussionPage.goto();
+
+  await expect(
+    budgetDiscussionPage.currentPage.getByText("/Budget Proposals/i")
+  ).toHaveCount(2);
+});
 
 test.describe("Budget proposal list manipulation", () => {
   test("11B_1. Should search for budget proposals by title", async ({}) => {});