X-Git-Url: https://git.arvados.org/arvados-workbench2.git/blobdiff_plain/e42867f560b3c2f4c09cf6a2c07c964c63714141..7b5bf320c400a44d3e8b0cd962256c0ab9d872bf:/cypress/integration/project.spec.js diff --git a/cypress/integration/project.spec.js b/cypress/integration/project.spec.js index 0017e416..7c3f9f7a 100644 --- a/cypress/integration/project.spec.js +++ b/cypress/integration/project.spec.js @@ -28,7 +28,7 @@ describe('Project tests', function() { cy.clearLocalStorage(); }); - it('creates a new project with 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(); @@ -51,9 +51,26 @@ describe('Project tests', function() { cy.get('input').type('Magenta'); }); cy.root().submit(); + 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.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=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(); @@ -65,7 +82,41 @@ describe('Project tests', function() { .then(function() { expect(this.projects).to.have.lengthOf(1); expect(this.projects[0].properties).to.deep.equal( - {IDTAGCOLORS: 'IDVALCOLORS3'}); + // 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('Animal'); + }); + cy.get('[data-cy=property-field-value]').within(() => { + cy.get('input').type('Dog'); + }); + cy.root().submit(); + }); + cy.get('[data-cy=form-submit-btn]').click(); + // 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'); + }); }); }); @@ -107,6 +158,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)}`, @@ -140,6 +223,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)}`, @@ -228,7 +345,7 @@ describe('Project tests', function() { 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 => { @@ -250,7 +367,7 @@ describe('Project tests', function() { cy.get('main').contains(projectName).rightclick(); - cy.get('[data-cy=context-menu]').contains('Advanced').click(); + cy.get('[data-cy=context-menu]').contains('API Details').click(); cy.get('[role=tablist]').contains('METADATA').click(); @@ -260,4 +377,123 @@ describe('Project tests', function() { }); }); }); -}); \ No newline at end of file + + 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 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=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('[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 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('main').contains(adminProject.name).rightclick(); + + 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]) => { + 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'); + }); + }); + }); + + 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') + .within(() => { + cy.get('[data-cy=name-field]').within(() => { + cy.get('input').type(projectName); + }); + cy.get('[data-cy=form-submit-btn]').click(); + }); + + cy.get('[data-cy=side-panel-tree]').contains('Projects').click(); + cy.get('[data-cy=project-panel]').contains(projectName).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\:\/\/localhost\:[0-9]+\/projects\/[a-z0-9]{5}-[a-z0-9]{5}-[a-z0-9]{15}/,); + }) + )); + + }); +}); +