2023-03-16 13:03:38 +00:00
|
|
|
import { Page, Locator, ElementHandle } from '@playwright/test'
|
|
|
|
import { randomString } from './basic'
|
|
|
|
|
2023-06-04 10:46:33 +00:00
|
|
|
export async function closeSearchBox(page: Page): Promise<void> {
|
|
|
|
await page.keyboard.press("Escape") // escape (potential) search box typing
|
|
|
|
await page.waitForTimeout(500)
|
|
|
|
await page.keyboard.press("Escape") // escape modal
|
|
|
|
}
|
|
|
|
|
2023-03-16 13:03:38 +00:00
|
|
|
export async function createRandomPage(page: Page) {
|
|
|
|
const randomTitle = randomString(20)
|
2023-06-04 10:46:33 +00:00
|
|
|
await closeSearchBox(page)
|
2023-03-16 13:03:38 +00:00
|
|
|
// Click #search-button
|
|
|
|
await page.click('#search-button')
|
|
|
|
// Fill [placeholder="Search or create page"]
|
|
|
|
await page.fill('[placeholder="Search or create page"]', randomTitle)
|
|
|
|
// Click text=/.*New page: "new page".*/
|
2023-06-12 10:56:52 +00:00
|
|
|
await page.click('text=/.*New page:".*/')
|
2023-03-16 13:03:38 +00:00
|
|
|
// Wait for h1 to be from our new page
|
|
|
|
await page.waitForSelector(`h1 >> text="${randomTitle}"`, { state: 'visible' })
|
|
|
|
// wait for textarea of first block
|
|
|
|
await page.waitForSelector('textarea >> nth=0', { state: 'visible' })
|
2023-06-12 10:56:52 +00:00
|
|
|
|
2023-03-16 13:03:38 +00:00
|
|
|
return randomTitle;
|
2023-06-04 10:46:33 +00:00
|
|
|
}
|
2023-06-12 10:56:52 +00:00
|
|
|
|
2023-06-04 10:46:33 +00:00
|
|
|
export async function createPage(page: Page, page_name: string) {// Click #search-button
|
|
|
|
await closeSearchBox(page)
|
2023-03-16 13:03:38 +00:00
|
|
|
await page.click('#search-button')
|
|
|
|
// Fill [placeholder="Search or create page"]
|
|
|
|
await page.fill('[placeholder="Search or create page"]', page_name)
|
|
|
|
// Click text=/.*New page: "new page".*/
|
2023-06-12 10:56:52 +00:00
|
|
|
await page.click('text=/.*New page:".*/')
|
2023-03-16 13:03:38 +00:00
|
|
|
// wait for textarea of first block
|
|
|
|
await page.waitForSelector('textarea >> nth=0', { state: 'visible' })
|
2023-06-12 10:56:52 +00:00
|
|
|
|
2023-03-16 13:03:38 +00:00
|
|
|
return page_name;
|
|
|
|
}
|
2023-06-12 10:56:52 +00:00
|
|
|
|
2023-06-04 10:46:33 +00:00
|
|
|
export async function searchAndJumpToPage(page: Page, pageTitle: string) {
|
|
|
|
await closeSearchBox(page)
|
2023-03-16 13:03:38 +00:00
|
|
|
await page.click('#search-button')
|
|
|
|
await page.type('[placeholder="Search or create page"]', pageTitle)
|
|
|
|
await page.waitForSelector(`[data-page-ref="${pageTitle}"]`, { state: 'visible' })
|
|
|
|
page.click(`[data-page-ref="${pageTitle}"]`)
|
|
|
|
await page.waitForNavigation()
|
|
|
|
return pageTitle;
|
2023-06-04 10:46:33 +00:00
|
|
|
}
|
2023-06-04 09:55:14 +00:00
|
|
|
|
2023-06-04 10:46:33 +00:00
|
|
|
/**
|
|
|
|
* type a search query into the search box
|
|
|
|
* stop at the point where search box shows up
|
2023-06-12 10:56:52 +00:00
|
|
|
*
|
2023-06-04 10:46:33 +00:00
|
|
|
* @param page the pw page object
|
|
|
|
* @param query the search query to type into the search box
|
|
|
|
* @returns the HTML element for the search results ui
|
|
|
|
*/
|
|
|
|
export async function searchPage(page: Page, query: string): Promise<ElementHandle<SVGElement | HTMLElement>[]>{
|
2023-06-04 09:55:14 +00:00
|
|
|
await closeSearchBox(page)
|
2023-03-16 13:03:38 +00:00
|
|
|
await page.click('#search-button')
|
|
|
|
await page.waitForSelector('[placeholder="Search or create page"]')
|
2023-06-27 17:49:11 +00:00
|
|
|
await page.fill('[placeholder="Search or create page"]', query)
|
2023-03-16 13:03:38 +00:00
|
|
|
await page.waitForTimeout(2000) // wait longer for search contents to render
|
2023-06-12 10:56:52 +00:00
|
|
|
|
2023-03-16 13:03:38 +00:00
|
|
|
return page.$$('#ui__ac-inner>div');
|
2023-06-04 10:46:33 +00:00
|
|
|
}
|