nextcloud-server/cypress/e2e/files/files-settings.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 } from './FilesUtils'

const showHiddenFiles = () => {
	// Open the files settings
	cy.get('[data-cy-files-navigation-settings-button] a').click({ force: true })
	// Toggle the hidden files setting
	cy.get('[data-cy-files-settings-setting="show_hidden"]').within(() => {
		cy.get('input').should('not.be.checked')
		cy.get('input').check({ force: true })
	})
	// Close the dialog
	cy.get('[data-cy-files-navigation-settings] button[aria-label="Close"]').click()
}

describe('files: Hide or show hidden files', { testIsolation: true }, () => {
	let user: User

	const setupFiles = () => cy.createRandomUser().then(($user) => {
		user = $user

		cy.uploadContent(user, new Blob([]), 'text/plain', '/.file')
		cy.uploadContent(user, new Blob([]), 'text/plain', '/visible-file')
		cy.mkdir(user, '/.folder')
		cy.login(user)
	})

	context('view: All files', { testIsolation: false }, () => {
		before(setupFiles)

		it('hides dot-files by default', () => {
			cy.visit('/apps/files')

			getRowForFile('visible-file').should('be.visible')
			getRowForFile('.file').should('not.exist')
			getRowForFile('.folder').should('not.exist')
		})

		it('can show hidden files', () => {
			showHiddenFiles()
			// Now the files should be visible
			getRowForFile('.file').should('be.visible')
			getRowForFile('.folder').should('be.visible')
		})
	})

	context('view: Personal files', { testIsolation: false }, () => {
		before(setupFiles)

		it('hides dot-files by default', () => {
			cy.visit('/apps/files/personal')

			getRowForFile('visible-file').should('be.visible')
			getRowForFile('.file').should('not.exist')
			getRowForFile('.folder').should('not.exist')
		})

		it('can show hidden files', () => {
			showHiddenFiles()
			// Now the files should be visible
			getRowForFile('.file').should('be.visible')
			getRowForFile('.folder').should('be.visible')
		})
	})

	context('view: Recent files', { testIsolation: false }, () => {
		before(() => {
			setupFiles().then(() => {
				// also add hidden file in hidden folder
				cy.uploadContent(user, new Blob([]), 'text/plain', '/.folder/other-file')
				cy.login(user)
			})
		})

		it('hides dot-files by default', () => {
			cy.visit('/apps/files/recent')

			getRowForFile('visible-file').should('be.visible')
			getRowForFile('.file').should('not.exist')
			getRowForFile('.folder').should('not.exist')
			getRowForFile('other-file').should('not.exist')
		})

		it('can show hidden files', () => {
			showHiddenFiles()

			getRowForFile('visible-file').should('be.visible')
			// Now the files should be visible
			getRowForFile('.file').should('be.visible')
			getRowForFile('.folder').should('be.visible')
			getRowForFile('other-file').should('be.visible')
		})
	})
})