speed up e2e tests by reusing cookies (#976)

pull/978/head
Alex Johansson 2021-10-17 02:11:37 +02:00 committed by GitHub
parent f08a2271fe
commit c146231b31
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 22 additions and 15 deletions

View File

@ -1,8 +1,8 @@
const opts = {
// launch headless on CI, in browser locally
headless: !!process.env.CI || !!process.env.PLAYWRIGHT_HEADLESS,
executablePath: process.env.PLAYWRIGHT_CHROME_EXECUTABLE_PATH,
collectCoverage: !!process.env.PLAYWRIGHT_HEADLESS,
executablePath: process.env.PLAYWRIGHT_CHROME_EXECUTABLE_PATH,
};
console.log("⚙️ Playwright options:", opts);

View File

@ -1,6 +1,6 @@
/* eslint-disable @typescript-eslint/ban-types */
import { provider, Provider } from "kont";
import { Page } from "playwright";
import { Page, Cookie } from "playwright";
/**
* Context data that Login provder needs.
@ -21,6 +21,7 @@ export type Contributes = {
page: Page;
};
const cookieCache = new Map<string, Cookie[]>();
/**
* Creates a new context / "incognito tab" and logs in the specified user
*/
@ -40,20 +41,26 @@ export function loginProvider(opts: {
.before(async () => {
const context = await browser.newContext();
const page = await context.newPage();
const cachedCookies = cookieCache.get(opts.user);
if (cachedCookies) {
await context.addCookies(cachedCookies);
} else {
await page.goto("http://localhost:3000/event-types");
// Click input[name="email"]
await page.click('input[name="email"]');
// Fill input[name="email"]
await page.fill('input[name="email"]', `${opts.user}@example.com`);
// Press Tab
await page.press('input[name="email"]', "Tab");
// Fill input[name="password"]
await page.fill('input[name="password"]', opts.user);
// Press Enter
await page.press('input[name="password"]', "Enter");
await page.goto("http://localhost:3000/event-types");
// Click input[name="email"]
await page.click('input[name="email"]');
// Fill input[name="email"]
await page.fill('input[name="email"]', `${opts.user}@example.com`);
// Press Tab
await page.press('input[name="email"]', "Tab");
// Fill input[name="password"]
await page.fill('input[name="password"]', opts.user);
// Press Enter
await page.press('input[name="password"]', "Enter");
await page.waitForSelector("[data-testid=event-types]");
await page.waitForSelector("[data-testid=event-types]");
const cookies = await context.cookies();
cookieCache.set(opts.user, cookies);
}
if (opts.path) {
await page.goto(`http://localhost:3000${opts.path}`);