Add expense creation to E2E tests using Page Object Model

tests/pom/group-page.ts

@@ -0,0 +1,21 @@
+import { Locator, Page } from '@playwright/test'
+
+export class GroupPage {
+  page: Page
+  title: Locator
+
+  constructor(page: Page) {
+    this.page = page
+    this.title = page.getByRole('main').getByRole('heading', { level: 1 })
+  }
+
+  async createExpense() {
+    await this.page.getByRole('link', { name: 'Create expense' }).click()
+  }
+
+  getExpenseCard(expenseTitle: string) {
+    return this.page
+      .locator('[data-expense-card]')
+      .filter({ hasText: expenseTitle })
+  }
+}