7c447c8848
In this update, several end-to-end (e2e) tests were refactored to use Promise.all for parallel execution of operations. This was done to improve the efficiency and stability of the tests, as waiting for each operation one by one could cause bottlenecks and potential failures in the test execution. Receives and click actions were grouped together to allow them to be executed concurrently where possible. The changes were applied across different test scenarios.
129 lines
3.1 KiB
TypeScript
129 lines
3.1 KiB
TypeScript
import { Page, expect } from '@playwright/test';
|
|
|
|
import { AuthPageObject } from '../authentication/auth.po';
|
|
|
|
export class TeamAccountsPageObject {
|
|
private readonly page: Page;
|
|
public auth: AuthPageObject;
|
|
|
|
constructor(page: Page) {
|
|
this.page = page;
|
|
this.auth = new AuthPageObject(page);
|
|
}
|
|
|
|
async setup(params = this.createTeamName()) {
|
|
await this.auth.signUpFlow('/home');
|
|
|
|
await this.createTeam(params);
|
|
}
|
|
|
|
getTeamFromSelector(teamName: string) {
|
|
return this.page.locator(`[data-test="account-selector-team"]`, {
|
|
hasText: teamName,
|
|
});
|
|
}
|
|
|
|
getTeams() {
|
|
return this.page.locator('[data-test="account-selector-team"]');
|
|
}
|
|
|
|
goToSettings() {
|
|
return expect(async () => {
|
|
await this.page
|
|
.locator('a', {
|
|
hasText: 'Settings',
|
|
})
|
|
.click();
|
|
|
|
await this.page.waitForURL('**/home/*/settings');
|
|
}).toPass();
|
|
}
|
|
|
|
goToBilling() {
|
|
return expect(async () => {
|
|
await this.page
|
|
.locator('a', {
|
|
hasText: 'Billing',
|
|
})
|
|
.click();
|
|
|
|
return await this.page.waitForURL('**/home/*/billing');
|
|
}).toPass();
|
|
}
|
|
|
|
openAccountsSelector() {
|
|
return expect(async () => {
|
|
await this.page.click('[data-test="account-selector-trigger"]');
|
|
|
|
return expect(
|
|
this.page.locator('[data-test="account-selector-content"]'),
|
|
).toBeVisible();
|
|
}).toPass();
|
|
}
|
|
|
|
async createTeam({ teamName, slug } = this.createTeamName()) {
|
|
await this.openAccountsSelector();
|
|
|
|
await this.page.click('[data-test="create-team-account-trigger"]');
|
|
await this.page.fill('[data-test="create-team-form"] input', teamName);
|
|
|
|
const click = this.page.click(
|
|
'[data-test="create-team-form"] button:last-child',
|
|
);
|
|
|
|
const response = this.page.waitForURL(`/home/${slug}`);
|
|
|
|
await Promise.all([click, response]);
|
|
}
|
|
|
|
async updateName(name: string, slug: string) {
|
|
await expect(async () => {
|
|
await this.page.fill(
|
|
'[data-test="update-team-account-name-form"] input',
|
|
name,
|
|
);
|
|
|
|
const click = this.page.click(
|
|
'[data-test="update-team-account-name-form"] button',
|
|
);
|
|
|
|
// the slug should be updated to match the new team name
|
|
const response = this.page.waitForURL(`**/home/${slug}/settings`);
|
|
|
|
return Promise.all([click, response]);
|
|
}).toPass();
|
|
}
|
|
|
|
async deleteAccount(teamName: string) {
|
|
await expect(async () => {
|
|
await this.page.click('[data-test="delete-team-trigger"]');
|
|
|
|
await expect(
|
|
this.page.locator('[data-test="delete-team-form-confirm-input"]'),
|
|
).toBeVisible();
|
|
|
|
await this.page.fill(
|
|
'[data-test="delete-team-form-confirm-input"]',
|
|
teamName,
|
|
);
|
|
|
|
const click = this.page.click(
|
|
'[data-test="delete-team-form-confirm-button"]',
|
|
);
|
|
|
|
const response = this.page.waitForURL('**/home');
|
|
|
|
return Promise.all([click, response]);
|
|
}).toPass();
|
|
}
|
|
|
|
createTeamName() {
|
|
const random = (Math.random() * 100000000).toFixed(0);
|
|
|
|
const teamName = `Team-Name-${random}`;
|
|
const slug = `team-name-${random}`;
|
|
|
|
return { teamName, slug };
|
|
}
|
|
}
|