Merge branch '21128-toolbar-context-menu'
[arvados-workbench2.git] / cypress / integration / create-workflow.spec.js
1 // Copyright (C) The Arvados Authors. All rights reserved.
2 //
3 // SPDX-License-Identifier: AGPL-3.0
4
5 describe('Create workflow tests', function () {
6     let activeUser;
7     let adminUser;
8
9     before(function () {
10         cy.getUser('admin', 'Admin', 'User', true, true)
11             .as('adminUser').then(function () {
12                 adminUser = this.adminUser;
13             }
14             );
15         cy.getUser('collectionuser1', 'Collection', 'User', false, true)
16             .as('activeUser').then(function () {
17                 activeUser = this.activeUser;
18             }
19             );
20     });
21
22     beforeEach(function () {
23         cy.clearCookies();
24         cy.clearLocalStorage();
25     });
26
27     it('can create project with nested data', function () {
28         cy.createGroup(adminUser.token, {
29             group_class: "project",
30             name: `Test project (${Math.floor(Math.random() * 999999)})`,
31         }).as('project1');
32
33         cy.get('@project1').then(() => {
34             cy.createGroup(adminUser.token, {
35                 group_class: "project",
36                 name: `Test project (${Math.floor(Math.random() * 999999)})`,
37                 owner_uuid: this.project1.uuid,
38             }).as('project2');
39         })
40
41         cy.get('@project2').then(() => {
42             cy.createGroup(adminUser.token, {
43                 group_class: "project",
44                 name: `Test project (${Math.floor(Math.random() * 999999)})`,
45                 owner_uuid: this.project2.uuid,
46             }).as('project3');
47         });
48
49         cy.get('@project3').then(() => {
50             cy.createWorkflow(adminUser.token, {
51                 name: `TestWorkflow${Math.floor(Math.random() * 999999)}.cwl`,
52                 definition: "{\n    \"$graph\": [\n        {\n            \"class\": \"Workflow\",\n            \"doc\": \"Reverse the lines in a document, then sort those lines.\",\n            \"hints\": [\n                {\n                    \"acrContainerImage\": \"99b0201f4cade456b4c9d343769a3b70+261\",\n                    \"class\": \"http://arvados.org/cwl#WorkflowRunnerResources\"\n                }\n            ],\n            \"id\": \"#main\",\n            \"inputs\": [\n                {\n                    \"default\": null,\n                    \"doc\": \"The input file to be processed.\",\n                    \"id\": \"#main/input\",\n                    \"type\": \"File\"\n                },\n                {\n                    \"default\": true,\n                    \"doc\": \"If true, reverse (decending) sort\",\n                    \"id\": \"#main/reverse_sort\",\n                    \"type\": \"boolean\"\n                }\n            ],\n            \"outputs\": [\n                {\n                    \"doc\": \"The output with the lines reversed and sorted.\",\n                    \"id\": \"#main/output\",\n                    \"outputSource\": \"#main/sorted/output\",\n                    \"type\": \"File\"\n                }\n            ],\n            \"steps\": [\n                {\n                    \"id\": \"#main/rev\",\n                    \"in\": [\n                        {\n                            \"id\": \"#main/rev/input\",\n                            \"source\": \"#main/input\"\n                        }\n                    ],\n                    \"out\": [\n                        \"#main/rev/output\"\n                    ],\n                    \"run\": \"#revtool.cwl\"\n                },\n                {\n                    \"id\": \"#main/sorted\",\n                    \"in\": [\n                        {\n                            \"id\": \"#main/sorted/input\",\n                            \"source\": \"#main/rev/output\"\n                        },\n                        {\n                            \"id\": \"#main/sorted/reverse\",\n                            \"source\": \"#main/reverse_sort\"\n                        }\n                    ],\n                    \"out\": [\n                        \"#main/sorted/output\"\n                    ],\n                    \"run\": \"#sorttool.cwl\"\n                }\n            ]\n        },\n        {\n            \"baseCommand\": \"rev\",\n            \"class\": \"CommandLineTool\",\n            \"doc\": \"Reverse each line using the `rev` command\",\n            \"hints\": [\n                {\n                    \"class\": \"ResourceRequirement\",\n                    \"ramMin\": 8\n                }\n            ],\n            \"id\": \"#revtool.cwl\",\n            \"inputs\": [\n                {\n                    \"id\": \"#revtool.cwl/input\",\n                    \"inputBinding\": {},\n                    \"type\": \"File\"\n                }\n            ],\n            \"outputs\": [\n                {\n                    \"id\": \"#revtool.cwl/output\",\n                    \"outputBinding\": {\n                        \"glob\": \"output.txt\"\n                    },\n                    \"type\": \"File\"\n                }\n            ],\n            \"stdout\": \"output.txt\"\n        },\n        {\n            \"baseCommand\": \"sort\",\n            \"class\": \"CommandLineTool\",\n            \"doc\": \"Sort lines using the `sort` command\",\n            \"hints\": [\n                {\n                    \"class\": \"ResourceRequirement\",\n                    \"ramMin\": 8\n                }\n            ],\n            \"id\": \"#sorttool.cwl\",\n            \"inputs\": [\n                {\n                    \"id\": \"#sorttool.cwl/reverse\",\n                    \"inputBinding\": {\n                        \"position\": 1,\n                        \"prefix\": \"-r\"\n                    },\n                    \"type\": \"boolean\"\n                },\n                {\n                    \"id\": \"#sorttool.cwl/input\",\n                    \"inputBinding\": {\n                        \"position\": 2\n                    },\n                    \"type\": \"File\"\n                }\n            ],\n            \"outputs\": [\n                {\n                    \"id\": \"#sorttool.cwl/output\",\n                    \"outputBinding\": {\n                        \"glob\": \"output.txt\"\n                    },\n                    \"type\": \"File\"\n                }\n            ],\n            \"stdout\": \"output.txt\"\n        }\n    ],\n    \"cwlVersion\": \"v1.0\"\n}",
53             })
54                 .as('testWorkflow');
55
56             cy.createCollection(adminUser.token, {
57                 name: `Test collection ${Math.floor(Math.random() * 999999)}`,
58                 owner_uuid: this.project3.uuid,
59                 manifest_text: "./subdir 37b51d194a7513e45b56f6524f2d51f2+3 0:3:foo\n. 37b51d194a7513e45b56f6524f2d51f2+3 0:3:baz\n"
60             })
61                 .as('testCollection');
62         });
63
64         cy.get('@testWorkflow').then(() => {
65             cy.loginAs(adminUser);
66
67             cy.get('[data-cy=side-panel-button]').click();
68             cy.get('[data-cy=side-panel-run-process]').click();
69
70             cy.get('.layout-pane')
71                 .contains(this.testWorkflow.name)
72                 .click();
73
74             cy.get('[data-cy=run-process-next-button]').click();
75
76             cy.get('[data-cy=new-process-panel]').contains('Run workflow').should('be.disabled');
77
78             cy.get('[data-cy=new-process-panel]')
79                 .within(() => {
80                     cy.get('[name=name]').type(`Workflow name (${Math.floor(Math.random() * 999999)})`);
81                     cy.contains('input').next().click();
82                 });
83
84             cy.get('[data-cy=choose-a-file-dialog]').as('chooseFileDialog');
85             cy.get('@chooseFileDialog').contains('Home Projects').closest('ul').find('i').click();
86
87             cy.get('@project1').then((project1) => {
88                 cy.get('@chooseFileDialog').find(`[data-id=${project1.uuid}]`).find('i').click();
89             });
90
91             cy.get('@project2').then((project2) => {
92                 cy.get('@chooseFileDialog').find(`[data-id=${project2.uuid}]`).find('i').click();
93             });
94
95             cy.get('@project3').then((project3) => {
96                 cy.get('@chooseFileDialog').find(`[data-id=${project3.uuid}]`).find('i').click();
97             });
98
99             cy.get('@testCollection').then((testCollection) => {
100                 cy.get('@chooseFileDialog').find(`[data-id=${testCollection.uuid}]`).find('i').click();
101             });
102
103             cy.get('@chooseFileDialog').contains('baz').click();
104
105             cy.get('@chooseFileDialog').find('button').contains('Ok').click();
106
107             cy.get('[data-cy=new-process-panel]')
108                 .find('button').contains('Run workflow').should('not.be.disabled');
109         });
110     });
111
112     ['workflow_with_array_fields.yaml', 'workflow_with_default_array_fields.yaml'].forEach((yamlfile) =>
113     it('can select multi files when creating workflow '+yamlfile, () => {
114         cy.createProject({
115             owningUser: activeUser,
116             projectName: 'myProject1',
117             addToFavorites: true
118         });
119
120         cy.createCollection(adminUser.token, {
121             name: `Test collection ${Math.floor(Math.random() * 999999)}`,
122             owner_uuid: activeUser.user.uuid,
123             manifest_text: ". 37b51d194a7513e45b56f6524f2d51f2+3 0:3:bar\n. 37b51d194a7513e45b56f6524f2d51f2+3 0:3:baz\n"
124         })
125             .as('testCollection');
126
127         cy.createCollection(adminUser.token, {
128             name: `Test collection ${Math.floor(Math.random() * 999999)}`,
129             owner_uuid: activeUser.user.uuid,
130             manifest_text: `. 37b51d194a7513e45b56f6524f2d51f2+3 0:3:buz\n`
131         })
132             .as('testCollection2');
133
134         cy.getAll('@myProject1', '@testCollection', '@testCollection2')
135             .then(function ([myProject1, testCollection, testCollection2]) {
136                 cy.readFile('cypress/fixtures/'+yamlfile).then(workflow => {
137                     cy.createWorkflow(adminUser.token, {
138                         name: `TestWorkflow${Math.floor(Math.random() * 999999)}.cwl`,
139                         definition: workflow,
140                         owner_uuid: myProject1.uuid,
141                     })
142                         .as('testWorkflow');
143                 });
144
145                 cy.loginAs(activeUser);
146
147                 cy.get('main').contains(myProject1.name).click();
148
149                 cy.get('[data-cy=side-panel-button]').click();
150
151                 cy.get('#aside-menu-list').contains('Run a workflow').click();
152
153                 cy.get('@testWorkflow')
154                     .then((testWorkflow) => {
155                         cy.get('main').contains(testWorkflow.name).click();
156                         cy.get('[data-cy=run-process-next-button]').click();
157
158                         cy.get('label').contains('foo').parent('div').find('input').click();
159                         cy.get('div[role=dialog]')
160                             .within(() => {
161                                 // must use .then to avoid selecting instead of expanding https://github.com/cypress-io/cypress/issues/5529
162                                 cy.get('p').contains('Home Projects').closest('ul')
163                                     .find('i')
164                                     .then(el => el.click());
165
166                                 cy.get(`[data-id=${testCollection.uuid}]`)
167                                     .find('i').click();
168
169                                 cy.wait(1000);
170                                 cy.contains('bar').closest('[data-action=TOGGLE_ACTIVE]').parent().find('input[type=checkbox]').click();
171                                 cy.contains('baz').closest('[data-action=TOGGLE_ACTIVE]').parent().find('input[type=checkbox]').click();
172
173                                 cy.get('[data-cy=ok-button]').click();
174                             });
175
176                         cy.get('label').contains('bar').parent('div').find('input').click();
177                         cy.get('div[role=dialog]')
178                             .within(() => {
179                                 // must use .then to avoid selecting instead of expanding https://github.com/cypress-io/cypress/issues/5529
180                                 cy.get('p').contains('Home Projects').closest('ul')
181                                     .find('i')
182                                     .then(el => el.click());
183
184                                 cy.get(`[data-id=${testCollection.uuid}]`)
185                                     .find('input[type=checkbox]').click();
186
187                                 cy.get(`[data-id=${testCollection2.uuid}]`)
188                                     .find('input[type=checkbox]').click();
189
190                                 cy.get('[data-cy=ok-button]').click();
191                             });
192                     });
193
194                 cy.get('label').contains('foo').parent('div')
195                     .within(() => {
196                         cy.contains('baz');
197                         cy.contains('bar');
198                     });
199
200                 cy.get('label').contains('bar').parent('div')
201                     .within(() => {
202                         cy.contains(testCollection.name);
203                         cy.contains(testCollection2.name);
204                     });
205             });
206     }));
207
208     it('allows selecting collection subdirectories and reselects existing selections', () => {
209         cy.createProject({
210             owningUser: activeUser,
211             projectName: 'myProject1',
212             addToFavorites: true
213         });
214
215         cy.createCollection(adminUser.token, {
216             name: `Test collection ${Math.floor(Math.random() * 999999)}`,
217             owner_uuid: activeUser.user.uuid,
218             manifest_text: "./subdir/dir1 d41d8cd98f00b204e9800998ecf8427e+0 0:0:\\056\n./subdir/dir2 d41d8cd98f00b204e9800998ecf8427e+0 0:0:\\056\n"
219         })
220             .as('testCollection');
221
222         cy.getAll('@myProject1', '@testCollection')
223             .then(function ([myProject1, testCollection]) {
224                 cy.readFile('cypress/fixtures/workflow_directory_array.yaml').then(workflow => {
225                     cy.createWorkflow(adminUser.token, {
226                         name: `TestWorkflow${Math.floor(Math.random() * 999999)}.cwl`,
227                         definition: workflow,
228                         owner_uuid: myProject1.uuid,
229                     })
230                         .as('testWorkflow');
231                 });
232
233                 cy.loginAs(activeUser);
234
235                 cy.get('main').contains(myProject1.name).click();
236
237                 cy.get('[data-cy=side-panel-button]').click();
238
239                 cy.get('#aside-menu-list').contains('Run a workflow').click();
240
241                 cy.get('@testWorkflow')
242                     .then((testWorkflow) => {
243                         cy.get('main').contains(testWorkflow.name).click();
244                         cy.get('[data-cy=run-process-next-button]').click();
245
246                         cy.get('label').contains('directoryInputName').parent('div').find('input').click();
247                         cy.get('div[role=dialog]')
248                             .within(() => {
249                                 // must use .then to avoid selecting instead of expanding https://github.com/cypress-io/cypress/issues/5529
250                                 cy.get('p').contains('Home Projects').closest('ul')
251                                     .find('i')
252                                     .then(el => el.click());
253
254                                 cy.get(`[data-id=${testCollection.uuid}]`)
255                                     .find('i').click();
256
257                                 cy.get(`[data-id="${testCollection.uuid}/subdir"]`)
258                                     .find('i').click();
259
260                                 cy.contains('dir1').closest('[data-action=TOGGLE_ACTIVE]').parent().find('input[type=checkbox]').click();
261                                 cy.contains('dir2').closest('[data-action=TOGGLE_ACTIVE]').parent().find('input[type=checkbox]').click();
262
263                                 cy.get('[data-cy=ok-button]').click();
264                             });
265
266                         // Verify subdirectories were selected
267                         cy.get('label').contains('directoryInputName').parent('div')
268                             .within(() => {
269                                 cy.contains('dir1');
270                                 cy.contains('dir2');
271                             });
272
273                         // Reopen tree picker and verify subdirectories are preselected
274                         cy.get('label').contains('directoryInputName').parent('div').find('input').click();
275                         cy.waitForDom().get('div[role=dialog]')
276                             .within(() => {
277                                 cy.contains('dir1').closest('[data-action=TOGGLE_ACTIVE]').parent().find('input[type=checkbox]').should('be.checked');
278                                 cy.contains('dir2').closest('[data-action=TOGGLE_ACTIVE]').parent().find('input[type=checkbox]').should('be.checked');
279                             });
280                     });
281
282             });
283     })
284 })