feat: add test for login page

This commit is contained in:
Joe Previte 2021-01-28 11:48:57 -07:00
parent f0b5a57155
commit c2f1a2dace
No known key found for this signature in database
GPG Key ID: 2C91590C6B742C24
2 changed files with 91 additions and 0 deletions

50
test/goHome.test.ts Normal file
View File

@ -0,0 +1,50 @@
import { chromium, Page, Browser, BrowserContext } from "playwright"
// NOTE: this is hard-coded and passed as an environment variable
// See the test job in ci.yml
const PASSWORD = "e45432jklfdsab"
describe("login", () => {
let browser: Browser
let page: Page
let context: BrowserContext
beforeAll(async () => {
browser = await chromium.launch({ headless: false })
context = await browser.newContext()
})
afterAll(async () => {
await browser.close()
})
beforeEach(async () => {
page = await context.newPage()
})
afterEach(async () => {
await page.close()
// Remove password from local storage
await context.clearCookies()
})
it("should see a 'Go Home' button in the Application Menu that goes to coder.com", async () => {
await page.goto("http://localhost:8080")
// Type in password
await page.fill(".password", PASSWORD)
// Click the submit button and login
await page.click(".submit")
// Click the Applicaiton menu
await page.click(".menubar-menu-button[title='Application Menu']")
// See the Go Home button
const goHomeButton = ".home-bar[aria-label='Home'] li"
expect(await page.isVisible(goHomeButton))
// Hover over element without clicking
await page.hover(goHomeButton)
// Click the top left corner of the element
await page.click(goHomeButton)
// Note: we have to click on <li> in the Go Home button for it to work
// Land on coder.com
// expect(await page.url()).toBe("https://coder.com/")
})
})

41
test/login.test.ts Normal file
View File

@ -0,0 +1,41 @@
import { chromium, Page, Browser, BrowserContext } from "playwright"
// NOTE: this is hard-coded and passed as an environment variable
// See the test job in ci.yml
const PASSWORD = "e45432jklfdsab"
describe("login", () => {
let browser: Browser
let page: Page
let context: BrowserContext
beforeAll(async () => {
browser = await chromium.launch()
context = await browser.newContext()
})
afterAll(async () => {
await browser.close()
})
beforeEach(async () => {
page = await context.newPage()
})
afterEach(async () => {
await page.close()
// Remove password from local storage
await context.clearCookies()
})
it("should be able to login with the password from config.yml", async () => {
await page.goto("http://localhost:8080")
// Type in password
await page.fill(".password", PASSWORD)
// Click the submit button and login
await page.click(".submit")
// See the editor
const codeServerEditor = await page.isVisible(".monaco-workbench")
expect(codeServerEditor).toBeTruthy()
})
})