aboutsummaryrefslogtreecommitdiffstats
path: root/cypress/e2e/files/new-menu.cy.ts
blob: dfe586fa073b6f2ce109e5d5759deec23faf4bb4 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
/**
 * SPDX-FileCopyrightText: 2024 Nextcloud GmbH and Nextcloud contributors
 * SPDX-License-Identifier: AGPL-3.0-or-later
 */

import { createFolder, getRowForFile, haveValidity, navigateToFolder } from './FilesUtils'

describe('"New"-menu', { testIsolation: true }, () => {

	beforeEach(() => {
		cy.createRandomUser().then(($user) => {
			cy.login($user)
			cy.visit('/apps/files')
		})
	})

	it('Create new folder', () => {
		// Click the "new" button
		cy.get('[data-cy-upload-picker]')
			.findByRole('button', { name: 'New' })
			.should('be.visible')
			.click()
		// Click the "new folder" menu entry
		cy.findByRole('menuitem', { name: 'New folder' })
			.should('be.visible')
			.click()
		// Create a folder
		cy.intercept('MKCOL', '**/remote.php/dav/files/**').as('mkdir')
		cy.findByRole('dialog', { name: /create new folder/i })
			.findByRole('textbox', { name: 'Folder name' })
			.type('A new folder{enter}')
		cy.wait('@mkdir')
		// See the folder is visible
		getRowForFile('A new folder')
			.should('be.visible')
	})

	it('Does not allow creating forbidden folder names', () => {
		// Click the "new" button
		cy.get('[data-cy-upload-picker]')
			.findByRole('button', { name: 'New' })
			.should('be.visible')
			.click()
		// Click the "new folder" menu entry
		cy.findByRole('menuitem', { name: 'New folder' })
			.should('be.visible')
			.click()
		// enter folder name
		cy.findByRole('dialog', { name: /create new folder/i })
			.findByRole('textbox', { name: 'Folder name' })
			.type('.htaccess')
		// See that input has invalid state set
		cy.findByRole('dialog', { name: /create new folder/i })
			.findByRole('textbox', { name: 'Folder name' })
			.should(haveValidity(/reserved name/i))
		// See that it can not create
		cy.findByRole('dialog', { name: /create new folder/i })
			.findByRole('button', { name: 'Create' })
			.should('be.disabled')
	})

	it('Does not allow creating folders with already existing names', () => {
		createFolder('already exists')
		// Click the "new" button
		cy.get('[data-cy-upload-picker]')
			.findByRole('button', { name: 'New' })
			.should('be.visible')
			.click()
		// Click the "new folder" menu entry
		cy.findByRole('menuitem', { name: 'New folder' })
			.should('be.visible')
			.click()
		// enter folder name
		cy.findByRole('dialog', { name: /create new folder/i })
			.findByRole('textbox', { name: 'Folder name' })
			.type('already exists')
		// See that input has invalid state set
		cy.findByRole('dialog', { name: /create new folder/i })
			.findByRole('textbox', { name: 'Folder name' })
			.should(haveValidity(/already in use/i))
		// See that it can not create
		cy.findByRole('dialog', { name: /create new folder/i })
			.findByRole('button', { name: 'Create' })
			.should('be.disabled')
	})

	/**
	 * Regression test of https://github.com/nextcloud/server/issues/47530
	 */
	it('Create same folder in child folder', () => {
		// setup other folders
		createFolder('folder')
		createFolder('other folder')
		navigateToFolder('folder')

		// Click the "new" button
		cy.get('[data-cy-upload-picker]')
			.findByRole('button', { name: 'New' })
			.should('be.visible')
			.click()
		// Click the "new folder" menu entry
		cy.findByRole('menuitem', { name: 'New folder' })
			.should('be.visible')
			.click()
		// enter folder name
		cy.findByRole('dialog', { name: /create new folder/i })
			.findByRole('textbox', { name: 'Folder name' })
			.type('other folder')
		// See that creating is allowed
		cy.findByRole('dialog', { name: /create new folder/i })
			.findByRole('textbox', { name: 'Folder name' })
			.should(haveValidity(''))
		// can create
		cy.intercept('MKCOL', '**/remote.php/dav/files/**').as('mkdir')
		cy.findByRole('dialog', { name: /create new folder/i })
			.findByRole('button', { name: 'Create' })
			.click()
		cy.wait('@mkdir')
		// see it is created
		getRowForFile('other folder')
			.should('be.visible')
	})
})