// Copyright (C) The Arvados Authors. All rights reserved.
//
// SPDX-License-Identifier: AGPL-3.0

describe("Project tests", function () {
    let activeUser;
    let adminUser;

    before(function () {
        // Only set up common users once. These aren't set up as aliases because
        // aliases are cleaned up after every test. Also it doesn't make sense
        // to set the same users on beforeEach() over and over again, so we
        // separate a little from Cypress' 'Best Practices' here.
        cy.getUser("admin", "Admin", "User", true, true)
            .as("adminUser")
            .then(function () {
                adminUser = this.adminUser;
            });
        cy.getUser("user", "Active", "User", false, true)
            .as("activeUser")
            .then(function () {
                activeUser = this.activeUser;
            });
    });

    it("creates a new project with multiple properties", function () {
        const projName = `Test project (${Math.floor(999999 * Math.random())})`;
        cy.loginAs(activeUser);
        cy.get("[data-cy=side-panel-button]").click();
        cy.get("[data-cy=side-panel-new-project]").click();
        cy.get("[data-cy=form-dialog]")
            .should("contain", "New Project")
            .within(() => {
                cy.get("[data-cy=name-field]").within(() => {
                    cy.get("input").type(projName);
                });
            });
        // Key: Color (IDTAGCOLORS) - Value: Magenta (IDVALCOLORS3)
        cy.get("[data-cy=form-dialog]").should("not.contain", "Color: Magenta");
        cy.get("[data-cy=resource-properties-form]").within(() => {
            cy.get("[data-cy=property-field-key]").within(() => {
                cy.get("input").type("Color").blur();
            });
            cy.get("[data-cy=property-field-value]").within(() => {
                cy.get("input").type("Magenta").blur();
            });
            cy.get("[data-cy=property-add-btn]").click();

            cy.get("[data-cy=property-field-value]").within(() => {
                cy.get("input").type("Pink").blur();
            });
            cy.get("[data-cy=property-add-btn]").click();

            cy.get("[data-cy=property-field-value]").within(() => {
                cy.get("input").type("Yellow").blur();
            });
            cy.get("[data-cy=property-add-btn]").click();
        });
        // Confirm proper vocabulary labels are displayed on the UI.
        cy.get("[data-cy=form-dialog]").should("contain", "Color: Magenta");
        cy.get("[data-cy=form-dialog]").should("contain", "Color: Pink");
        cy.get("[data-cy=form-dialog]").should("contain", "Color: Yellow");

        cy.get("[data-cy=resource-properties-form]").within(() => {
            cy.get("[data-cy=property-field-key]").within(() => {
                cy.get("input").focus();
            });
            cy.get("[data-cy=property-field-key]").should("not.contain", "Color");
        });

        // Create project and confirm the properties' real values.
        cy.get("[data-cy=form-submit-btn]").click();
        cy.waitForDom();
        cy.get("[data-cy=form-dialog]").should("not.exist");
        cy.get("[data-cy=breadcrumb-last]").should('exist', { timeout: 10000 });
        cy.get("[data-cy=breadcrumb-last]").should("contain", projName);
        cy.doRequest("GET", "/arvados/v1/groups", null, {
            filters: `[["name", "=", "${projName}"], ["group_class", "=", "project"]]`,
        })
            .its("body.items")
            .as("projects")
            .then(function () {
                expect(this.projects).to.have.lengthOf(1);
                expect(this.projects[0].properties).to.deep.equal(
                    // Pink is not in the test vocab
                    { IDTAGCOLORS: ["IDVALCOLORS3", "Pink", "IDVALCOLORS1"] }
                );
            });

        // Open project edit via breadcrumbs
        cy.get("[data-cy=breadcrumbs]").contains(projName).rightclick();
        cy.get("[data-cy=context-menu]").contains("Edit").click();
        cy.get("[data-cy=form-dialog]").within(() => {
            cy.get("[data-cy=resource-properties-list]").within(() => {
                cy.get("div[role=button]").contains("Color: Magenta");
                cy.get("div[role=button]").contains("Color: Pink");
                cy.get("div[role=button]").contains("Color: Yellow");
            });
        });
        // Add another property
        cy.get("[data-cy=resource-properties-form]").within(() => {
            cy.get("[data-cy=property-field-key]").within(() => {
                cy.get("input").type("Medium").blur();
            });
            cy.get("[data-cy=property-field-value]").within(() => {
                cy.get("input").type("Egg").blur();
            });
            cy.get("[data-cy=property-add-btn]").click();
        });
        cy.get("[data-cy=form-submit-btn]").click();
        cy.waitForDom();
        // Reopen edit via breadcrumbs and verify properties
        cy.get("[data-cy=breadcrumbs]").contains(projName).rightclick();
        cy.get("[data-cy=context-menu]").contains("Edit").click();
        cy.get("[data-cy=form-dialog]").within(() => {
            cy.get("[data-cy=resource-properties-list]").within(() => {
                cy.get("div[role=button]").contains("Color: Magenta");
                cy.get("div[role=button]").contains("Color: Pink");
                cy.get("div[role=button]").contains("Color: Yellow");
                cy.get("div[role=button]").contains("Medium: Egg");
            });
        });
    });

    it("creates a project without and with description", function () {
        const projName = `Test project (${Math.floor(999999 * Math.random())})`;
        cy.loginAs(activeUser);

        // Create project
        cy.get("[data-cy=side-panel-button]").click();
        cy.get("[data-cy=side-panel-new-project]").click();
        cy.get("[data-cy=form-dialog]")
            .should("contain", "New Project")
            .within(() => {
                cy.get("[data-cy=name-field]").within(() => {
                    cy.get("input").type(projName);
                });
            });
        cy.get("[data-cy=form-submit-btn]").click();
        cy.waitForDom();
        cy.get("[data-cy=form-dialog]").should("not.exist");

        const editProjectDescription = (name, type) => {
            cy.get("[data-cy=side-panel-tree]").contains("Home Projects").click();
            cy.waitForDom();
            cy.get("[data-cy=project-panel] tbody").contains(name).rightclick({ force: true });
            cy.get("[data-cy=context-menu]").contains("Edit").click();
            cy.get("[data-cy=form-dialog]").within(() => {
                cy.get("div[contenteditable=true]").click().type(type);
                cy.get("[data-cy=form-submit-btn]").click();
            });
            cy.waitForDom();
        };

        const verifyProjectDescription = (name, description) => {
            cy.doRequest("GET", "/arvados/v1/groups", null, {
                filters: `[["name", "=", "${name}"], ["group_class", "=", "project"]]`,
            })
                .its("body.items")
                .as("projects")
                .then(function () {
                    expect(this.projects).to.have.lengthOf(1);
                    expect(this.projects[0].description).to.equal(description);
                });
        };

        // Edit description
        editProjectDescription(projName, "Test description");

        // Check description is set
        verifyProjectDescription(projName, "<p>Test description</p>");

        // Clear description
        editProjectDescription(projName, "{selectall}{backspace}");

        // Check description is null
        verifyProjectDescription(projName, null);

        // Set description to contain whitespace
        editProjectDescription(projName, "{selectall}{backspace}    x");
        editProjectDescription(projName, "{backspace}");

        // Check description is null
        verifyProjectDescription(projName, null);
    });

    it("creates a project from the context menu in the correct subfolder", function () {
        const parentProjName = `Test project (${Math.floor(999999 * Math.random())})`;
        const childProjName = `Test project (${Math.floor(999999 * Math.random())})`;
        cy.loginAs(activeUser);

        // Create project
        cy.get("[data-cy=side-panel-button]").click();
        cy.get("[data-cy=side-panel-new-project]").click();
        cy.get("[data-cy=form-dialog]")
            .should("contain", "New Project")
            .within(() => {
                cy.get("[data-cy=name-field]").within(() => {
                    cy.get("input").type(parentProjName);
                });
            });
        cy.get("[data-cy=form-submit-btn]").click();
        cy.waitForDom();
        cy.get("[data-cy=form-dialog]").should("not.exist");
        cy.get("button").contains('Home Projects').click();
        cy.waitForDom();

        // Create subproject from context menu
        cy.get("[data-cy=project-panel]").should('exist', { timeout: 10000 });
        cy.get("[data-cy=project-panel]").contains(parentProjName).should('exist').parents('td').rightclick();
        cy.get("[data-cy=context-menu]").contains("New project").click();
        cy.get("[data-cy=form-dialog]")
            .should("contain", "New Project")
            .within(() => {
                cy.get("[data-cy=name-field]").within(() => {
                    cy.get("input").type(childProjName);
                });
            });
        cy.get("[data-cy=form-submit-btn]").click();
        cy.waitForDom();
        cy.get("[data-cy=form-dialog]").should("not.exist");

        // open details panel and check 'owner' field
        cy.get('[data-cy=multiselect-button]').eq(0).trigger('mouseover');
        cy.get('body').contains('View details').should('exist')
        cy.get('[data-cy=multiselect-button]').eq(0).click();
        cy.waitForDom();

        cy.get("[data-cy=details-panel-owner]").contains(parentProjName).should("be.visible")
        cy.get("[data-cy=close-details-btn]").click();
    });


    it("creates new project on home project and then a subproject inside it", function () {
        const createProject = function (name, parentName) {
            cy.get("[data-cy=side-panel-button]").click();
            cy.get("[data-cy=side-panel-new-project]").click();
            cy.get("[data-cy=form-dialog]")
                .should("contain", "New Project")
                .within(() => {
                    cy.get("[data-cy=parent-field]").within(() => {
                        cy.get("input")
                            .invoke("val")
                            .then(val => {
                                expect(val).to.include(parentName);
                            });
                    });
                    cy.get("[data-cy=name-field]").within(() => {
                        cy.get("input").type(name);
                    });
                });
            cy.get("[data-cy=form-submit-btn]").click();
            cy.waitForDom();
        };

        cy.loginAs(activeUser);
        cy.goToPath(`/projects/${activeUser.user.uuid}`);
        cy.get("[data-cy=breadcrumb-first]").should('exist');
        cy.get("[data-cy=breadcrumb-first]").should("contain", "Projects");
        cy.get("[data-cy=breadcrumb-last]").should("not.exist");
        // Create new project
        const projName = `Test project (${Math.floor(999999 * Math.random())})`;
        createProject(projName, "Home project");
        // Confirm that the user was taken to the newly created thing
        cy.get("[data-cy=form-dialog]").should("not.exist");
        cy.get("[data-cy=breadcrumb-first]").should("contain", "Projects");
        cy.waitForDom();
        cy.get("[data-cy=breadcrumb-last]").should('exist', { timeout: 10000 });
        cy.get("[data-cy=breadcrumb-last]").should("contain", projName);
        // Create a subproject
        const subProjName = `Test project (${Math.floor(999999 * Math.random())})`;
        createProject(subProjName, projName);
        cy.get("[data-cy=form-dialog]").should("not.exist");
        cy.get("[data-cy=breadcrumb-first]").should("contain", "Projects");
        cy.waitForDom();
        cy.get("[data-cy=breadcrumb-last]").should('exist', { timeout: 10000 });
        cy.get("[data-cy=breadcrumb-last]").should("contain", subProjName); //here
    });

    it("attempts to use a preexisting name creating a project", function () {
        const name = `Test project ${Math.floor(Math.random() * 999999)}`;
        cy.createGroup(activeUser.token, {
            name: name,
            group_class: "project",
        });
        cy.loginAs(activeUser);
        cy.goToPath(`/projects/${activeUser.user.uuid}`);

        // Attempt to create new collection with a duplicate name
        cy.get("[data-cy=side-panel-button]").click();
        cy.get("[data-cy=side-panel-new-project]").click();
        cy.get("[data-cy=form-dialog]")
            .should("contain", "New Project")
            .within(() => {
                cy.get("[data-cy=name-field]").within(() => {
                    cy.get("input").type(name);
                });
                cy.get("[data-cy=form-submit-btn]").click();
            });
        // Error message should display, allowing editing the name
        cy.get("[data-cy=form-dialog]")
            .should("exist") //here
            .and("contain", "Project with the same name already exists")
            .within(() => {
                cy.get("[data-cy=name-field]").within(() => {
                    cy.get("input").type(" renamed");
                });
                cy.get("[data-cy=form-submit-btn]").click();
                cy.waitForDom();
            });
        cy.get("[data-cy=form-dialog]").should("not.exist");
    });

    it("navigates to the parent project after trashing the one being displayed", function () {
        cy.createGroup(activeUser.token, {
            name: `Test root project ${Math.floor(Math.random() * 999999)}`,
            group_class: "project",
        })
            .as("testRootProject")
            .then(function () {
                cy.createGroup(activeUser.token, {
                    name: `Test subproject ${Math.floor(Math.random() * 999999)}`,
                    group_class: "project",
                    owner_uuid: this.testRootProject.uuid,
                }).as("testSubProject");
            });
        cy.getAll("@testRootProject", "@testSubProject").then(function ([testRootProject, testSubProject]) {
            cy.loginAs(activeUser);

            // Go to subproject and trash it.
            cy.goToPath(`/projects/${testSubProject.uuid}`);
            cy.get("[data-cy=side-panel-tree]").should('exist');
            cy.get("[data-cy=side-panel-tree]").should("contain", testSubProject.name);
            cy.waitForDom();
            cy.get("[data-cy=breadcrumb-last]").should('exist', { timeout: 10000 });
            cy.get("[data-cy=breadcrumb-last]").should("contain", testSubProject.name).rightclick();
            cy.get("[data-cy=context-menu]").contains("Move to trash").click();

            // Confirm that the parent project should be displayed.
            cy.waitForDom();
            cy.get("[data-cy=breadcrumb-last]").should('exist', { timeout: 10000 });
            cy.get("[data-cy=breadcrumb-last]").should("contain", testRootProject.name);
            cy.url().should("contain", `/projects/${testRootProject.uuid}`);
            cy.get("[data-cy=side-panel-tree]").should("not.contain", testSubProject.name);

            // Checks for bugfix #17637.
            cy.get("[data-cy=not-found-content]").should("not.exist");
            cy.get("[data-cy=not-found-page]").should("not.exist");
        });
    });

    it("resets the search box only when navigating out of the current project", function () {
        const fooProjectNameA = `Test foo project ${Math.floor(Math.random() * 999999)}`;
        const fooProjectNameB = `Test foo project ${Math.floor(Math.random() * 999999)}`;
        const barProjectNameA = `Test bar project ${Math.floor(Math.random() * 999999)}`;

        [fooProjectNameA, fooProjectNameB, barProjectNameA].forEach(projName => {
            cy.createGroup(activeUser.token, {
                name: projName,
                group_class: "project",
            });
        });

        cy.loginAs(activeUser);
        cy.get("[data-cy=project-panel]").should("contain", fooProjectNameA).and("contain", fooProjectNameB).and("contain", barProjectNameA);

        cy.get("[data-cy=search-input]").type("foo");
        cy.get("[data-cy=project-panel]").should("contain", fooProjectNameA).and("contain", fooProjectNameB).and("not.contain", barProjectNameA);

        // Click on the table row to select it, search should remain the same.
            cy.get(`p:contains(${fooProjectNameA})`).should('exist').parents('td').click()
            cy.get("[data-cy=search-input] input").should("have.value", "foo");

        // Click to navigate to the project, search should be reset
        cy.get(`p:contains(${fooProjectNameA})`).click();
        cy.get("[data-cy=search-input] input").should("not.have.value", "foo");
    });

    it("navigates to the root project after trashing the parent of the one being displayed", function () {
        cy.createGroup(activeUser.token, {
            name: `Test root project ${Math.floor(Math.random() * 999999)}`,
            group_class: "project",
        })
            .as("testRootProject")
            .then(function () {
                cy.createGroup(activeUser.token, {
                    name: `Test subproject ${Math.floor(Math.random() * 999999)}`,
                    group_class: "project",
                    owner_uuid: this.testRootProject.uuid,
                })
                    .as("testSubProject")
                    .then(function () {
                        cy.createGroup(activeUser.token, {
                            name: `Test sub subproject ${Math.floor(Math.random() * 999999)}`,
                            group_class: "project",
                            owner_uuid: this.testSubProject.uuid,
                        }).as("testSubSubProject");
                    });
            });
        cy.getAll("@testRootProject", "@testSubProject", "@testSubSubProject").then(function ([testRootProject, testSubProject, testSubSubProject]) {
            cy.loginAs(activeUser);

            // Go to innermost project and trash its parent.
            cy.goToPath(`/projects/${testSubSubProject.uuid}`);
            cy.get("[data-cy=side-panel-tree]").should('exist');
            cy.get("[data-cy=side-panel-tree]").should("contain", testSubSubProject.name);
            cy.waitForDom();
            cy.get("[data-cy=breadcrumb-last]").should('exist', { timeout: 10000 });
            cy.get("[data-cy=breadcrumb-last]").should("contain", testSubSubProject.name);
            cy.get("[data-cy=side-panel-tree]").contains(testSubProject.name).rightclick();
            cy.get("[data-cy=context-menu]").contains("Move to trash").click();

            // Confirm that the trashed project's parent should be displayed.
            cy.waitForDom();
            cy.get("[data-cy=breadcrumb-last]").should('exist', { timeout: 10000 });
            cy.get("[data-cy=breadcrumb-last]").should("contain", testRootProject.name);
            cy.url().should("contain", `/projects/${testRootProject.uuid}`);
            cy.get("[data-cy=side-panel-tree]").should("not.contain", testSubProject.name);
            cy.get("[data-cy=side-panel-tree]").should("not.contain", testSubSubProject.name);

            // Checks for bugfix #17637.
            cy.get("[data-cy=not-found-content]").should("not.exist");
            cy.get("[data-cy=not-found-page]").should("not.exist");
        });
    });

    it("clears search input when changing project", () => {
        cy.createGroup(activeUser.token, {
            name: `Test root project ${Math.floor(Math.random() * 999999)}`,
            group_class: "project",
        })
            .as("testProject1")
            .then(testProject1 => {
                cy.shareWith(adminUser.token, activeUser.user.uuid, testProject1.uuid, "can_write");
            });

        cy.getAll("@testProject1").then(function ([testProject1]) {
            cy.loginAs(activeUser);

            cy.get("[data-cy=side-panel-tree]").contains(testProject1.name).click();

            cy.get("[data-cy=search-input] input").type("test123");

            cy.get("[data-cy=side-panel-tree]").contains("Projects").click();
            cy.get("[data-cy=search-input] input").should('exist');
            cy.get("[data-cy=search-input] input").should("not.have.value", "test123");
        });
    });

    it("opens advanced popup for project with username", () => {
        const projectName = `Test project ${Math.floor(Math.random() * 999999)}`;

        cy.createGroup(adminUser.token, {
            name: projectName,
            group_class: "project",
        }).as("mainProject");

        cy.getAll("@mainProject").then(function ([mainProject]) {
            cy.loginAs(adminUser);

            cy.get("[data-cy=side-panel-tree]").contains("Groups").click();

            cy.get("[data-cy=uuid]")
                .eq(0)
                .invoke("text")
                .then(uuid => {
                    cy.createLink(adminUser.token, {
                        name: "can_write",
                        link_class: "permission",
                        head_uuid: mainProject.uuid,
                        tail_uuid: uuid,
                    });

                    cy.createLink(adminUser.token, {
                        name: "can_write",
                        link_class: "permission",
                        head_uuid: mainProject.uuid,
                        tail_uuid: activeUser.user.uuid,
                    });

                    cy.get("[data-cy=side-panel-tree]").contains("Projects").click();

                    cy.get("main").contains(projectName).rightclick();

                    cy.get("[data-cy=context-menu]").contains("API Details").click();

                    cy.get("[role=tablist]").contains("METADATA").click();

                    cy.get("td").contains(uuid).should("exist");

                    cy.get("td").contains(activeUser.user.uuid).should("exist");
                });
        });
    });

    describe("Frozen projects", () => {
        beforeEach(() => {
            cy.createGroup(activeUser.token, {
                name: `Main project ${Math.floor(Math.random() * 999999)}`,
                group_class: "project",
            }).as("mainProject");

            cy.createGroup(adminUser.token, {
                name: `Admin project ${Math.floor(Math.random() * 999999)}`,
                group_class: "project",
            })
                .as("adminProject")
                .then(mainProject => {
                    cy.shareWith(adminUser.token, activeUser.user.uuid, mainProject.uuid, "can_write");
                });

            cy.get("@mainProject").then(mainProject => {
                cy.createGroup(adminUser.token, {
                    name: `Sub project ${Math.floor(Math.random() * 999999)}`,
                    group_class: "project",
                    owner_uuid: mainProject.uuid,
                }).as("subProject");

                cy.createCollection(adminUser.token, {
                    name: `Main collection ${Math.floor(Math.random() * 999999)}`,
                    owner_uuid: mainProject.uuid,
                    manifest_text: "./subdir 37b51d194a7513e45b56f6524f2d51f2+3 0:3:foo\n. 37b51d194a7513e45b56f6524f2d51f2+3 0:3:bar\n",
                }).as("mainCollection");
            });
        });

        it("should be able to freeze own project", () => {
            cy.getAll("@mainProject").then(([mainProject]) => {
                cy.loginAs(activeUser);

                cy.get("[data-cy=project-panel]").contains(mainProject.name).rightclick();

                cy.get("[data-cy=context-menu]").contains("Freeze").click();

                cy.get("[data-cy=project-panel]").contains(mainProject.name).rightclick();

                cy.get("[data-cy=context-menu]").contains("Freeze").should("not.exist");
            });
        });

        it("should not be able to modify items within the frozen project", () => {
            cy.getAll("@mainProject", "@mainCollection").then(([mainProject, mainCollection]) => {
                cy.loginAs(activeUser);

                cy.get("[data-cy=project-panel]").contains(mainProject.name).rightclick();

                cy.get("[data-cy=context-menu]").contains("Freeze").click();

                cy.get("[data-cy=project-panel]").contains(mainProject.name).click();
                cy.get('button').contains('Data').click();

                cy.get('[data-cy=data-table]').should('exist', { timeout: 10000 });

                cy.get("[data-cy=project-panel]").contains(mainCollection.name).rightclick();

                cy.get("[data-cy=context-menu]").contains("Move to trash").should("not.exist");
            });
        });

        it("should be able to freeze not owned project", () => {
            cy.getAll("@adminProject").then(([adminProject]) => {
                cy.loginAs(activeUser);

                cy.get("[data-cy=side-panel-tree]").contains("Shared with me").click();

                cy.get("main").contains(adminProject.name).rightclick();

                cy.get("[data-cy=context-menu]").contains("Freeze").should("not.exist");
            });
        });

        it("should be able to unfreeze project if user is an admin", () => {
            cy.getAll("@adminProject").then(([adminProject]) => {
                cy.loginAs(adminUser);

                cy.get("main").contains(adminProject.name).rightclick();

                cy.get("[data-cy=context-menu]").contains("Freeze").click();

                cy.wait(1000);

                cy.get("main").contains(adminProject.name).rightclick();

                cy.get("[data-cy=context-menu]").contains("Unfreeze").click();

                cy.get("main").contains(adminProject.name).rightclick();

                cy.get("[data-cy=context-menu]").contains("Freeze").should("exist");
            });
        });
    });

    // The following test is enabled on Electron only, as Chromium and Firefox
    // require permissions to access the clipboard.
    it("copies project URL to clipboard", { browser: 'electron' }, () => {
        const projectName = `Test project (${Math.floor(999999 * Math.random())})`;

        cy.loginAs(activeUser);
        cy.get("[data-cy=side-panel-button]").click();
        cy.get("[data-cy=side-panel-new-project]").click();
        cy.get("[data-cy=form-dialog]")
            .should("contain", "New Project")
            .within(() => {
                cy.get("[data-cy=name-field]").within(() => {
                    cy.get("input").type(projectName);
                });
                cy.get("[data-cy=form-submit-btn]").click();
            });
        cy.contains("Project has been successfully created");
        cy.waitForDom();
        cy.get("[data-cy=form-dialog]").should("not.exist");
        cy.get("[data-cy=snackbar]").should("not.exist");
        cy.get("[data-cy=side-panel-tree]").contains("Projects").click();
        cy.waitForDom();
        cy.get("[data-cy=project-panel]").contains(projectName).should("be.visible").rightclick();
        cy.get("[data-cy=context-menu]").contains("Copy link to clipboard").click();
        cy.window({ timeout: 10000 }).then(win =>{
            win.focus();
            win.navigator.clipboard.readText().then(text => {
                expect(text).to.match(/https\:\/\/127\.0\.0\.1\:[0-9]+\/projects\/[a-z0-9]{5}-[a-z0-9]{5}-[a-z0-9]{15}/);
            })}
        );
    });

    it("sorts displayed items correctly", () => {
        cy.loginAs(activeUser);

        cy.get('[data-cy=project-panel] button[aria-label="Select columns"]').click();
        cy.get("div[role=presentation] ul > div[role=button]").contains("Date Created").click();
        cy.get("div[role=presentation] ul > div[role=button]").contains("Trash at").click();
        cy.get("div[role=presentation] ul > div[role=button]").contains("Delete at").click();
        cy.get("div[role=presentation] > div[aria-hidden=true]").click();

        cy.intercept({
            method: "GET",
            url: "**/arvados/v1/groups/*/contents*",
            query: {
                // Ignore the count=exact itemsavailable request
                count: "none"
            },
        }).as("filteredQuery");
        [
            {
                name: "Name",
                asc: "collections.name asc,groups.name asc,workflows.name asc,created_at desc",
                desc: "collections.name desc,groups.name desc,workflows.name desc,created_at desc",
            },
            {
                name: "Last Modified",
                asc: "collections.modified_at asc,groups.modified_at asc,workflows.modified_at asc,created_at desc",
                desc: "collections.modified_at desc,groups.modified_at desc,workflows.modified_at desc,created_at desc",
            },
            {
                name: "Date Created",
                asc: "collections.created_at asc,groups.created_at asc,workflows.created_at asc,created_at desc",
                desc: "collections.created_at desc,groups.created_at desc,workflows.created_at desc,created_at desc",
            },
            {
                name: "Trash at",
                asc: "collections.trash_at asc,groups.trash_at asc,workflows.trash_at asc,created_at desc",
                desc: "collections.trash_at desc,groups.trash_at desc,workflows.trash_at desc,created_at desc",
            },
            {
                name: "Delete at",
                asc: "collections.delete_at asc,groups.delete_at asc,workflows.delete_at asc,created_at desc",
                desc: "collections.delete_at desc,groups.delete_at desc,workflows.delete_at desc,created_at desc",
            },
        ].forEach(test => {
            cy.get("[data-cy=project-panel] table thead th").contains(test.name).click();
            cy.wait("@filteredQuery").then(interception => {
                const searchParams = new URLSearchParams(new URL(interception.request.url).search);
                expect(searchParams.get("order")).to.eq(test.asc);
            });
            cy.get("[data-cy=project-panel] table thead th").contains(test.name).click();
            cy.wait("@filteredQuery").then(interception => {
                const searchParams = new URLSearchParams(new URL(interception.request.url).search);
                expect(searchParams.get("order")).to.eq(test.desc);
            });
        });
    });
});