cal.pub0.org/playwright/lib/loginProvider.ts

83 lines
2.1 KiB
TypeScript
Raw Normal View History

/* eslint-disable @typescript-eslint/ban-types */
import { provider, Provider } from "kont";
import { Page, Cookie } from "playwright";
/**
* Context data that Login provder needs.
*/
export type Needs = {};
/**
* Login provider's options.
*/
export type Params = {
user: string;
};
/**
* Context data that Page provider contributes.
*/
export type Contributes = {
page: Page;
};
const cookieCache = new Map<string, Cookie[]>();
/**
* Creates a new context / "incognito tab" and logs in the specified user
*/
export function loginProvider(opts: {
user: string;
/**
* Path to navigate to after login
*/
path?: string;
/**
* Selector to wait for to decide that the navigation is done
*/
waitForSelector?: string;
}): Provider<Needs, Contributes> {
return provider<Needs, Contributes>()
.name("login")
.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.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}`);
}
if (opts.waitForSelector) {
await page.waitForSelector(opts.waitForSelector);
}
return {
page,
context,
};
})
.after(async (ctx) => {
await ctx.page?.close();
await ctx.context?.close();
})
.done();
}