Work for #7184: fix max size error doesnt update question css classes (…

…#7203)
surveyjs · Oct 20, 2023 · 6fc86c8 · 6fc86c8
1 parent 363d2b6
commit 6fc86c8
Show file tree

Hide file tree

Showing 2 changed files with 24 additions and 4 deletions.
diff --git a/src/question.ts b/src/question.ts
@@ -172,7 +172,7 @@ export class Question extends SurveyElement<Question>
         this.initCommentFromSurvey();
       }
     );
-    this.registerFunctionOnPropertiesValueChanged(["no", "readOnly"], () => {
+    this.registerFunctionOnPropertiesValueChanged(["no", "readOnly", "hasVisibleErrors", "containsErrors"], () => {
       this.updateQuestionCss();
     });
     this.registerPropertyChangedHandlers(["isMobile"], () => { this.onMobileChanged(); });
@@ -2049,9 +2049,6 @@ export class Question extends SurveyElement<Question>
       }
     }
     this.updateContainsErrors();
-    if (oldHasErrors != errors.length > 0) {
-      this.updateQuestionCss();
-    }
     if (this.isCollapsed && rec && fireCallback && errors.length > 0) {
       this.expand();
     }

diff --git a/tests/questionFileTests.ts b/tests/questionFileTests.ts
@@ -1747,4 +1747,27 @@ QUnit.test("QuestionFile allowImagesPreview and allowCameraAccess", function (as
   assert.equal(prop1.isVisible(undefined, q1), false);
   const prop2 = Serializer.getProperty("file", "allowCameraAccess");
   assert.equal(prop2.visible, false);
+});
+
+QUnit.test("QuestionFile maxSize error doesnt update question css classes", function (assert) {
+  const survey = new SurveyModel({
+    elements: [
+      { type: "file", name: "q1", maxSize: 3 },
+    ]
+  });
+  survey.css = {
+    question: {
+      hasError: "root-error",
+      hasErrorTop: "root-error-top"
+    }
+  };
+  const question = survey.getAllQuestions()[0];
+  assert.notOk(question.cssRoot.includes("root-error"));
+  assert.notOk(question.cssRoot.includes("root-error-top"));
+  question["allFilesOk"]([{ size: 2 }]);
+  assert.notOk(question.cssRoot.includes("root-error"));
+  assert.notOk(question.cssRoot.includes("root-error-top"));
+  question["allFilesOk"]([{ size: 4 }]);
+  assert.ok(question.cssRoot.includes("root-error"));
+  assert.ok(question.cssRoot.includes("root-error-top"));
 });