X-Git-Url: https://git.arvados.org/arvados-workbench2.git/blobdiff_plain/b04ed9ad5145bf8335cc5749b3d2f0ac166ef60f..3c748f454260f64981bed70c8972a64f5429779d:/cypress/integration/project.spec.js diff --git a/cypress/integration/project.spec.js b/cypress/integration/project.spec.js index 93e4257b..68a90133 100644 --- a/cypress/integration/project.spec.js +++ b/cypress/integration/project.spec.js @@ -120,6 +120,66 @@ describe('Project tests', 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') + .within(() => { + cy.get('[data-cy=name-field]').within(() => { + cy.get('input').type(projName); + }); + }); + cy.get('[data-cy=form-submit-btn]').click(); + + 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(); + }); + }; + + 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, "

Test description

"); + + // 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 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(); @@ -158,6 +218,38 @@ describe('Project tests', function() { cy.get('[data-cy=breadcrumb-last]').should('contain', subProjName); }); + 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') + .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.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)}`, @@ -191,6 +283,40 @@ describe('Project tests', 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)}`; + + [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})`) + .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'); + }); + 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)}`, @@ -313,12 +439,12 @@ describe('Project tests', function() { }); describe('Frozen projects', () => { - beforeEach(() => { + 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', @@ -337,7 +463,7 @@ describe('Project tests', function() { 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'); + }).as('mainCollection'); }); }); @@ -398,7 +524,7 @@ describe('Project tests', function() { 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'); }); }); @@ -418,9 +544,9 @@ describe('Project tests', function() { }); cy.get('[data-cy=form-submit-btn]').click(); }); - + cy.get('[data-cy=form-dialog]').should("not.exist"); cy.get('[data-cy=side-panel-tree]').contains('Projects').click(); - cy.get('[data-cy=project-panel]').contains(projectName).rightclick(); + 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) => { @@ -429,5 +555,58 @@ describe('Project tests', function() { )); }); -}); + 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.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" + }, + { + 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" + }, + { + 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" + + }, + { + 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" + + }, + { + 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" + + }, + ].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); + }); + }); + + }); +});