Fix creator master vr tests

surveyjs · Aug 10, 2023 · 35a3dc2 · 35a3dc2
1 parent e3964b0
commit 35a3dc2
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 5 deletions.
diff --git a/src/knockout/koquestion_file.ts b/src/knockout/koquestion_file.ts
@@ -29,13 +29,16 @@ class QuestionFileImplementor extends QuestionImplementor {
     );
     this.setObservaleObj("ko", ko.observable<string>());
     this.setObservaleObj("koInputTitle", ko.observable<string>());
-    this.setObservaleObj("koChooseButtonText", ko.observable<string>());
     this.setObservaleObj(
       "koChooseFileCss",
       ko.pureComputed(() => {
         return this.question.getChooseFileCss();
       })
     );
+    this.setCallbackFunc("koGetChooseButtonText", () => {
+      this.question.koState();
+      return this.question.chooseButtonText;
+    });
     this.setCallbackFunc("ondrop", (data: any, event: any) => {
       this.question.onDrop(getOriginalEvent(event));
     });
@@ -68,7 +71,6 @@ export class QuestionFile extends QuestionFileModel {
   private _implementor: QuestionFileImplementor;
   private updateState = (sender: QuestionFileModel, options: any) => {
     this.koState(options.state);
-    this.koChooseButtonText(this.chooseButtonText);
     this.koInputTitle(this.inputTitle);
   };
   constructor(name: string) {

diff --git a/src/knockout/templates/question-file.html b/src/knockout/templates/question-file.html
@@ -11,10 +11,10 @@
           <span data-bind="css: question.cssClasses.dragAreaPlaceholder, text: question.dragAreaPlaceholder"></span>
           <div data-bind="css: question.cssClasses.wrapper">
             <!-- ko ifnot: isReadOnly -->
-            <label tabindex="0" role="button" data-bind="css: question.koChooseFileCss, key2click, attr: { for: question.inputId, 'aria-label': question.koChooseButtonText }">
-              <span data-bind="text: question.koChooseButtonText"></span>
+            <label tabindex="0" role="button" data-bind="css: question.koChooseFileCss, key2click, attr: { for: question.inputId, 'aria-label': question.koGetChooseButtonText() }">
+              <span data-bind="text: question.koGetChooseButtonText()"></span>
               <!-- ko if: question.cssClasses.chooseFileIconId -->
-                  <!-- ko component: { name: 'sv-svg-icon', params: { title: question.chooseButtonText, iconName: question.cssClasses.chooseFileIconId, size: 'auto' } } --><!-- /ko -->
+                  <!-- ko component: { name: 'sv-svg-icon', params: { title: question.koGetChooseButtonText(), iconName: question.cssClasses.chooseFileIconId, size: 'auto' } } --><!-- /ko -->
               <!-- /ko -->
             </label>
             <!-- /ko -->