Add aria-label to kube config input box (#15743)

extensions/arc/src/test/ui/components/filePicker.test.ts

@@ -18,7 +18,7 @@ const newFileUri = vscode.Uri.file(path.join('path', 'to', 'new', '.kube', 'conf
 describe('filePicker', function (): void {
 	beforeEach(async () => {
 		const { modelBuilderMock } = createModelViewMock();
-		filePicker = new FilePicker(modelBuilderMock.object, initialPath, (_disposable) => { });
+		filePicker = new FilePicker(modelBuilderMock.object, initialPath, (_disposable) => { }, '');
 	});
 
 	afterEach(() => {

extensions/arc/src/ui/components/filePicker.ts

@@ -18,12 +18,15 @@ export class FilePicker {
 	public readonly filePickerButton: azdata.ButtonComponent;
 	constructor(
 		modelBuilder: azdata.ModelBuilder,
-		initialPath: string, onNewDisposableCreated: (disposable: vscode.Disposable) => void
+		initialPath: string,
+		onNewDisposableCreated: (disposable: vscode.Disposable) => void,
+		ariaLabel: string
 	) {
 		const buttonWidth = 80;
 		this.filePathInputBox = modelBuilder.inputBox()
 			.withProperties<azdata.InputBoxProperties>({
 				value: initialPath,
+				ariaLabel: ariaLabel,
 				width: 350
 			}).component();
 

extensions/arc/src/ui/dialogs/connectControllerDialog.ts

@@ -96,7 +96,8 @@ abstract class ControllerDialogBase extends InitializingComponent {
 		this.kubeConfigInputBox = new FilePicker(
 			this.modelBuilder,
 			controllerInfo?.kubeConfigFilePath || getDefaultKubeConfigPath(),
-			(disposable) => this._toDispose.push(disposable)
+			(disposable) => this._toDispose.push(disposable),
+			loc.controllerKubeConfig
 		);
 		this.modelBuilder.inputBox()
 			.withProps({