113 lines
4.0 KiB
TypeScript
113 lines
4.0 KiB
TypeScript
import { expect } from "@playwright/test";
|
|
import { UserPlan } from "@prisma/client";
|
|
|
|
import { login } from "./fixtures/users";
|
|
import { test } from "./lib/fixtures";
|
|
import { localize } from "./lib/testUtils";
|
|
|
|
test.describe.configure({ mode: "parallel" });
|
|
|
|
// a test to logout requires both a succesfull login as logout, to prevent
|
|
// a doubling of tests failing on logout & logout, we can group them.
|
|
test.describe("user can login & logout succesfully", async () => {
|
|
test.afterAll(async ({ users }) => {
|
|
await users.deleteAll();
|
|
});
|
|
test("login flow TRAIL user & logout using dashboard", async ({ page, users }) => {
|
|
// log in trail user
|
|
await test.step("Log in", async () => {
|
|
const user = await users.create({ plan: UserPlan.TRIAL });
|
|
await user.login();
|
|
|
|
const shellLocator = page.locator(`[data-testid=dashboard-shell]`);
|
|
|
|
// expects the home page for an authorized user
|
|
await page.goto("/");
|
|
await expect(shellLocator).toBeVisible();
|
|
|
|
// Asserts to read the tested plan
|
|
const planLocator = shellLocator.locator(`[data-testid=plan-trial]`);
|
|
await expect(planLocator).toBeVisible();
|
|
await expect(planLocator).toHaveText("-TRIAL");
|
|
});
|
|
|
|
//
|
|
await test.step("Log out", async () => {
|
|
const signOutLabel = (await localize("en"))("sign_out");
|
|
const userDropdownDisclose = async () => page.locator("[data-testid=user-dropdown-trigger]").click();
|
|
|
|
// disclose and click the sign out button from the user dropdown
|
|
await userDropdownDisclose();
|
|
const signOutBtn = await page.locator(`text=${signOutLabel}`);
|
|
await signOutBtn.click();
|
|
|
|
// 2s of delay to assure the session is cleared
|
|
await page.waitForURL("/auth/logout");
|
|
|
|
// Reroute to the home page to check if the login form shows up
|
|
await page.goto("/");
|
|
await expect(page.locator(`[data-testid=login-form]`)).toBeVisible();
|
|
});
|
|
});
|
|
});
|
|
|
|
test.describe("Login and logout tests", () => {
|
|
test.afterAll(async ({ users }) => {
|
|
await users.deleteAll();
|
|
});
|
|
|
|
test.afterEach(async ({ users, page }) => {
|
|
await users.logout();
|
|
|
|
// check if we are at the login page
|
|
await page.goto("/");
|
|
await expect(page.locator(`[data-testid=login-form]`)).toBeVisible();
|
|
});
|
|
|
|
// Test login with all plans
|
|
const plans = [UserPlan.PRO, UserPlan.FREE];
|
|
plans.forEach((plan) => {
|
|
test(`Should login with a ${plan} account`, async ({ page, users }) => {
|
|
// Create user and login
|
|
const user = await users.create({ plan });
|
|
await user.login();
|
|
|
|
const shellLocator = page.locator(`[data-testid=dashboard-shell]`);
|
|
|
|
// expects the home page for an authorized user
|
|
await page.goto("/");
|
|
await expect(shellLocator).toBeVisible();
|
|
|
|
// Asserts to read the tested plan
|
|
const planLocator = shellLocator.locator(`[data-testid=plan-${plan.toLowerCase()}]`);
|
|
await expect(planLocator).toBeVisible();
|
|
await expect(planLocator).toHaveText(`-${plan}`);
|
|
});
|
|
});
|
|
|
|
test.describe("Login flow validations", async () => {
|
|
test("Should warn when user does not exist", async ({ page }) => {
|
|
const alertMessage = (await localize("en"))("no_account_exists");
|
|
|
|
// Login with a non-existent user
|
|
const never = "never";
|
|
await login({ username: never }, page);
|
|
|
|
// assert for the visibility of the localized alert message
|
|
await expect(page.locator(`text=${alertMessage}`)).toBeVisible();
|
|
});
|
|
|
|
test("Should warn when password is incorrect", async ({ page, users }) => {
|
|
const alertMessage = (await localize("en"))("incorrect_password");
|
|
// by default password===username with the users fixture
|
|
const pro = await users.create({ username: "pro" });
|
|
|
|
// login with a wrong password
|
|
await login({ username: pro.username, password: "wrong" }, page);
|
|
|
|
// assert for the visibility of the localized alert message
|
|
await expect(page.locator(`text=${alertMessage}`)).toBeVisible();
|
|
});
|
|
});
|
|
});
|