Merge pull request #61930 from nextcloud/backport/bca2c7f2294a24daf7e45928c309e41dd2d98c1f

[stable34] fix(files): proper accessible row name and title for overflow

Author: AndyScherzinger

apps/files/src/components/FileEntry/FileEntryName.vue

@@ -136,7 +136,7 @@ export default defineComponent({
 				return {
 					is: 'span',
 					params: {
-						title: t('files', 'This node is unavailable'),
+						title: t('files', '{displayName} (unavailable)', { displayName: this.source.displayname }),
 					},
 				}
 			}
@@ -148,11 +148,12 @@ export default defineComponent({
 					folder: this.activeFolder!,
 					contents: [],
 				})
+				const accessibleName = `${displayName}: ${this.source.displayname}`
 				return {
 					is: 'button',
 					params: {
-						'aria-label': displayName,
-						title: displayName,
+						'aria-label': accessibleName,
+						title: accessibleName,
 						tabindex: '0',
 					},
 				}

cypress/e2e/files_external/files-external-failed.cy.ts

@@ -48,7 +48,7 @@ describe('Files user credentials', { testIsolation: true }, () => {
 		// Ensure the row is visible and marked as unavailable
 		getRowForFile('Storage1').as('row').should('be.visible')
 		cy.get('@row').find('[data-cy-files-list-row-name-link]')
-			.should('have.attr', 'title', 'This node is unavailable')
+			.should('have.attr', 'title', / \(unavailable\)$/)
 
 		// Ensure clicking on the location does not open the folder
 		cy.location().then((loc) => {
@@ -74,7 +74,7 @@ describe('Files user credentials', { testIsolation: true }, () => {
 		// Ensure the row is visible and marked as unavailable
 		getRowForFile('Storage2').as('row').should('be.visible')
 		cy.get('@row').find('[data-cy-files-list-row-name-link]')
-			.should('have.attr', 'title', 'This node is unavailable')
+			.should('have.attr', 'title', / \(unavailable\)$/)
 
 		// Ensure clicking on the location does not open the folder
 		cy.location().then((loc) => {