When firstPageIsStartPage is enabled, the page navigator in the Previ… (#6640)

* When firstPageIsStartPage is enabled, the page navigator in the Preview tab behaves weird fix #6624

* Remove import

Author: andrewtelnov

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

@@ -224,7 +224,10 @@ export class PreviewViewModel extends Base {
     this.updatePageList();
     this.show();
   }
-
+  private isSurveyRunning(): boolean {
+    const state = this.survey?.state;
+    return state === "running" || state === "starting";
+  }
   public buildActions() {
     const pageActions: Array<Action> = [];
     const setNearPage: (isNext: boolean) => void = (isNext: boolean) => {
@@ -246,7 +249,7 @@ export class PreviewViewModel extends Base {
 
     if (this.prevPageAction) {
       this.prevPageAction.visible = <any>new ComputedUpdater<boolean>(() => {
-        const isRunning = this.survey.state === "running";
+        const isRunning = this.isSurveyRunning();
         const isActiveTab = this.getTabName() === this.surveyProvider.activeTab;
         return notShortCircuitAnd(this.isRunning, isActiveTab, this.pageListItems.length > 1) && isRunning;
       });
@@ -279,11 +282,11 @@ export class PreviewViewModel extends Base {
     });
     pageActions.push(this.selectPageAction);
     this.selectPageAction.visible = <any>new ComputedUpdater<boolean>(() => {
-      return this.survey.state === "running";
+      return this.isSurveyRunning();
     });
     if (this.nextPageAction) {
       this.nextPageAction.visible = <any>new ComputedUpdater<boolean>(() => {
-        const isRunning = this.survey.state === "running";
+        const isRunning = this.isSurveyRunning();
         const isActiveTab = this.getTabName() === this.surveyProvider.activeTab;
         return notShortCircuitAnd(this.isRunning, isActiveTab, this.pageListItems.length > 1) && isRunning;
       });

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

@@ -695,6 +695,30 @@ test("Prev/Next actions enabled/disabled", (): any => {
   expect(model.prevPageAction.enabled).toBeTruthy();
   expect(model.nextPageAction.enabled).toBeFalsy();
 });
+test("isPageToolbarVisible & firstPage is started, #6624", (): any => {
+  const creator: CreatorTester = new CreatorTester();
+  creator.JSON = {
+    pages: [
+      { elements: [{ type: "text", name: "q1" }] },
+      { elements: [{ type: "text", name: "q2" }] },
+      { elements: [{ type: "text", name: "q3" }] }
+    ],
+    firstPageIsStartPage: true
+  };
+  const testPlugin: TabTestPlugin = <TabTestPlugin>creator.getPlugin("test");
+  testPlugin.activate();
+  const model: TestSurveyTabViewModel = testPlugin.model;
+  expect(model.pageListItems).toHaveLength(3);
+  expect(model.survey.state).toBe("starting");
+  expect(model.isPageToolbarVisible).toBeTruthy();
+  expect(model.nextPageAction.enabled).toBeTruthy();
+  expect(model.prevPageAction.enabled).toBeFalsy();
+  (<any>model.selectPageAction.popupModel).onSelectionChanged(model.pageListItems[1]);
+  expect(model.survey.state).toBe("running");
+  expect(model.isPageToolbarVisible).toBeTruthy();
+  expect(model.nextPageAction.enabled).toBeTruthy();
+  expect(model.prevPageAction.enabled).toBeTruthy();
+});
 
 test("Default mobile orientation", (): any => {
   const creator: CreatorTester = new CreatorTester();