X-Git-Url: https://git.arvados.org/arvados-workbench2.git/blobdiff_plain/adec01514f703975a19b56b2582f6cfb06f1c79f..3eda00155a3d816c7e65632c7da9896ffb04faae:/cypress/integration/project.spec.js

diff --git a/cypress/integration/project.spec.js b/cypress/integration/project.spec.js
index fd14cc42..74c4cd91 100644
--- a/cypress/integration/project.spec.js
+++ b/cypress/integration/project.spec.js
@@ -2,289 +2,291 @@
 //
 // SPDX-License-Identifier: AGPL-3.0
 
-describe('Project tests', function() {
+describe("Project tests", function () {
     let activeUser;
     let adminUser;
 
-    before(function() {
+    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() {
+        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() {
+            });
+        cy.getUser("user", "Active", "User", false, true)
+            .as("activeUser")
+            .then(function () {
                 activeUser = this.activeUser;
-            }
-        );
+            });
     });
 
-    beforeEach(function() {
+    beforeEach(function () {
         cy.clearCookies();
         cy.clearLocalStorage();
     });
 
-    it('creates a new project with multiple properties', function() {
+    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')
+        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=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');
+        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");
             });
-            cy.get('[data-cy=property-field-value]').within(() => {
-                cy.get('input').type('Magenta');
+            cy.get("[data-cy=property-field-value]").within(() => {
+                cy.get("input").type("Magenta");
             });
             cy.root().submit();
-            cy.get('[data-cy=property-field-value]').within(() => {
-                cy.get('input').type('Pink');
+            cy.get("[data-cy=property-field-value]").within(() => {
+                cy.get("input").type("Pink");
             });
             cy.root().submit();
-            cy.get('[data-cy=property-field-value]').within(() => {
-                cy.get('input').type('Yellow');
+            cy.get("[data-cy=property-field-value]").within(() => {
+                cy.get("input").type("Yellow");
             });
             cy.root().submit();
         });
         // 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=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=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');
+            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.get('[data-cy=breadcrumb-last]').should('contain', projName);
-        cy.doRequest('GET', '/arvados/v1/groups', null, {
+        cy.get("[data-cy=form-submit-btn]").click();
+        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']});
-        });
+            .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');
+        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('Animal');
+        cy.get("[data-cy=resource-properties-form]").within(() => {
+            cy.get("[data-cy=property-field-key]").within(() => {
+                cy.get("input").type("Animal");
             });
-            cy.get('[data-cy=property-field-value]').within(() => {
-                cy.get('input').type('Dog');
+            cy.get("[data-cy=property-field-value]").within(() => {
+                cy.get("input").type("Dog");
             });
             cy.root().submit();
         });
-        cy.get('[data-cy=form-submit-btn]').click();
+        cy.get("[data-cy=form-submit-btn]").click({ force: true });
         // 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('Animal: Dog');
+        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("Animal: Dog");
             });
         });
     });
 
-    it('creates a project without and with description', function() {
+    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')
+        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=name-field]").within(() => {
+                    cy.get("input").type(projName);
                 });
             });
-        cy.get('[data-cy=form-submit-btn]').click();
-        cy.get('[data-cy=form-dialog]').should('not.exist');
+        cy.get("[data-cy=form-submit-btn]").click();
+        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.get('[data-cy=project-panel] tbody tr').contains(name).rightclick();
-            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.get("[data-cy=side-panel-tree]").contains("Home Projects").click();
+            cy.get("[data-cy=project-panel] tbody tr").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();
             });
         };
 
         const verifyProjectDescription = (name, description) => {
-            cy.doRequest('GET', '/arvados/v1/groups', null, {
+            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);
-            });
+                .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');
+        editProjectDescription(projName, "Test description");
 
         // Check description is set
         verifyProjectDescription(projName, "<p>Test description</p>");
 
         // Clear description
-        editProjectDescription(projName, '{selectall}{backspace}');
+        editProjectDescription(projName, "{selectall}{backspace}");
 
         // Check description is null
         verifyProjectDescription(projName, null);
 
         // Set description to contain whitespace
-        editProjectDescription(projName, '{selectall}{backspace}    x');
-        editProjectDescription(projName, '{backspace}');
+        editProjectDescription(projName, "{selectall}{backspace}    x");
+        editProjectDescription(projName, "{backspace}");
 
         // Check description is null
         verifyProjectDescription(projName, null);
-
     });
 
-    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')
+    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=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=name-field]").within(() => {
+                        cy.get("input").type(name);
                     });
                 });
-            cy.get('[data-cy=form-submit-btn]').click();
-        }
+            cy.get("[data-cy=form-submit-btn]").click();
+        };
 
         cy.loginAs(activeUser);
         cy.goToPath(`/projects/${activeUser.user.uuid}`);
-        cy.get('[data-cy=breadcrumb-first]').should('contain', 'Projects');
-        cy.get('[data-cy=breadcrumb-last]').should('not.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');
+        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.get('[data-cy=breadcrumb-last]').should('contain', projName);
+        cy.get("[data-cy=form-dialog]").should("not.exist");
+        cy.get("[data-cy=breadcrumb-first]").should("contain", "Projects");
+        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.get('[data-cy=breadcrumb-last]').should('contain', subProjName);
+        cy.get("[data-cy=form-dialog]").should("not.exist");
+        cy.get("[data-cy=breadcrumb-first]").should("contain", "Projects");
+        cy.get("[data-cy=breadcrumb-last]").should("contain", subProjName);
     });
 
-    it('attempts to use a preexisting name creating a project', function() {
+    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',
+            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')
+        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=name-field]").within(() => {
+                    cy.get("input").type(name);
                 });
-                cy.get('[data-cy=form-submit-btn]').click();
+                cy.get("[data-cy=form-submit-btn]").click();
             });
         // Error message should display, allowing editing the name
-        cy.get('[data-cy=form-dialog]').should('exist')
-            .and('contain', 'Project with the same name already exists')
+        cy.get("[data-cy=form-dialog]")
+            .should("exist")
+            .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=name-field]").within(() => {
+                    cy.get("input").type(" renamed");
                 });
-                cy.get('[data-cy=form-submit-btn]').click();
+                cy.get("[data-cy=form-submit-btn]").click();
             });
-        cy.get('[data-cy=form-dialog]').should('not.exist');
+        cy.get("[data-cy=form-dialog]").should("not.exist");
     });
 
-    it('navigates to the parent project after trashing the one being displayed', function() {
+    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]) {
+            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('contain', testSubProject.name);
-            cy.get('[data-cy=breadcrumb-last]')
-                .should('contain', testSubProject.name)
-                .rightclick();
-            cy.get('[data-cy=context-menu]').contains('Move to trash').click();
+            cy.get("[data-cy=side-panel-tree]").should("contain", testSubProject.name);
+            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.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=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');
+            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() {
+    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)}`;
@@ -292,325 +294,323 @@ describe('Project tests', function() {
         [fooProjectNameA, fooProjectNameB, barProjectNameA].forEach(projName => {
             cy.createGroup(activeUser.token, {
                 name: projName,
-                group_class: 'project',
+                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=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);
+        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})`)
-            .parent().parent().parent().parent().click();
-        cy.get('[data-cy=search-input] input').should('have.value', 'foo');
+        cy.get(`p:contains(${fooProjectNameA})`).parent().parent().parent().parent().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');
+        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() {
+    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() {
+            group_class: "project",
+        })
+            .as("testRootProject")
+            .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');
+                    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.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('contain', testSubSubProject.name);
-            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();
+            cy.get("[data-cy=side-panel-tree]").should("contain", testSubSubProject.name);
+            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.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);
+            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');
+            cy.get("[data-cy=not-found-content]").should("not.exist");
+            cy.get("[data-cy=not-found-page]").should("not.exist");
         });
     });
 
-    it('shows details panel when clicking on the info icon', () => {
+    it("shows details panel when clicking on the info icon", () => {
         cy.createGroup(activeUser.token, {
             name: `Test root project ${Math.floor(Math.random() * 999999)}`,
-            group_class: 'project',
-        }).as('testRootProject').then(function(testRootProject) {
-            cy.loginAs(activeUser);
+            group_class: "project",
+        })
+            .as("testRootProject")
+            .then(function (testRootProject) {
+                cy.loginAs(activeUser);
 
-            cy.get('[data-cy=side-panel-tree]').contains(testRootProject.name).click();
+                cy.get("[data-cy=side-panel-tree]").contains(testRootProject.name).click();
 
-            cy.get('[data-cy=additional-info-icon]').click();
+                cy.get("[data-cy=additional-info-icon]").click();
 
-            cy.contains(testRootProject.uuid).should('exist');
-        });
+                cy.contains(testRootProject.uuid).should("exist");
+            });
     });
 
-    it('clears search input when changing project', () => {
+    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');
-        });
+            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.getAll("@testProject1").then(function ([testProject1]) {
             cy.loginAs(activeUser);
 
-            cy.get('[data-cy=side-panel-tree]').contains(testProject1.name).click();
+            cy.get("[data-cy=side-panel-tree]").contains(testProject1.name).click();
 
-            cy.get('[data-cy=search-input] input').type('test123');
+            cy.get("[data-cy=search-input] input").type("test123");
 
-            cy.get('[data-cy=side-panel-tree]').contains('Projects').click();
+            cy.get("[data-cy=side-panel-tree]").contains("Projects").click();
 
-            cy.get('[data-cy=search-input] input').should('not.have.value', 'test123');
+            cy.get("[data-cy=search-input] input").should("not.have.value", "test123");
         });
     });
 
-    it('opens advanced popup for project with username', () => {
+    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')
+            group_class: "project",
+        }).as("mainProject");
 
-        cy.getAll('@mainProject')
-            .then(function ([mainProject]) {
-                cy.loginAs(adminUser);
+        cy.getAll("@mainProject").then(function ([mainProject]) {
+            cy.loginAs(adminUser);
 
-                cy.get('[data-cy=side-panel-tree]').contains('Groups').click();
+            cy.get("[data-cy=side-panel-tree]").contains("Groups").click();
 
-                cy.get('[data-cy=uuid]').eq(0).invoke('text').then(uuid => {
+            cy.get("[data-cy=uuid]")
+                .eq(0)
+                .invoke("text")
+                .then(uuid => {
                     cy.createLink(adminUser.token, {
-                        name: 'can_write',
-                        link_class: 'permission',
+                        name: "can_write",
+                        link_class: "permission",
                         head_uuid: mainProject.uuid,
-                        tail_uuid: uuid
+                        tail_uuid: uuid,
                     });
 
                     cy.createLink(adminUser.token, {
-                        name: 'can_write',
-                        link_class: 'permission',
+                        name: "can_write",
+                        link_class: "permission",
                         head_uuid: mainProject.uuid,
-                        tail_uuid: activeUser.user.uuid
+                        tail_uuid: activeUser.user.uuid,
                     });
 
-                    cy.get('[data-cy=side-panel-tree]').contains('Projects').click();
+                    cy.get("[data-cy=side-panel-tree]").contains("Projects").click();
 
-                    cy.get('main').contains(projectName).rightclick();
+                    cy.get("main").contains(projectName).rightclick();
 
-                    cy.get('[data-cy=context-menu]').contains('API Details').click();
+                    cy.get("[data-cy=context-menu]").contains("API Details").click();
 
-                    cy.get('[role=tablist]').contains('METADATA').click();
+                    cy.get("[role=tablist]").contains("METADATA").click();
 
-                    cy.get('td').contains(uuid).should('exist');
+                    cy.get("td").contains(uuid).should("exist");
 
-                    cy.get('td').contains(activeUser.user.uuid).should('exist');
+                    cy.get("td").contains(activeUser.user.uuid).should("exist");
                 });
         });
     });
 
-    describe('Frozen projects', () => {
+    describe("Frozen projects", () => {
         beforeEach(() => {
             cy.createGroup(activeUser.token, {
                 name: `Main project ${Math.floor(Math.random() * 999999)}`,
-                group_class: 'project',
-            }).as('mainProject');
+                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');
-            });
+                group_class: "project",
+            })
+                .as("adminProject")
+                .then(mainProject => {
+                    cy.shareWith(adminUser.token, activeUser.user.uuid, mainProject.uuid, "can_write");
+                });
 
-            cy.get('@mainProject').then((mainProject) => {
+            cy.get("@mainProject").then(mainProject => {
                 cy.createGroup(adminUser.token, {
-                    name : `Sub project ${Math.floor(Math.random() * 999999)}`,
-                    group_class: 'project',
+                    name: `Sub project ${Math.floor(Math.random() * 999999)}`,
+                    group_class: "project",
                     owner_uuid: mainProject.uuid,
-                }).as('subProject');
+                }).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');
+                    manifest_text: "./subdir 37b51d194a7513e45b56f6524f2d51f2+3 0:3:foo\n. 37b51d194a7513e45b56f6524f2d51f2+3 0:3:bar\n",
+                }).as("mainCollection");
             });
         });
 
-        it('should be able to froze own project', () => {
-            cy.getAll('@mainProject').then(([mainProject]) => {
+        it("should be able to froze own project", () => {
+            cy.getAll("@mainProject").then(([mainProject]) => {
                 cy.loginAs(activeUser);
 
-                cy.get('[data-cy=project-panel]').contains(mainProject.name).rightclick();
+                cy.get("[data-cy=project-panel]").contains(mainProject.name).rightclick();
 
-                cy.get('[data-cy=context-menu]').contains('Freeze').click();
+                cy.get("[data-cy=context-menu]").contains("Freeze").click();
 
-                cy.get('[data-cy=project-panel]').contains(mainProject.name).rightclick();
+                cy.get("[data-cy=project-panel]").contains(mainProject.name).rightclick();
 
-                cy.get('[data-cy=context-menu]').contains('Freeze').should('not.exist');
+                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]) => {
+        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=project-panel]").contains(mainProject.name).rightclick();
 
-                cy.get('[data-cy=context-menu]').contains('Freeze').click();
+                cy.get("[data-cy=context-menu]").contains("Freeze").click();
 
-                cy.get('[data-cy=project-panel]').contains(mainProject.name).click();
+                cy.get("[data-cy=project-panel]").contains(mainProject.name).click();
 
-                cy.get('[data-cy=project-panel]').contains(mainCollection.name).rightclick();
+                cy.get("[data-cy=project-panel]").contains(mainCollection.name).rightclick();
 
-                cy.get('[data-cy=context-menu]').contains('Move to trash').should('not.exist');
+                cy.get("[data-cy=context-menu]").contains("Move to trash").should("not.exist");
             });
         });
 
-        it('should be able to froze not owned project', () => {
-            cy.getAll('@adminProject').then(([adminProject]) => {
+        it("should be able to froze 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("[data-cy=side-panel-tree]").contains("Shared with me").click();
 
-                cy.get('main').contains(adminProject.name).rightclick();
+                cy.get("main").contains(adminProject.name).rightclick();
 
-                cy.get('[data-cy=context-menu]').contains('Freeze').should('not.exist');
+                cy.get("[data-cy=context-menu]").contains("Freeze").should("not.exist");
             });
         });
 
-        it('should be able to unfroze project if user is an admin', () => {
-            cy.getAll('@adminProject').then(([adminProject]) => {
+        it("should be able to unfroze project if user is an admin", () => {
+            cy.getAll("@adminProject").then(([adminProject]) => {
                 cy.loginAs(adminUser);
 
-                cy.get('main').contains(adminProject.name).rightclick();
+                cy.get("main").contains(adminProject.name).rightclick();
 
-                cy.get('[data-cy=context-menu]').contains('Freeze').click();
+                cy.get("[data-cy=context-menu]").contains("Freeze").click();
 
                 cy.wait(1000);
 
-                cy.get('main').contains(adminProject.name).rightclick();
+                cy.get("main").contains(adminProject.name).rightclick();
 
-                cy.get('[data-cy=context-menu]').contains('Unfreeze').click();
+                cy.get("[data-cy=context-menu]").contains("Unfreeze").click();
 
-                cy.get('main').contains(adminProject.name).rightclick();
+                cy.get("main").contains(adminProject.name).rightclick();
 
-                cy.get('[data-cy=context-menu]').contains('Freeze').should('exist');
+                cy.get("[data-cy=context-menu]").contains("Freeze").should("exist");
             });
         });
     });
 
-    it('copies project URL to clipboard', () => {
+    it("copies project URL to clipboard", () => {
         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')
+        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=name-field]").within(() => {
+                    cy.get("input").type(projectName);
                 });
-                cy.get('[data-cy=form-submit-btn]').click();
+                cy.get("[data-cy=form-submit-btn]").click();
             });
-        cy.get('[data-cy=form-dialog]').should("not.exist");
-        cy.get('[data-cy=snackbar]').contains('created');
-        cy.get('[data-cy=snackbar]').should("not.exist");
-        cy.get('[data-cy=side-panel-tree]').contains('Projects').click();
+        cy.get("[data-cy=form-dialog]").should("not.exist");
+        cy.get("[data-cy=snackbar]").contains("created");
+        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 to clipboard').click();
-        cy.window().then((win) => (
-            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}/,);
+        cy.get("[data-cy=project-panel]").contains(projectName).should("be.visible").rightclick();
+        cy.get("[data-cy=context-menu]").contains("Copy to clipboard").click();
+        cy.window().then(win =>
+            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', () => {
+    it("sorts displayed items correctly", () => {
         cy.loginAs(activeUser);
 
         cy.get('[data-cy=project-panel] button[title="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.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*'}).as('filteredQuery');
+        cy.intercept({ method: "GET", url: "**/arvados/v1/groups/*/contents*" }).as("filteredQuery");
         [
             {
                 name: "Name",
                 asc: "collections.name asc,container_requests.name asc,groups.name asc",
-                desc: "collections.name desc,container_requests.name desc,groups.name desc"
+                desc: "collections.name desc,container_requests.name desc,groups.name desc",
             },
             {
                 name: "Last Modified",
                 asc: "collections.modified_at asc,container_requests.modified_at asc,groups.modified_at asc",
-                desc: "collections.modified_at desc,container_requests.modified_at desc,groups.modified_at desc"
+                desc: "collections.modified_at desc,container_requests.modified_at desc,groups.modified_at desc",
             },
             {
                 name: "Date Created",
                 asc: "collections.created_at asc,container_requests.created_at asc,groups.created_at asc",
-                desc: "collections.created_at desc,container_requests.created_at desc,groups.created_at desc"
-
+                desc: "collections.created_at desc,container_requests.created_at desc,groups.created_at desc",
             },
             {
                 name: "Trash at",
                 asc: "collections.trash_at asc,container_requests.trash_at asc,groups.trash_at asc",
-                desc: "collections.trash_at desc,container_requests.trash_at desc,groups.trash_at desc"
-
+                desc: "collections.trash_at desc,container_requests.trash_at desc,groups.trash_at desc",
             },
             {
                 name: "Delete at",
                 asc: "collections.delete_at asc,container_requests.delete_at asc,groups.delete_at asc",
-                desc: "collections.delete_at desc,container_requests.delete_at desc,groups.delete_at desc"
-
+                desc: "collections.delete_at desc,container_requests.delete_at desc,groups.delete_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);
+        ].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);
+            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);
             });
         });
-
     });
 });