test.cy.ts

/* eslint-disable quotes */

// NOTE! This app was rebranded from "Notes app" to "Memories app" during development.
// Some fields and navigation links might still contain the old name.
describe("Memories app", function () {
    let CYPRESS_TEST_EMAIL = Cypress.env("CYPRESS_TEST_EMAIL");
    // if CYPRESS_TEST_EMAIL is undefined, try to get it from environment variables
    if (!CYPRESS_TEST_EMAIL) {
        CYPRESS_TEST_EMAIL = process.env.CYPRESS_TEST_EMAIL;
    }
    // if CYPRESS_TEST_EMAIL is still undefined, throw an error
    if (!CYPRESS_TEST_EMAIL) {
        throw new Error("CYPRESS_TEST_EMAIL environment variable is not set.");
    }

    function registerUser(email: string, name: string, password: string) {
        cy.visit("/register");

        // Wait for the form to load
        cy.get("#email", { timeout: 20000 }).should("be.visible");
        cy.get("#name").should("be.visible");
        cy.get("#password").should("be.visible");
        cy.get("#confirmPassword").should("be.visible");

        // clear the form
        cy.get("#email").clear();
        cy.get("#name").clear();
        cy.get("#password").clear();
        cy.get("#confirmPassword").clear();

        // Fill in the form
        if (email) cy.get("#email").type(email);
        if (name) cy.get("#name").type(name);
        if (password) {
            cy.get("#password").type(password);
            cy.get("#confirmPassword").type(password);
        }

        // Click the register button
        cy.get("#register").click();
    }

    function loginUser(email: string, password: string) {
        // clear the form
        cy.get("#email", { timeout: 10000 }).clear();
        cy.get("#password").clear();

        // Fill in the form
        if (email) cy.get("#email").type(email);
        if (password) cy.get("#password").type(password);

        // Click the login button
        cy.get("#signin").click();
    }

    function logoutUser() {
        cy.get("body").then(($body) => {
            if ($body.find("#dropdownMenu").length > 0) {
                // Open the dropdown menu
                cy.get("#dropdownMenu").click();
                // Wait for the dropdown to open and the logout button to become visible
                cy.get(".logoutButton").should("be.visible");
                // Click the logout button
                cy.get(".logoutButton").click();
                cy.contains("Logged out successfully, see you soon! 👋", { timeout: 6000 }).should(
                    "be.visible"
                );
            }
        });
    }

    beforeEach(function () {
        // check that we are in testing env
        cy.visit("/");
        cy.contains("Using testing environment", { timeout: 6000 }).should("be.visible");
        // logout user
        logoutUser();
        // reset the database
        cy.request("http://localhost:3000/api/testing/reset")
            .its("status")
            .should("eq", 200)
            .clearAllCookies()
            .clearLocalStorage()
            .clearAllSessionStorage()
            .reload();
        // wait for page to fully reload before next test, github cicd is slow
        cy.contains("Using testing environment", { timeout: 6000 }).should("be.visible");
    });

    describe("LandingPage", () => {
        it("front page requires to login/registeration", function () {
            cy.visit("/");
            cy.contains("Create an account to start saving your memories");
            cy.contains("Sign in");
            cy.contains("Create an account");
            cy.get("#addNoteButton").should("not.exist");
        });

        it("you can dismiss the announcement banner", () => {
            cy.get("#dismissBannerButton").click();
            cy.get("#dismissBannerButton").should("not.exist");
        });

        it("you can dismiss the cookies banner", () => {
            cy.get("#cookieAcceptButton").click();
            cy.get("#cookieAcceptButton").should("not.exist");
        });

        describe("RegisterPage", () => {
            beforeEach(() => {
                // Visit the register page before each test
                cy.visit("/register");
            });

            it("it renders", () => {
                cy.get('input[type="email"]');
                cy.get('input[type="text"]');
                cy.get('input[type="password"]');
                cy.get("button").contains("Register");
            });

            it("registeration works", () => {
                registerUser(CYPRESS_TEST_EMAIL, "Test User", "password123");
                cy.contains("Registered successfully!", { timeout: 6000 }).should("be.visible");
                cy.contains("No memories yet");
            });

            it("registeration fails if email is already taken", () => {
                registerUser(CYPRESS_TEST_EMAIL, "Test User", "password123");
                cy.contains("Registered successfully!", { timeout: 6000 }).should("be.visible");
                cy.contains("No memories yet");

                logoutUser();

                cy.contains("Create an account to start saving your memories");
                cy.contains("Sign in");
                cy.contains("Create an account");
                cy.get("#addNoteButton").should("not.exist");
                cy.visit("/register");
                registerUser(CYPRESS_TEST_EMAIL, "Test User", "password123");
                cy.contains("Email is already in use. Please try again.");
            });

            it("registeration fails if email is invalid", () => {
                registerUser("testuser", "Test User", "password123");
                cy.contains("Invalid email address. Please try again.");
            });

            it("registeration fails if password is weak", () => {
                registerUser(CYPRESS_TEST_EMAIL, "Test User", "pass");
                cy.contains("Weak password.");
            });

            it("registeration fails if email, name or password is empty", () => {
                registerUser("", "Test user", "password123");
                cy.contains("Please fill in all the fields.");
                registerUser(CYPRESS_TEST_EMAIL, "", "password123");
                cy.contains("Please fill in all the fields.");
                registerUser(CYPRESS_TEST_EMAIL, "Test user", "");
                cy.contains("Please fill in all the fields.");
            });
        });

        describe("LoginPage", () => {
            beforeEach(() => {
                // create user before each test
                cy.visit("/register");
                registerUser(CYPRESS_TEST_EMAIL, "Test user", "password123");
                cy.contains("Registered successfully!", { timeout: 6000 }).should("be.visible");
                cy.wait(1000);
                cy.contains("No memories yet");

                logoutUser();
                // Visit the login page before each test
                cy.visit("/login");
            });

            it("it renders", () => {
                cy.contains("Sign in to your account");
                cy.get('input[type="email"]');
                cy.get('input[type="password"]');
                cy.get("button").contains("Sign in");
            });

            it("login works", () => {
                loginUser(CYPRESS_TEST_EMAIL, "password123");
                cy.contains("Logged in successfully!", { timeout: 6000 }).should("be.visible");
                cy.contains("No memories yet");
            });

            it("login fails if email is invalid", () => {
                loginUser("testuser", "password123");
                cy.contains("Invalid email address. Please try again.");
            });

            it("login fails if password is weak", () => {
                loginUser(CYPRESS_TEST_EMAIL, "pass");
                cy.contains("Invalid credentials.");
            });

            it("login fails if password is incorrect", () => {
                loginUser(CYPRESS_TEST_EMAIL, "password1234");
                cy.contains("Invalid credentials", { timeout: 6000 }).should("be.visible");
            });

            it("login fails if email or password is empty", () => {
                loginUser("", "password123");
                cy.contains("Invalid email address. Please try again.");
                loginUser(CYPRESS_TEST_EMAIL, "");
                cy.contains("Please fill in all the fields.");
            });

            it("login fails if user does not exist", () => {
                loginUser("notregistered@gmail.com", "password123");
                cy.contains("Invalid credentials", { timeout: 6000 }).should("be.visible");
            });

            it("user can reset password", () => {
                cy.get('input[type="email"]').clear();
                cy.get('input[type="email"]').type(CYPRESS_TEST_EMAIL);
                cy.contains("Reset password").click();
                cy.contains("Password reset email sent.", { timeout: 6000 }).should("be.visible");
            });
        });
    });

    describe("When logged in", () => {
        beforeEach(() => {
            // create user before each test
            registerUser(CYPRESS_TEST_EMAIL, "Test user", "password123");
            cy.wait(1000);
            cy.contains("Registered successfully!", { timeout: 6000 }).should("be.visible");
        });

        // NotePage has list of memories
        describe("NotePage)", () => {
            it("it renders", () => {
                cy.contains("No memories yet");
                cy.get("#addNoteButton").should("be.visible");
            });

            it("user can add a memory", () => {
                cy.get("#addNoteButton").click();

                cy.get("#noteTitle").type("Test memory");
                cy.get("#noteContent").type("Test memory content");
                // has to wait for the search results to load
                cy.wait(1000);
                cy.get(".mapboxgl-ctrl-geocoder--input").type("Tampere").wait(1000).type("{enter}");
                cy.get("#saveNoteButton").click();

                cy.contains("You have 1 memories", { timeout: 10000 });
                cy.contains("Test memory");
                cy.contains("Test memory content");
            });

            describe("when there is a memory", () => {
                beforeEach(() => {
                    cy.get("#addNoteButton").click();

                    cy.get("#noteTitle", { timeout: 10000 }).type("Test memory by test user");
                    cy.get("#noteContent").type("Test memory content");
                    // has to wait for the search results to load
                    cy.wait(1000);
                    cy.get(".mapboxgl-ctrl-geocoder--input")
                        .type("Tampere")
                        .wait(1000)
                        .type("{enter}");
                    cy.get("#saveNoteButton").click();

                    cy.contains("You have 1 memories", { timeout: 10000 });
                    cy.contains("Test memory by test user");
                    cy.contains("Test memory content");
                    // qait for the note card button to be ready, github cicd is slow
                    cy.get('[id^="toNoteButton"]', { timeout: 10000 }).should("be.visible");
                });

                it("you can add another memory", () => {
                    cy.get("#addNoteButton").click();

                    cy.get("#noteTitle").type("Another memory by test user");
                    cy.get("#noteContent").type("Another memory content");
                    // has to wait for the search results to load
                    cy.wait(1000);
                    cy.get(".mapboxgl-ctrl-geocoder--input")
                        .type("Tampere")
                        .wait(1000)
                        .type("{enter}");
                    cy.get("#saveNoteButton").click();

                    cy.contains("You have 2 memories");
                    cy.contains("Another memory by test user");
                    cy.contains("Another memory content");
                });

                it("you can open the memory", () => {
                    cy.get('[id^="toNoteButton"]').should("be.visible").click();
                    cy.contains("Test memory by test user");
                    cy.contains("Test memory content");
                });

                it("you can edit the memory", () => {
                    cy.get('[id^="toNoteButton"]').should("be.visible").click();
                    cy.contains("Edit").click();
                    cy.wait(1000);

                    cy.get("#noteTitle").clear().type("Edited memory by test user");
                    cy.get("#noteContent").clear().type("Edited memory content");
                    cy.get("#editNoteButton").click();

                    cy.visit("/");

                    cy.contains("You have 1 memories", { timeout: 10000 });
                    cy.contains("Edited memory by test user");
                    cy.contains("Edited memory content");
                });

                it("you can delete the memory", () => {
                    cy.get('[id^="toNoteButton"]').should("be.visible").click();
                    cy.contains("Delete").click();
                    // cy.contains("Are you sure you want to delete this memory?");
                    // cy.contains("Yes").click();
                    cy.contains("Memory deleted successfully", { timeout: 6000 }).should(
                        "be.visible"
                    );
                    cy.contains("No memories yet");
                });

                it("memories don't show after user logs out", () => {
                    logoutUser();
                    cy.contains("Create an account to start saving your memories");
                    cy.contains("Sign in");
                    cy.contains("Create an account");
                    cy.get("#addNoteButton").should("not.exist");
                });
            });
        });

        // ProfilePage has user's profile information
        describe("ProfilePage", () => {
            beforeEach(() => {
                cy.visit("/profile");
            });

            it("it renders", () => {
                cy.contains("Profile");
                cy.contains("Test user");
                cy.contains(CYPRESS_TEST_EMAIL);
                cy.get("#defaultLocation").should("not.exist");
                cy.get("#editNameButton").should("be.visible");
                cy.get("#deleteAccountButton").should("be.visible");
            });

            it("user can change their name", () => {
                cy.get("#editNameButton").click();
                cy.get("#name").clear().type("Edited name");
                cy.get("#updateNameButton").click();
                cy.contains("Name updated successfully!", { timeout: 6000 }).should("be.visible");
                cy.contains("Edited name");
            });

            it("user can delete their account", () => {
                cy.get("#deleteAccountButton").click();
                // alert doesn't popup with cypress so we have to click the button
                cy.contains("Account deleted successfully.", { timeout: 6000 }).should(
                    "be.visible"
                );
                cy.contains("Create an account to start saving your memories");
                cy.contains("Sign in");
                cy.contains("Create an account");
                cy.get("#addNoteButton").should("not.exist");
            });
        });

        describe("TimelinePage", () => {
            beforeEach(() => {
                cy.get("#addNoteButton").click();

                cy.get("#noteTitle", { timeout: 10000 }).type("Test memory by test user");
                cy.get("#noteContent").type("Test memory content");
                // has to wait for the search results to load
                cy.wait(1000);
                cy.get(".mapboxgl-ctrl-geocoder--input").type("Tampere").wait(1000).type("{enter}");
                cy.get("#saveNoteButton").click();

                cy.contains("You have 1 memories", { timeout: 10000 });
                cy.contains("Test memory by test user");
                cy.contains("Test memory content");
                // ensure the memory card is fully rendered before navigating, github cicd is slow
                cy.get('[id^="toNoteButton"]', { timeout: 5000 }).should("exist");

                cy.visit("/notes/timeline");
            });

            it("it renders", () => {
                cy.contains("Timeline");
            });

            it("user can see their memories in timeline", () => {
                cy.contains("Test memory by test user");
            });

            it("user can open the memory", () => {
                cy.contains("Test memory by test user").should("be.visible").click();
                cy.contains("Test memory content");
            });
        });

        // SettingsPage has user's settings, like language and default location
        describe("SettingsPage", () => {
            beforeEach(() => {
                cy.visit("/settings");
            });

            it("it renders", () => {
                cy.contains("Settings");
                // has to wait for the search results to load
                cy.wait(1000);
                cy.get(".mapboxgl-ctrl-geocoder--input").should("be.visible");
                cy.get("#saveLocationButton").should("be.visible");
            });

            it("user can change their default location", () => {
                cy.wait(1000);
                cy.get(".mapboxgl-ctrl-geocoder--input").type("Tampere").wait(1000).type("{enter}");
                cy.get("#saveLocationButton").click();
                cy.contains("Default map location updated successfully!", { timeout: 6000 }).should(
                    "be.visible"
                );
            });

            it("user can change their language", () => {
                cy.get("#changeLanguageButton").click();
                cy.contains("button", "Finnish").click();
                cy.contains("Vaihda kieli").should("be.visible");
            });
        });
    });

    describe("Redirected to front page (LandingPage) when not logged in", () => {
        it("NotePage redirects to front page", () => {
            cy.visit("/notes");
            cy.contains("Create an account to start saving your memories");
            cy.contains("Sign in");
            cy.contains("Create an account");
            cy.get("#addNoteButton").should("not.exist");
        });

        it("AddNote page redirects to front page", () => {
            cy.visit("/notes/add");
            cy.contains("Create an account to start saving your memories");
            cy.contains("Sign in");
            cy.contains("Create an account");
            cy.get("#addNoteButton").should("not.exist");
        });

        it("ProfilePage redirects to front page", () => {
            cy.visit("/profile");
            cy.contains("Create an account to start saving your memories");
            cy.contains("Sign in");
            cy.contains("Create an account");
            cy.get("#addNoteButton").should("not.exist");
        });

        it("SettingsPage redirects to front page", () => {
            cy.visit("/settings");
            cy.contains("Create an account to start saving your memories");
            cy.contains("Sign in");
            cy.contains("Create an account");
            cy.get("#addNoteButton").should("not.exist");
        });
    });
});