✨ Add more login integration tests

frontend/playwright/fixtures/login-with-password-error.json

@@ -0,0 +1,4 @@
+{
+ "~:type": "~:validation",
+ "~:code": "~:wrong-credentials"
+}

frontend/playwright/helpers/index.js

@@ -1,7 +1,7 @@
-export const interceptRPC = async (page, path, jsonFilename) => {
+export const interceptRPC = async (page, path, jsonFilename, options = {status: 200}) => {
  await page.route(`**/api/rpc/command/${path}`, (route) => {
  route.fulfill({
- status: 200,
+ ...options,
  contentType: "application/transit+json",
  path: `playwright/fixtures/${jsonFilename}`,
  });

frontend/playwright/login.spec.js

@@ -40,6 +40,15 @@ test("Shows login page when going to index and user is logged out", async ({ pag
  await expect(page.getByText("Log into my account")).toBeVisible();
 });
 
+test("User submit a wrong formated email ", async ({ page }) => {
+ await interceptRPC(page, "get-profile", "get-profile-anonymous.json");
+ await page.goto("/");
+ await page.getByLabel("Email").fill("foo");
+
+ await expect(page).toHaveURL(/auth\/login$/);
+ await expect(page.getByText("Enter a valid email please")).toBeVisible();
+});
+
 test("User logs in by filling the login form", async ({ page }) => {
  setupLoggedOutUser(page);
 
@@ -54,3 +63,18 @@ test("User logs in by filling the login form", async ({ page }) => {
 
  await expect(page).toHaveURL(/dashboard/);
 });
+
+test("User submits wrong credentials", async ({ page }) => {
+ await interceptRPC(page, "get-profile", "get-profile-anonymous.json");
+ await interceptRPC(page, "login-with-password", "login-with-password-error.json", { status: 400 });
+
+ await page.goto("/");
+
+ await page.getByLabel("Email").fill("[email protected]");
+ await page.getByLabel("Password").fill("aaaa");
+
+ await page.getByRole("button", { name: "Login" }).click();
+
+ await expect(page.getByText("Email or password is incorrect")).toBeVisible();
+ await expect(page).toHaveURL(/auth\/login$/);
+});