Linden Crandall 5075f5c5d8
Some checks are pending
Automatisch Backend Tests / test (push) Waiting to run
Automatisch CI / linter (push) Waiting to run
Automatisch CI / start-backend-server (push) Waiting to run
Automatisch CI / start-backend-worker (push) Waiting to run
Automatisch CI / build-web (push) Waiting to run
Automatisch UI Tests / test (push) Waiting to run
commit upstream files
2025-02-06 04:14:18 +09:00

97 lines
2.4 KiB
JavaScript

const path = require('node:path');
/**
* @typedef {(
* 'default' | 'success' | 'warning' | 'error' | 'info'
* )} SnackbarVariant - Snackbar variant types in notistack/v3, see https://notistack.com/api-reference
*/
export class BasePage {
screenshotPath = '/';
/**
* @param {import('@playwright/test').Page} page
*/
constructor(page) {
this.page = page;
this.snackbar = page.locator('*[data-test^="snackbar"]');
this.pageTitle = this.page.getByTestId('page-title');
}
/**
* Finds the latest snackbar message and extracts relevant data
* @param {string | undefined} testId
* @returns {(
* null | {
* variant: SnackbarVariant,
* text: string,
* dataset: { [key: string]: string }
* }
* )}
*/
async getSnackbarData(testId) {
if (!testId) {
testId = 'snackbar';
}
const snack = this.page.getByTestId(testId);
return {
variant: await snack.getAttribute('data-snackbar-variant'),
text: await snack.evaluate((node) => node.innerText),
dataset: await snack.evaluate((node) => {
function getChildren(n) {
return [n].concat(
...Array.from(n.children).map((c) => getChildren(c))
);
}
const datasets = getChildren(node).map((n) =>
Object.assign({}, n.dataset)
);
return Object.assign({}, ...datasets);
}),
};
}
async closeSnackbar() {
await this.snackbar.click();
}
async closeSnackbarAndWaitUntilDetached() {
const snackbar = await this.snackbar;
await snackbar.click();
await snackbar.waitFor({ state: 'detached' });
}
/**
* Closes all snackbars, should be replaced later
*/
async closeAllSnackbars() {
const snackbars = await this.snackbar.all();
for (const snackbar of snackbars) {
await snackbar.click();
}
for (const snackbar of snackbars) {
await snackbar.waitFor({ state: 'detached' });
}
}
async clickAway() {
await this.page.locator('body').click({ position: { x: 0, y: 0 } });
}
async screenshot(options = {}) {
const { path: plainPath, ...restOptions } = options;
const computedPath = path.join(
'output/screenshots',
this.screenshotPath,
plainPath
);
return await this.page.screenshot({ path: computedPath, ...restOptions });
}
async isMounted() {
await this.pageTitle.waitFor({ state: 'attached' });
}
}