122 lines
3.8 KiB
TypeScript
122 lines
3.8 KiB
TypeScript
import { expect, test } from "@playwright/test"
|
|
import { findLastEmail } from "./utils/mailcatcher"
|
|
import { randomEmail, randomPassword } from "./utils/random"
|
|
import { logInUser, signUpNewUser } from "./utils/user"
|
|
|
|
test.use({ storageState: { cookies: [], origins: [] } })
|
|
|
|
test("Password Recovery title is visible", async ({ page }) => {
|
|
await page.goto("/recover-password")
|
|
|
|
await expect(
|
|
page.getByRole("heading", { name: "Password Recovery" }),
|
|
).toBeVisible()
|
|
})
|
|
|
|
test("Input is visible, empty and editable", async ({ page }) => {
|
|
await page.goto("/recover-password")
|
|
|
|
await expect(page.getByPlaceholder("Email")).toBeVisible()
|
|
await expect(page.getByPlaceholder("Email")).toHaveText("")
|
|
await expect(page.getByPlaceholder("Email")).toBeEditable()
|
|
})
|
|
|
|
test("Continue button is visible", async ({ page }) => {
|
|
await page.goto("/recover-password")
|
|
|
|
await expect(page.getByRole("button", { name: "Continue" })).toBeVisible()
|
|
})
|
|
|
|
test("User can reset password successfully using the link", async ({
|
|
page,
|
|
request,
|
|
}) => {
|
|
const fullName = "Test User"
|
|
const email = randomEmail()
|
|
const password = randomPassword()
|
|
const newPassword = randomPassword()
|
|
|
|
// Sign up a new user
|
|
await signUpNewUser(page, fullName, email, password)
|
|
|
|
await page.goto("/recover-password")
|
|
await page.getByPlaceholder("Email").fill(email)
|
|
|
|
await page.getByRole("button", { name: "Continue" }).click()
|
|
|
|
const emailData = await findLastEmail({
|
|
request,
|
|
filter: (e) => e.recipients.includes(`<${email}>`),
|
|
timeout: 5000,
|
|
})
|
|
|
|
await page.goto(`http://localhost:1080/messages/${emailData.id}.html`)
|
|
|
|
const selector = 'a[href*="/reset-password?token="]'
|
|
|
|
let url = await page.getAttribute(selector, "href")
|
|
|
|
// TODO: update var instead of doing a replace
|
|
url = url!.replace("http://localhost/", "http://localhost:5173/")
|
|
|
|
// Set the new password and confirm it
|
|
await page.goto(url)
|
|
|
|
await page.getByLabel("Set Password").fill(newPassword)
|
|
await page.getByLabel("Confirm Password").fill(newPassword)
|
|
await page.getByRole("button", { name: "Reset Password" }).click()
|
|
await expect(page.getByText("Password updated successfully")).toBeVisible()
|
|
|
|
// Check if the user is able to login with the new password
|
|
await logInUser(page, email, newPassword)
|
|
})
|
|
|
|
test("Expired or invalid reset link", async ({ page }) => {
|
|
const password = randomPassword()
|
|
const invalidUrl = "/reset-password?token=invalidtoken"
|
|
|
|
await page.goto(invalidUrl)
|
|
|
|
await page.getByLabel("Set Password").fill(password)
|
|
await page.getByLabel("Confirm Password").fill(password)
|
|
await page.getByRole("button", { name: "Reset Password" }).click()
|
|
|
|
await expect(page.getByText("Invalid token")).toBeVisible()
|
|
})
|
|
|
|
test("Weak new password validation", async ({ page, request }) => {
|
|
const fullName = "Test User"
|
|
const email = randomEmail()
|
|
const password = randomPassword()
|
|
const weakPassword = "123"
|
|
|
|
// Sign up a new user
|
|
await signUpNewUser(page, fullName, email, password)
|
|
|
|
await page.goto("/recover-password")
|
|
await page.getByPlaceholder("Email").fill(email)
|
|
await page.getByRole("button", { name: "Continue" }).click()
|
|
|
|
const emailData = await findLastEmail({
|
|
request,
|
|
filter: (e) => e.recipients.includes(`<${email}>`),
|
|
timeout: 5000,
|
|
})
|
|
|
|
await page.goto(`http://localhost:1080/messages/${emailData.id}.html`)
|
|
|
|
const selector = 'a[href*="/reset-password?token="]'
|
|
let url = await page.getAttribute(selector, "href")
|
|
url = url!.replace("http://localhost/", "http://localhost:5173/")
|
|
|
|
// Set a weak new password
|
|
await page.goto(url)
|
|
await page.getByLabel("Set Password").fill(weakPassword)
|
|
await page.getByLabel("Confirm Password").fill(weakPassword)
|
|
await page.getByRole("button", { name: "Reset Password" }).click()
|
|
|
|
await expect(
|
|
page.getByText("Password must be at least 8 characters"),
|
|
).toBeVisible()
|
|
})
|