133 lines
3.7 KiB
TypeScript
133 lines
3.7 KiB
TypeScript
/**
|
|
* Open the filter drawer for the currently visible table
|
|
* @param page - The page object
|
|
*/
|
|
export const openFilterDrawer = async (page) => {
|
|
await page.getByLabel('table-select-filters').click();
|
|
};
|
|
|
|
/**
|
|
* Close the filter drawer for the currently visible table
|
|
* @param page - The page object
|
|
*/
|
|
export const closeFilterDrawer = async (page) => {
|
|
await page.getByLabel('filter-drawer-close').click();
|
|
};
|
|
|
|
/**
|
|
* Click the specified button (if it is visible)
|
|
* @param page - The page object
|
|
* @param name - The name of the button to click
|
|
*/
|
|
export const clickButtonIfVisible = async (page, name, timeout = 500) => {
|
|
await page.waitForTimeout(timeout);
|
|
|
|
if (await page.getByRole('button', { name }).isVisible()) {
|
|
await page.getByRole('button', { name }).click();
|
|
}
|
|
};
|
|
|
|
/**
|
|
* Clear all filters from the currently visible table
|
|
* @param page - The page object
|
|
*/
|
|
export const clearTableFilters = async (page) => {
|
|
await openFilterDrawer(page);
|
|
await clickButtonIfVisible(page, 'Clear Filters');
|
|
await closeFilterDrawer(page);
|
|
await page.waitForLoadState('networkidle');
|
|
};
|
|
|
|
export const setTableChoiceFilter = async (page, filter, value) => {
|
|
await openFilterDrawer(page);
|
|
|
|
await page.getByRole('button', { name: 'Add Filter' }).click();
|
|
await page.getByPlaceholder('Select filter').fill(filter);
|
|
await page.getByPlaceholder('Select filter').click();
|
|
|
|
// Construct a regex to match the filter name exactly
|
|
const filterRegex = new RegExp(`^${filter}$`, 'i');
|
|
|
|
await page.getByRole('option', { name: filterRegex }).click();
|
|
|
|
await page.getByPlaceholder('Select filter value').click();
|
|
await page.getByRole('option', { name: value }).click();
|
|
|
|
await page.waitForLoadState('networkidle');
|
|
await closeFilterDrawer(page);
|
|
};
|
|
|
|
/**
|
|
* Return the parent 'row' element for a given 'cell' element
|
|
* @param cell - The cell element
|
|
*/
|
|
export const getRowFromCell = async (cell) => {
|
|
return cell.locator('xpath=ancestor::tr').first();
|
|
};
|
|
|
|
export const clickOnRowMenu = async (cell) => {
|
|
const row = await getRowFromCell(cell);
|
|
|
|
await row.getByLabel(/row-action-menu-/i).click();
|
|
};
|
|
|
|
interface NavigateOptions {
|
|
waitUntil?: 'load' | 'domcontentloaded' | 'networkidle';
|
|
baseUrl?: string;
|
|
}
|
|
|
|
/**
|
|
* Navigate to the provided page, and wait for loading to complete
|
|
* @param page
|
|
* @param url
|
|
*/
|
|
export const navigate = async (
|
|
page,
|
|
url: string,
|
|
options?: NavigateOptions
|
|
) => {
|
|
if (!url.startsWith('http') && !url.includes('web')) {
|
|
url = `/web/${url}`.replaceAll('//', '/');
|
|
}
|
|
|
|
const path: string = options?.baseUrl
|
|
? new URL(url, options.baseUrl).toString()
|
|
: url;
|
|
|
|
await page.goto(path, { waitUntil: options?.waitUntil ?? 'load' });
|
|
};
|
|
|
|
/**
|
|
* CLick on the 'tab' element with the provided name
|
|
*/
|
|
export const loadTab = async (page, tabName, exact?) => {
|
|
await page
|
|
.getByLabel(/panel-tabs-/)
|
|
.getByRole('tab', { name: tabName, exact: exact ?? false })
|
|
.click();
|
|
|
|
await page.waitForLoadState('networkidle');
|
|
};
|
|
|
|
// Activate "table" view in certain contexts
|
|
export const activateTableView = async (page) => {
|
|
await page.getByLabel('segmented-icon-control-table').click();
|
|
await page.waitForLoadState('networkidle');
|
|
};
|
|
|
|
// Activate "calendar" view in certain contexts
|
|
export const activateCalendarView = async (page) => {
|
|
await page.getByLabel('segmented-icon-control-calendar').click();
|
|
await page.waitForLoadState('networkidle');
|
|
};
|
|
|
|
/**
|
|
* Perform a 'global search' on the provided page, for the provided query text
|
|
*/
|
|
export const globalSearch = async (page, query) => {
|
|
await page.getByLabel('open-search').click();
|
|
await page.getByLabel('global-search-input').clear();
|
|
await page.getByPlaceholder('Enter search text').fill(query);
|
|
await page.waitForTimeout(300);
|
|
};
|