refactor: globalSetup to use CodeServer model
This commit is contained in:
@ -1,10 +1,12 @@
|
||||
import { test, expect } from "@playwright/test"
|
||||
import { CODE_SERVER_ADDRESS, STORAGE } from "../utils/constants"
|
||||
import { STORAGE } from "../utils/constants"
|
||||
import { CodeServer } from "./models/CodeServer"
|
||||
|
||||
test.describe("Open Help > About", () => {
|
||||
// Create a new context with the saved storage state
|
||||
// so we don't have to logged in
|
||||
const options: any = {}
|
||||
let codeServer: CodeServer
|
||||
// TODO@jsjoeio
|
||||
// Fix this once https://github.com/microsoft/playwright-test/issues/240
|
||||
// is fixed
|
||||
@ -15,32 +17,30 @@ test.describe("Open Help > About", () => {
|
||||
}
|
||||
}
|
||||
|
||||
test.beforeEach(async ({ page }) => {
|
||||
codeServer = new CodeServer(page)
|
||||
await codeServer.setup()
|
||||
})
|
||||
|
||||
test(
|
||||
"should see a 'Help' then 'About' button in the Application Menu that opens a dialog",
|
||||
options,
|
||||
async ({ page }) => {
|
||||
await page.goto(CODE_SERVER_ADDRESS, { waitUntil: "networkidle" })
|
||||
// Make sure the editor actually loaded
|
||||
expect(await page.isVisible("div.monaco-workbench")).toBe(true)
|
||||
// Open using the manu
|
||||
// Click [aria-label="Application Menu"] div[role="none"]
|
||||
await page.click('[aria-label="Application Menu"] div[role="none"]')
|
||||
|
||||
// Click the Application menu
|
||||
await page.click("[aria-label='Application Menu']")
|
||||
// See the Help button
|
||||
const helpButton = "a.action-menu-item span[aria-label='Help']"
|
||||
expect(await page.isVisible(helpButton)).toBe(true)
|
||||
// Click the Help button
|
||||
await page.hover("text=Help")
|
||||
await page.click("text=Help")
|
||||
|
||||
// Hover the helpButton
|
||||
await page.hover(helpButton)
|
||||
// Click the About button
|
||||
await page.hover("text=About")
|
||||
await page.click("text=About")
|
||||
|
||||
// see the About button and click it
|
||||
const aboutButton = "a.action-menu-item span[aria-label='About']"
|
||||
expect(await page.isVisible(aboutButton)).toBe(true)
|
||||
// NOTE: it won't work unless you hover it first
|
||||
await page.hover(aboutButton)
|
||||
await page.click(aboutButton)
|
||||
|
||||
const codeServerText = "text=code-server"
|
||||
expect(await page.isVisible(codeServerText)).toBe(true)
|
||||
// Click div[role="dialog"] >> text=code-server
|
||||
const element = await page.waitForSelector('div[role="dialog"] >> text=code-server')
|
||||
expect(element).not.toBeNull()
|
||||
},
|
||||
)
|
||||
})
|
||||
|
Reference in New Issue
Block a user