From 25ecfcf5e19bc643aaecb9c3e3879cc0f832c39d Mon Sep 17 00:00:00 2001
From: MichalKinas <113341662+MichalKinas@users.noreply.github.com>
Date: Fri, 3 Oct 2025 14:52:33 +0200
Subject: [PATCH] [ACS-10296] Upload new version button made accessible with
 keyboard (#11242)

---
 .../upload/components/upload-button.component.html  |  2 +-
 .../components/upload-button.component.spec.ts      | 13 +++++++++++++
 2 files changed, 14 insertions(+), 1 deletion(-)

diff --git a/lib/content-services/src/lib/upload/components/upload-button.component.html b/lib/content-services/src/lib/upload/components/upload-button.component.html
index dd1879f759..c3e39b3f61 100644
--- a/lib/content-services/src/lib/upload/components/upload-button.component.html
+++ b/lib/content-services/src/lib/upload/components/upload-button.component.html
@@ -15,7 +15,7 @@
                 [title]="tooltip"
                 (change)="onFilesAdded($event)"
                 (click)="onClickUploadButton()"/>
-            <label for="upload-single-file" class="adf-upload-button-label">
+            <label tabindex="0" (keydown.enter)="onClickUploadButton()" for="upload-single-file" class="adf-upload-button-label">
                 <mat-icon class="adf-upload-button-icon">file_upload</mat-icon>
                 <span id="upload-single-file-label" *ngIf="!staticTitle">
                     {{ 'FILE_UPLOAD.BUTTON.UPLOAD_FILE' | translate }}</span>
diff --git a/lib/content-services/src/lib/upload/components/upload-button.component.spec.ts b/lib/content-services/src/lib/upload/components/upload-button.component.spec.ts
index 72254bddea..e49f859593 100644
--- a/lib/content-services/src/lib/upload/components/upload-button.component.spec.ts
+++ b/lib/content-services/src/lib/upload/components/upload-button.component.spec.ts
@@ -25,6 +25,7 @@ import { mockUploadErrorPromise } from '../../mock/upload.service.mock';
 import { UploadService } from '../../common/services/upload.service';
 import { NodesApiService } from '../../common/services/nodes-api.service';
 import { FileUploadErrorEvent } from '../../common/events/file.event';
+import { UnitTestingUtils } from '@alfresco/adf-core';
 
 describe('UploadButtonComponent', () => {
     const file = { name: 'fake-name-1', size: 10, webkitRelativePath: 'fake-folder1/fake-name-1.json' };
@@ -43,6 +44,7 @@ describe('UploadButtonComponent', () => {
     let fixture: ComponentFixture<UploadButtonComponent>;
     let uploadService: UploadService;
     let nodesApiService: NodesApiService;
+    let unitTestingUtils: UnitTestingUtils;
 
     beforeEach(() => {
         TestBed.configureTestingModule({
@@ -53,6 +55,7 @@ describe('UploadButtonComponent', () => {
         nodesApiService = TestBed.inject(NodesApiService);
 
         component = fixture.componentInstance;
+        unitTestingUtils = new UnitTestingUtils(fixture.debugElement);
         fixture.detectChanges();
     });
 
@@ -200,6 +203,16 @@ describe('UploadButtonComponent', () => {
         expect(compiled.querySelector('#uploadFolder-label-static').textContent.trim()).toEqual('test-text');
     });
 
+    it('should call onClickUploadButton when label for single file receives enter key', () => {
+        component.uploadFolders = false;
+        component.multipleFiles = false;
+        spyOn(component, 'onClickUploadButton');
+
+        unitTestingUtils.keyBoardEventByCSS('.adf-upload-button-label', 'keydown', 'Enter', 'Enter');
+
+        expect(component.onClickUploadButton).toHaveBeenCalled();
+    });
+
     describe('fileSize', () => {
         const files: File[] = [{ name: 'bigFile.png', size: 1000 } as File, { name: 'smallFile.png', size: 10 } as File];