Implemented #5380 - Introduce an option to hide the Survey Results se…

…ction within the Preview tab (#5383)

* Implemented #5380 - Introduce an option to hide the Survey Results section within the Preview tab

* Update the description

---------

Co-authored-by: tsv2013 <tsv2013@noreply.github.com>
Co-authored-by: RomanTsukanov <sergeich16@gmail.com>

packages/survey-creator-core/src/components/tabs/test.ts

@@ -80,7 +80,7 @@ export class TestSurveyTabViewModel extends Base {
     return this.surveyProvider.isMobileView;
   }
   public get showResults() {
-    return !this.isRunning && !this.isMobileView;
+    return this.surveyProvider.previewShowResults && !this.isRunning && !this.isMobileView;
   }
 
   public updateSimulatorSurvey(json: any, theme: any) {
@@ -128,7 +128,7 @@ export class TestSurveyTabViewModel extends Base {
       this.updatePageItem(options.page);
       this.updatePrevNextPageActionState();
     });
-    if(hasSurveyBefore) {
+    if (hasSurveyBefore) {
       this.show();
     }
   }

packages/survey-creator-core/src/creator-base.ts

@@ -180,6 +180,12 @@ export class SurveyCreatorModel extends Base
    * @see showObjectTitles
    */
   @property({ defaultValue: false }) inplaceEditForValues: boolean;
+  /**
+   * Specifies whether to display a table with survey results after completing a survey in the Preview tab.
+   * 
+   * Default value: `true`
+   */
+  @property({ defaultValue: true }) previewShowResults: boolean;
   get allowEditSurveyTitle(): boolean {
     return this.getPropertyValue("allowEditSurveyTitle", true);
   }
@@ -1552,7 +1558,7 @@ export class SurveyCreatorModel extends Base
     parentObj: Base,
     parentProperty: JsonObjectProperty
   ): boolean {
-    if(!property) return false;
+    if (!property) return false;
     const proposedValue = this.readOnly || readOnly;
     if (this.onGetPropertyReadOnly.isEmpty) return proposedValue;
     const options = {

packages/survey-creator-core/src/creator-settings.ts

@@ -215,6 +215,7 @@ export interface ISurveyCreatorOptions {
   enableLinkFileEditor: boolean;
   inplaceEditForValues: boolean;
   rootElement?: HTMLElement;
+  previewShowResults: boolean;
   getObjectDisplayName(obj: Base, area: string, reason: string, displayName: string): string;
   onCanShowPropertyCallback(
     object: any,
@@ -331,6 +332,7 @@ export interface ISurveyCreatorOptions {
 }
 
 export class EmptySurveyCreatorOptions implements ISurveyCreatorOptions {
+  previewShowResults: boolean;
   rootElement: HTMLElement;
   enableLinkFileEditor: boolean;
   getProcessedTranslationItemText(locale: string, locString: ILocalizableString, newText: string, obj: any): string {

packages/survey-creator-core/tests/tabs/test.tests.ts

@@ -9,7 +9,7 @@ import { editorLocalization } from "../../src/editorLocalization";
 import "survey-core/survey.i18n";
 
 function getTestModel(creator: CreatorTester): TestSurveyTabViewModel {
-  if(creator.activeTab !== "test") {
+  if (creator.activeTab !== "test") {
     creator.activeTab = "test";
   }
   const testPlugin: TabTestPlugin = <TabTestPlugin>creator.getPlugin("test");
@@ -839,7 +839,7 @@ test("Update theme in active test/preview tab", (): any => {
     previewBodyCss = options.survey.css.body;
   });
   creator.onSurveyInstanceCreated.add((sender, options) => {
-    if(options.reason === "test") {
+    if (options.reason === "test") {
       instanceBodyCss = options.survey.css.body;
       instanceArea = options.area;
     }
@@ -854,3 +854,44 @@ test("Update theme in active test/preview tab", (): any => {
   expect(instanceArea).toEqual("preview-tab");
 });
 
+test("showResults default behavior", (): any => {
+  const creator: CreatorTester = new CreatorTester();
+  creator.JSON = {
+    questions: [
+      {
+        type: "text",
+        name: "q1",
+      }
+    ]
+  };
+  expect(creator.previewShowResults).toBeTruthy();
+  const testPlugin: TabTestPlugin = <TabTestPlugin>creator.getPlugin("test");
+  testPlugin.activate();
+
+  const model: TestSurveyTabViewModel = testPlugin.model;
+  expect(model.showResults).toBeFalsy();
+
+  model.survey.doComplete();
+  expect(model.showResults).toBeTruthy();
+});
+
+test("showResults with previewShowResults false", (): any => {
+  const creator: CreatorTester = new CreatorTester({ previewShowResults: false });
+  creator.JSON = {
+    questions: [
+      {
+        type: "text",
+        name: "q1",
+      }
+    ]
+  };
+  expect(creator.previewShowResults).toBeFalsy();
+  const testPlugin: TabTestPlugin = <TabTestPlugin>creator.getPlugin("test");
+  testPlugin.activate();
+
+  const model: TestSurveyTabViewModel = testPlugin.model;
+  expect(model.showResults).toBeFalsy();
+
+  model.survey.doComplete();
+  expect(model.showResults).toBeFalsy();
+});