06117695bc
* Fix close button on forgot password flow The 'x' had escaped out the right of the button for some reason * Add test that actually opens the dialog in question * Actually screenshot the right thing * Unnecessary screenshot
77 lines
2.8 KiB
TypeScript
77 lines
2.8 KiB
TypeScript
/*
|
|
Copyright 2024 The Matrix.org Foundation C.I.C.
|
|
|
|
Licensed under the Apache License, Version 2.0 (the "License");
|
|
you may not use this file except in compliance with the License.
|
|
You may obtain a copy of the License at
|
|
|
|
http://www.apache.org/licenses/LICENSE-2.0
|
|
|
|
Unless required by applicable law or agreed to in writing, software
|
|
distributed under the License is distributed on an "AS IS" BASIS,
|
|
WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
|
|
See the License for the specific language governing permissions and
|
|
limitations under the License.
|
|
*/
|
|
|
|
import { expect, test } from "../../element-web-test";
|
|
import { selectHomeserver } from "../utils";
|
|
|
|
const username = "user1234";
|
|
// this has to be password-like enough to please zxcvbn. Needless to say it's just from pwgen.
|
|
const password = "oETo7MPf0o";
|
|
const email = "user@nowhere.dummy";
|
|
|
|
test.describe("Forgot Password", () => {
|
|
test.use({
|
|
startHomeserverOpts: ({ mailhog }, use) =>
|
|
use({
|
|
template: "email",
|
|
variables: {
|
|
SMTP_HOST: "host.containers.internal",
|
|
SMTP_PORT: mailhog.instance.smtpPort,
|
|
},
|
|
}),
|
|
});
|
|
|
|
test("renders properly", async ({ page, homeserver }) => {
|
|
await page.goto("/");
|
|
|
|
await page.getByRole("link", { name: "Sign in" }).click();
|
|
|
|
// need to select a homeserver at this stage, before entering the forgot password flow
|
|
await selectHomeserver(page, homeserver.config.baseUrl);
|
|
|
|
await page.getByRole("button", { name: "Forgot password?" }).click();
|
|
|
|
await expect(page.getByRole("main")).toMatchScreenshot("forgot-password.png");
|
|
});
|
|
|
|
test("renders email verification dialog properly", async ({ page, homeserver }) => {
|
|
const user = await homeserver.registerUser(username, password);
|
|
|
|
await homeserver.setThreepid(user.userId, "email", email);
|
|
|
|
await page.goto("/");
|
|
|
|
await page.getByRole("link", { name: "Sign in" }).click();
|
|
await selectHomeserver(page, homeserver.config.baseUrl);
|
|
|
|
await page.getByRole("button", { name: "Forgot password?" }).click();
|
|
|
|
await page.getByRole("textbox", { name: "Email address" }).fill(email);
|
|
|
|
await page.getByRole("button", { name: "Send email" }).click();
|
|
|
|
await page.getByRole("button", { name: "Next" }).click();
|
|
|
|
await page.getByRole("textbox", { name: "New Password", exact: true }).fill(password);
|
|
await page.getByRole("textbox", { name: "Confirm new password", exact: true }).fill(password);
|
|
|
|
await page.getByRole("button", { name: "Reset password" }).click();
|
|
|
|
await expect(page.getByRole("button", { name: "Resend" })).toBeInViewport();
|
|
|
|
await expect(page.locator(".mx_Dialog")).toMatchScreenshot("forgot-password-verify-email.png");
|
|
});
|
|
});
|