diff --git a/visualRegressionTests-V2/tests/designer/etalons/page-navigator-by-page-not-overlaped.png b/visualRegressionTests-V2/tests/designer/etalons/page-navigator-by-page-not-overlaped.png index 9247cb4988..7eff69e32b 100644 Binary files a/visualRegressionTests-V2/tests/designer/etalons/page-navigator-by-page-not-overlaped.png and b/visualRegressionTests-V2/tests/designer/etalons/page-navigator-by-page-not-overlaped.png differ diff --git a/visualRegressionTests-V2/tests/designer/etalons/page-navigator-by-page-not-overlaped_mask.png b/visualRegressionTests-V2/tests/designer/etalons/page-navigator-by-page-not-overlaped_mask.png new file mode 100644 index 0000000000..3965310e5c Binary files /dev/null and b/visualRegressionTests-V2/tests/designer/etalons/page-navigator-by-page-not-overlaped_mask.png differ diff --git a/visualRegressionTests-V2/tests/designer/etalons/page-navigator-not-overlaped.png b/visualRegressionTests-V2/tests/designer/etalons/page-navigator-not-overlaped.png index 4a0f6ea90f..6ba3b2b897 100644 Binary files a/visualRegressionTests-V2/tests/designer/etalons/page-navigator-not-overlaped.png and b/visualRegressionTests-V2/tests/designer/etalons/page-navigator-not-overlaped.png differ diff --git a/visualRegressionTests-V2/tests/designer/etalons/page-navigator-not-overlaped_mask.png b/visualRegressionTests-V2/tests/designer/etalons/page-navigator-not-overlaped_mask.png new file mode 100644 index 0000000000..3965310e5c Binary files /dev/null and b/visualRegressionTests-V2/tests/designer/etalons/page-navigator-not-overlaped_mask.png differ diff --git a/visualRegressionTests/tests/designer/etalons/page-navigator-by-page-not-overlaped.png b/visualRegressionTests/tests/designer/etalons/page-navigator-by-page-not-overlaped.png index c23cc6544c..4265a3982c 100644 Binary files a/visualRegressionTests/tests/designer/etalons/page-navigator-by-page-not-overlaped.png and b/visualRegressionTests/tests/designer/etalons/page-navigator-by-page-not-overlaped.png differ diff --git a/visualRegressionTests/tests/designer/etalons/page-navigator-by-page-not-overlaped_mask.png b/visualRegressionTests/tests/designer/etalons/page-navigator-by-page-not-overlaped_mask.png new file mode 100644 index 0000000000..0e8621fa13 Binary files /dev/null and b/visualRegressionTests/tests/designer/etalons/page-navigator-by-page-not-overlaped_mask.png differ diff --git a/visualRegressionTests/tests/designer/etalons/page-navigator-not-overlaped.png b/visualRegressionTests/tests/designer/etalons/page-navigator-not-overlaped.png index c5cfdeea51..4c14b38995 100644 Binary files a/visualRegressionTests/tests/designer/etalons/page-navigator-not-overlaped.png and b/visualRegressionTests/tests/designer/etalons/page-navigator-not-overlaped.png differ diff --git a/visualRegressionTests/tests/designer/etalons/page-navigator-not-overlaped_mask.png b/visualRegressionTests/tests/designer/etalons/page-navigator-not-overlaped_mask.png new file mode 100644 index 0000000000..0e8621fa13 Binary files /dev/null and b/visualRegressionTests/tests/designer/etalons/page-navigator-not-overlaped_mask.png differ diff --git a/visualRegressionTests/tests/designer/page-navigator.ts b/visualRegressionTests/tests/designer/page-navigator.ts index ec55540364..ce5e25620d 100644 --- a/visualRegressionTests/tests/designer/page-navigator.ts +++ b/visualRegressionTests/tests/designer/page-navigator.ts @@ -421,81 +421,59 @@ test("Page navigator has enough space to be shown", async (t) => { await wrapVisualTest(t, async (t, comparer) => { await t.resizeWindow(1508, 800); await setJSON({ - title: "NPS Survey Question", - pages: [ + "title": "NPS Survey Question", + "widthMode": "responsive", + "pages": [ { - name: "page1", - elements: [ + "name": "page1", + "elements": [ { - type: "rating", - name: "nps_score", - title: - "On a scale of zero to ten, how likely are you to recommend our product to a friend or colleague?", - isRequired: true, - rateCount: 11, - rateMin: 0, - rateMax: 10, - minRateDescription: "(Most unlikely)", - maxRateDescription: "(Most likely)", + "type": "comment", + "name": "nps_score", + "title": "On a scale of zero to ten, how likely are you to recommend our product to a friend or colleague?", + "isRequired": true }, { - type: "checkbox", - name: "promoter_features", - visibleIf: "{nps_score} >= 9", - title: "Which of the following features do you value the most?", - description: "Please select no more than three features.", - isRequired: true, - validators: [ - { - type: "answercount", - text: "Please select no more than three features.", - maxCount: 3, - }, - ], - choices: [ - "Performance", - "Stability", - "User interface", - "Complete functionality", - "Learning materials (documentation, demos, code examples)", - "Quality support", - ], - showOtherItem: true, - otherText: "Other features:", - colCount: 2, + "type": "comment", + "name": "promoter_features", + "visibleIf": "{nps_score} >= 9", + "title": "Which of the following features do you value the most?", + "description": "Please select no more than three features.", + "isRequired": true, + "rows": 6 }, { - type: "comment", - name: "passive_experience", - visibleIf: "{nps_score} >= 7 and {nps_score} <= 8", - title: "What can we do to make your experience more satisfying?", + "type": "comment", + "name": "passive_experience", + "visibleIf": "{nps_score} >= 7 and {nps_score} <= 8", + "title": "What can we do to make your experience more satisfying?", + "rows": 6 }, { - type: "comment", - name: "disappointing_experience", - visibleIf: "{nps_score} <= 6", - title: - "Please let us know why you had such a disappointing experience with our product", - }, - ], + "type": "comment", + "name": "disappointing_experience", + "visibleIf": "{nps_score} <= 6", + "title": "Please let us know why you had such a disappointing experience with our product" + } + ] }, { - name: "page2", - elements: [ + "name": "page2", + "elements": [ { - type: "text", - name: "question1", + "type": "text", + "name": "question1" }, { - type: "text", - name: "question2", + "type": "text", + "name": "question2" }, { - type: "text", - name: "question3", - }, - ], - }, + "type": "text", + "name": "question3" + } + ] + } ], }); await ClientFunction(() => { document.body.focus(); })(); @@ -512,81 +490,59 @@ test("Page navigator in by-page mode has enough space to be shown", async (t) => window["creator"].pageEditMode = "bypage"; })(); await setJSON({ - title: "NPS Survey Question", - pages: [ + "title": "NPS Survey Question", + "widthMode": "responsive", + "pages": [ { - name: "page1", - elements: [ + "name": "page1", + "elements": [ { - type: "rating", - name: "nps_score", - title: - "On a scale of zero to ten, how likely are you to recommend our product to a friend or colleague?", - isRequired: true, - rateCount: 11, - rateMin: 0, - rateMax: 10, - minRateDescription: "(Most unlikely)", - maxRateDescription: "(Most likely)", + "type": "comment", + "name": "nps_score", + "title": "On a scale of zero to ten, how likely are you to recommend our product to a friend or colleague?", + "isRequired": true }, { - type: "checkbox", - name: "promoter_features", - visibleIf: "{nps_score} >= 9", - title: "Which of the following features do you value the most?", - description: "Please select no more than three features.", - isRequired: true, - validators: [ - { - type: "answercount", - text: "Please select no more than three features.", - maxCount: 3, - }, - ], - choices: [ - "Performance", - "Stability", - "User interface", - "Complete functionality", - "Learning materials (documentation, demos, code examples)", - "Quality support", - ], - showOtherItem: true, - otherText: "Other features:", - colCount: 2, + "type": "comment", + "name": "promoter_features", + "visibleIf": "{nps_score} >= 9", + "title": "Which of the following features do you value the most?", + "description": "Please select no more than three features.", + "isRequired": true, + "rows": 6 }, { - type: "comment", - name: "passive_experience", - visibleIf: "{nps_score} >= 7 and {nps_score} <= 8", - title: "What can we do to make your experience more satisfying?", + "type": "comment", + "name": "passive_experience", + "visibleIf": "{nps_score} >= 7 and {nps_score} <= 8", + "title": "What can we do to make your experience more satisfying?", + "rows": 6 }, { - type: "comment", - name: "disappointing_experience", - visibleIf: "{nps_score} <= 6", - title: - "Please let us know why you had such a disappointing experience with our product", - }, - ], + "type": "comment", + "name": "disappointing_experience", + "visibleIf": "{nps_score} <= 6", + "title": "Please let us know why you had such a disappointing experience with our product" + } + ] }, { - name: "page2", - elements: [ + "name": "page2", + "elements": [ { - type: "text", - name: "question1", + "type": "text", + "name": "question1" }, { - type: "text", - name: "question2", + "type": "text", + "name": "question2" }, { - type: "text", - name: "question3", - }, - ], - }, + "type": "text", + "name": "question3" + } + ] + } ], }); await ClientFunction(() => { document.body.focus(); })();