mirrors/spliit
1
0
Fork 0
mirror of https://github.com/spliit-app/spliit.git synced 2026-02-26 17:36:12 +01:00
Code Issues Actions Packages Projects Releases Wiki Activity

Add expense creation to E2E tests using Page Object Model

Browse Source
This commit is contained in:
Sebastien Castiel
2025-08-02 10:36:42 -04:00
parent 05a25f7e4f
commit 1a4c5ee3e1
5 changed files with 84 additions and 13 deletions
Download Patch File Download Diff File Expand all files Collapse all files

43
tests/create-group.spec.ts
View File

@@ -1,21 +1,38 @@
import { expect, test } from '@playwright/test'
import { CreateGroupPage } from './create-group-page'
import { CreateGroupPage } from './pom/create-group-page'
import { ExpensePage } from './pom/expense-page'
import { GroupPage } from './pom/group-page'
test('Create a new group', async ({ page }) => {
test('Create a new group and add an expense', async ({ page }) => {
const createGroupPage = new CreateGroupPage(page)
const groupPage = new GroupPage(page)
const expensePage = new ExpensePage(page)
await createGroupPage.navigate()
await createGroupPage.fillGroupName('New Test Group')
await createGroupPage.fillCurrency('USD')
await createGroupPage.fillAdditionalInfo('This is a test group.')
await test.step('Create a new group', async () => {
await createGroupPage.navigate()
await createGroupPage.fillGroupName('New Test Group')
await createGroupPage.fillCurrency('USD')
await createGroupPage.fillAdditionalInfo('This is a test group.')
await createGroupPage.addParticipant('John', 0)
await createGroupPage.addParticipant('Jane', 1)
await createGroupPage.submit()
})
await createGroupPage.addParticipant('John', 0)
await createGroupPage.addParticipant('Jane', 1)
await test.step('Check that the group is created', async () => {
await expect(groupPage.title).toHaveText('New Test Group')
})
await createGroupPage.submit()
await test.step('Create an expense', async () => {
await groupPage.createExpense()
await expensePage.fillTitle('Coffee')
await expensePage.fillAmount('4.5')
await expensePage.selectPayer('John')
await expensePage.submit()
})
await page.waitForURL(/.*\/groups\/.*\/expenses/)
await expect(
page.getByRole('heading', { name: 'New Test Group' }),
).toBeVisible()
await test.step('Check that the expense is created', async () => {
const expenseCard = groupPage.getExpenseCard('Coffee')
await expect(expenseCard).toBeVisible()
await expect(expenseCard.locator('[data-amount]')).toHaveText('USD4.50')
})
})