Merge branch 'main' into 19069-workflow-launching
[arvados-workbench2.git] / cypress / integration / side-panel.spec.js
1 // Copyright (C) The Arvados Authors. All rights reserved.
2 //
3 // SPDX-License-Identifier: AGPL-3.0
4
5 describe('Side panel tests', function() {
6     let activeUser;
7     let adminUser;
8
9     before(function() {
10         // Only set up common users once. These aren't set up as aliases because
11         // aliases are cleaned up after every test. Also it doesn't make sense
12         // to set the same users on beforeEach() over and over again, so we
13         // separate a little from Cypress' 'Best Practices' here.
14         cy.getUser('admin', 'Admin', 'User', true, true)
15             .as('adminUser').then(function() {
16                 adminUser = this.adminUser;
17             }
18         );
19         cy.getUser('user', 'Active', 'User', false, true)
20             .as('activeUser').then(function() {
21                 activeUser = this.activeUser;
22             }
23         );
24     })
25
26     beforeEach(function() {
27         cy.clearCookies()
28         cy.clearLocalStorage()
29     })
30
31     it('enables the +NEW side panel button on users home project', function() {
32         cy.loginAs(activeUser);
33         cy.get('[data-cy=side-panel-button]')
34             .should('exist')
35             .and('not.be.disabled');
36     })
37
38     it('disables or enables the +NEW side panel button depending on project permissions', function() {
39         cy.loginAs(activeUser);
40         [true, false].map(function(isWritable) {
41             cy.createGroup(adminUser.token, {
42                 name: `Test ${isWritable ? 'writable' : 'read-only'} project`,
43                 group_class: 'project',
44             }).as('sharedGroup').then(function() {
45                 cy.createLink(adminUser.token, {
46                     name: isWritable ? 'can_write' : 'can_read',
47                     link_class: 'permission',
48                     head_uuid: this.sharedGroup.uuid,
49                     tail_uuid: activeUser.user.uuid
50                 })
51                 cy.goToPath(`/projects/${this.sharedGroup.uuid}`);
52                 cy.get('[data-cy=side-panel-button]')
53                     .should('exist')
54                     .and(`${isWritable ? 'not.' : ''}be.disabled`);
55             })
56         })
57     })
58
59     it('disables the +NEW side panel button on appropriate sections', function() {
60         cy.loginAs(activeUser);
61         [
62             {url: '/shared-with-me', label: 'Shared with me'},
63             {url: '/public-favorites', label: 'Public Favorites'},
64             {url: '/favorites', label: 'My Favorites'},
65             // {url: '/workflows', label: 'Workflows'},
66             {url: '/all_processes', label: 'All Processes'},
67             {url: '/trash', label: 'Trash'},
68         ].map(function(section) {
69             cy.goToPath(section.url);
70             cy.get('[data-cy=breadcrumb-first]')
71                 .should('contain', section.label);
72             cy.get('[data-cy=side-panel-button]')
73                 .should('exist')
74                 .and('be.disabled');
75         })
76     })
77
78     it('disables the +NEW side panel button when viewing filter group', function() {
79         cy.loginAs(adminUser);
80         cy.createGroup(adminUser.token, {
81             name: `my-favorite-filter-group`,
82             group_class: 'filter',
83             properties: {filters: []},
84         }).as('myFavoriteFilterGroup').then(function (myFavoriteFilterGroup) {
85             cy.goToPath(`/projects/${myFavoriteFilterGroup.uuid}`);
86             cy.get('[data-cy=breadcrumb-last]').should('contain', 'my-favorite-filter-group');
87
88             cy.get('[data-cy=side-panel-button]')
89                     .should('exist')
90                     .and(`be.disabled`);
91         })
92     })
93
94     it('can edit project in side panel', () => {
95         cy.createProject({
96             owningUser: activeUser,
97             targetUser: activeUser,
98             projectName: 'mySharedWritableProject',
99             canWrite: true,
100             addToFavorites: false
101         });
102
103         cy.getAll('@mySharedWritableProject')
104             .then(function ([mySharedWritableProject]) {
105                 cy.loginAs(activeUser);
106
107                 cy.get('[data-cy=side-panel-tree]').contains('Projects').click();
108
109                 const newProjectName = `New project name ${mySharedWritableProject.name}`;
110                 const newProjectDescription = `New project description ${mySharedWritableProject.name}`;
111
112                 cy.testEditProjectOrCollection('[data-cy=side-panel-tree]', mySharedWritableProject.name, newProjectName, newProjectDescription);
113             });
114     });
115
116     it('side panel react to refresh when project data changes', () => {
117         const project = 'writableProject';
118
119         cy.createProject({
120             owningUser: activeUser,
121             targetUser: activeUser,
122             projectName: project,
123             canWrite: true,
124             addToFavorites: false
125         });
126
127         cy.getAll('@writableProject').then(function ([writableProject]) {
128             cy.loginAs(activeUser);
129             cy.get('[data-cy=side-panel-tree]')
130                 .contains('Projects').click();
131             cy.get('[data-cy=side-panel-tree]')
132                 .contains(writableProject.name).should('exist');
133             cy.trashGroup(activeUser.token, writableProject.uuid).then(() => {
134                 cy.contains('Refresh').click();
135                 cy.contains(writableProject.name).should('not.exist');
136             });
137         });
138     });
139 })