nextcloud-server/cypress/e2e/files/files-sidebar.cy.ts

/**
 * 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}`)
		})
	})
})