1 files changed, 126 insertions, 0 deletions
diff --git a/cypress/e2e/files/files-sidebar.cy.ts b/cypress/e2e/files/files-sidebar.cy.ts
new file mode 100644
index 00000000000..f5c4205c462
--- /dev/null
+++ b/cypress/e2e/files/files-sidebar.cy.ts
@@ -0,0 +1,126 @@
+/**
+ * SPDX-FileCopyrightText: 2024 Nextcloud GmbH and Nextcloud contributors
+ * SPDX-License-Identifier: AGPL-3.0-or-later
+ */
+
+import type { User } from '@nextcloud/cypress'
+import { getRowForFile, navigateToFolder, triggerActionForFile } from './FilesUtils'
+import { assertNotExistOrNotVisible } from '../settings/usersUtils'
+
+describe('Files: Sidebar', { testIsolation: true }, () => {
+	let user: User
+	let fileId: number = 0
+
+	beforeEach(() => cy.createRandomUser().then(($user) => {
+		user = $user
+
+		cy.mkdir(user, '/folder')
+		cy.uploadContent(user, new Blob([]), 'text/plain', '/file').then((response) => {
+			fileId = Number.parseInt(response.headers['oc-fileid'] ?? '0')
+		})
+		cy.login(user)
+	}))
+
+	it('opens the sidebar', () => {
+		cy.visit('/apps/files')
+		getRowForFile('file').should('be.visible')
+
+		triggerActionForFile('file', 'details')
+
+		cy.get('[data-cy-sidebar]')
+			.should('be.visible')
+			.findByRole('heading', { name: 'file' })
+			.should('be.visible')
+	})
+
+	it('changes the current fileid', () => {
+		cy.visit('/apps/files')
+		getRowForFile('file').should('be.visible')
+
+		triggerActionForFile('file', 'details')
+
+		cy.get('[data-cy-sidebar]').should('be.visible')
+		cy.url().should('contain', `apps/files/files/${fileId}`)
+	})
+
+	it('changes the sidebar content on other file', () => {
+		cy.visit('/apps/files')
+		getRowForFile('file').should('be.visible')
+
+		triggerActionForFile('file', 'details')
+
+		cy.get('[data-cy-sidebar]')
+			.should('be.visible')
+			.findByRole('heading', { name: 'file' })
+			.should('be.visible')
+
+		triggerActionForFile('folder', 'details')
+		cy.get('[data-cy-sidebar]')
+			.should('be.visible')
+			.findByRole('heading', { name: 'folder' })
+			.should('be.visible')
+	})
+
+	it('closes the sidebar on navigation', () => {
+		cy.visit('/apps/files')
+
+		getRowForFile('file').should('be.visible')
+		getRowForFile('folder').should('be.visible')
+
+		// open the sidebar
+		triggerActionForFile('file', 'details')
+		// validate it is open
+		cy.get('[data-cy-sidebar]')
+			.should('be.visible')
+
+		// if we navigate to the folder
+		navigateToFolder('folder')
+		// the sidebar should not be visible anymore
+		cy.get('[data-cy-sidebar]')
+			.should(assertNotExistOrNotVisible)
+	})
+
+	it('closes the sidebar on delete', () => {
+		cy.intercept('DELETE', `**/remote.php/dav/files/${user.userId}/file`).as('deleteFile')
+		// visit the files app
+		cy.visit('/apps/files')
+		getRowForFile('file').should('be.visible')
+		// open the sidebar
+		triggerActionForFile('file', 'details')
+		// validate it is open
+		cy.get('[data-cy-sidebar]').should('be.visible')
+		// delete the file
+		triggerActionForFile('file', 'delete')
+		cy.wait('@deleteFile', { timeout: 10000 })
+		// see the sidebar is closed
+		cy.get('[data-cy-sidebar]')
+			.should(assertNotExistOrNotVisible)
+	})
+
+	it('changes the fileid on delete', () => {
+		cy.intercept('DELETE', `**/remote.php/dav/files/${user.userId}/folder/other`).as('deleteFile')
+
+		cy.uploadContent(user, new Blob([]), 'text/plain', '/folder/other').then((response) => {
+			const otherFileId = Number.parseInt(response.headers['oc-fileid'] ?? '0')
+			cy.login(user)
+			cy.visit('/apps/files')
+
+			getRowForFile('folder').should('be.visible')
+			navigateToFolder('folder')
+			getRowForFile('other').should('be.visible')
+
+			// open the sidebar
+			triggerActionForFile('other', 'details')
+			// validate it is open
+			cy.get('[data-cy-sidebar]').should('be.visible')
+			cy.url().should('contain', `apps/files/files/${otherFileId}`)
+
+			triggerActionForFile('other', 'delete')
+			cy.wait('@deleteFile')
+
+			cy.get('[data-cy-sidebar]').should('not.exist')
+			// Ensure the URL is changed
+			cy.url().should('not.contain', `apps/files/files/${otherFileId}`)
+		})
+	})
+})