Broken page counter on the survey preview tab when the Designer tab i…

…s hidden fix #5277 (#5281)

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

@@ -94,6 +94,7 @@ export class TestSurveyTabViewModel extends Base {
       component: "svc-complete-page",
       data: this
     });
+    const hasSurveyBefore = !!this.simulator.survey;
     this.simulator.survey = newSurvey;
     if (this.onSurveyCreatedCallback) this.onSurveyCreatedCallback(this.survey);
     this.survey.onComplete.add((sender: SurveyModel) => {
@@ -126,6 +127,9 @@ export class TestSurveyTabViewModel extends Base {
       this.updatePageItem(options.page);
       this.updatePrevNextPageActionState();
     });
+    if(hasSurveyBefore) {
+      this.show();
+    }
   }
 
   public setJSON(json: any, currTheme: any) {

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

@@ -9,7 +9,9 @@ import { editorLocalization } from "../../src/editorLocalization";
 import "survey-core/survey.i18n";
 
 function getTestModel(creator: CreatorTester): TestSurveyTabViewModel {
-  creator.activeTab = "test";
+  if(creator.activeTab !== "test") {
+    creator.activeTab = "test";
+  }
   const testPlugin: TabTestPlugin = <TabTestPlugin>creator.getPlugin("test");
   return testPlugin.model;
 }
@@ -169,6 +171,38 @@ test("Enable/disable nextPage action on page visibility change and page actions,
   expect(pageList.actions[1].enabled).toBeTruthy(); //TestSurveyTabViewModel.enableInvisiblePages = true
   expect(nextPage.enabled).toBeFalsy();
 });
+test("Page action title when the preview shows only, Bug#5277", (): any => {
+  const creator: CreatorTester = new CreatorTester({
+    showJSONEditorTab: false,
+    showDesignerTab: false
+  });
+  creator.JSON = {
+    pages: [
+      {
+        name: "page1",
+        elements: [
+          {
+            type: "text",
+            name: "q1"
+          }
+        ]
+      },
+      {
+        name: "page2",
+        elements: [
+          {
+            type: "text",
+            name: "q2",
+          }
+        ]
+      }
+    ]
+  };
+  expect(creator.activeTab).toEqual("test");
+  const model: TestSurveyTabViewModel = getTestModel(creator);
+  const pageSelectorAction = model.pageActions.filter((item: IAction) => item.id === "pageSelector")[0];
+  expect(pageSelectorAction.title).toEqual("Page 1");
+});
 test("Show/hide device similator", (): any => {
   let creator: CreatorTester = new CreatorTester();
   creator.JSON = {