Files
logseq/e2e-tests/utils.ts
Charlie c63f1f0d15 Enhance/left sidebar responsive (#3376)
* improve(ui): [WIP] refactor left sidebar component

* improve(ui): [WIP] refactor left sidebar component

* improve(ui): polish left sidebar for mobile

* improve(ui): polish left sidebar for mobile native

* fix: unnecessary stateful component

* improve(ui): tweak padding inner left sidebar

* fix(tests): update tests

* fix(ui): close left sidebar when create page on sm breakpoint

* improve(ui): tweak `--ls-left-sidebar-sm-width` to 70%

* fix(ui): overlap between left sidebar and toolbar right area on mobile
2021-12-08 21:13:57 +08:00

63 lines
2.1 KiB
TypeScript

import { Page, Locator } from 'playwright'
import { expect } from '@playwright/test'
import process from 'process'
export const IsMac = process.platform === 'darwin'
export const IsLinux = process.platform === 'linux'
export const IsWindows = process.platform === 'win32'
export function randomString(length: number) {
const characters = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789';
let result = '';
const charactersLength = characters.length;
for (let i = 0; i < length; i++) {
result += characters.charAt(Math.floor(Math.random() * charactersLength));
}
return result;
}
export async function appFirstLoaded(page: Page) {
await page.waitForSelector('text=This is a demo graph, changes will not be saved until you open a local folder')
}
export async function openSidebar(page: Page) {
let sidebarVisible = await page.isVisible('#left-sidebar .left-sidebar-inner')
if (!sidebarVisible) {
await page.click('#left-menu.button')
}
await page.waitForSelector('#left-sidebar .left-sidebar-inner', { state: 'visible' })
}
export async function createRandomPage(page: Page) {
const randomTitle = randomString(20)
// Click #left-sidebar a:has-text("New page")
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".*/
await page.click('text=/.*New page: ".*/')
// wait for textarea of first block
await page.waitForSelector(':nth-match(textarea, 1)', { state: 'visible' })
}
export async function lastBlock(page: Page): Promise<Locator> {
// discard any popups
await page.keyboard.press('Escape')
// click last block
await page.click('.ls-block >> nth=-1')
// wait for textarea
await page.waitForSelector(':nth-match(textarea, 1)', { state: 'visible' })
return page.locator(':nth-match(textarea, 1)')
}
export async function newBlock(page: Page): Promise<Locator> {
await lastBlock(page)
await page.press(':nth-match(textarea, 1)', 'Enter')
return page.locator(':nth-match(textarea, 1)')
}