add visual test for popup into modal popup

surveyjs · Aug 16, 2023 · 2309d76 · 2309d76
1 parent 3750f64
commit 2309d76
Show file tree

Hide file tree

Showing 3 changed files with 66 additions and 2 deletions.
diff --git a/src/defaultV2-theme/defaultV2.fontless.scss b/src/defaultV2-theme/defaultV2.fontless.scss
@@ -131,8 +131,7 @@ body {
   }
 }
 
-.sv-popup.sv-popup--dropdown.sv-single-select-list,
-.sv-popup.sv-popup--dropdown {
+.sv-popup.sv-popup--dropdown.sv-popup--dropdown {
   .sv-popup__shadow {
     box-shadow: $shadow-medium;
   }

diff --git a/visualRegressionTests/tests/defaultV2/etalons/popup-into-modal-popup.png b/visualRegressionTests/tests/defaultV2/etalons/popup-into-modal-popup.png
diff --git a/visualRegressionTests/tests/defaultV2/popup.ts b/visualRegressionTests/tests/defaultV2/popup.ts
@@ -334,4 +334,69 @@ frameworks.forEach(framework => {
       await takeElementScreenshot("popup-overlay-long-list-with-title.png", null, t, comparer);
     });
   });
+
+  test("Popup inner modal window", async (t) => {
+    await wrapVisualTest(t, async (t, comparer) => {
+      await t.resizeWindow(1000, 600);
+      await initSurvey(framework, json, { onGetQuestionTitleActions: (_, opt) => {
+        const json = {
+          elements: [
+            {
+              type: "dropdown",
+              name: "modal_question",
+              choices: [
+                "item1",
+                "item2",
+                "item3",
+                "item4",
+                "item5",
+                "item6",
+                "item7",
+                "item8",
+                "item9",
+                "item10",
+                "item11",
+                "item12",
+                "item13",
+                "item14",
+                "item15",
+                "item16",
+                "item17",
+                "item18",
+                "item19",
+                "item20",
+                "item21",
+                "item22",
+                "item23",
+                "item24",
+                "item25",
+                "item26",
+                "item27"
+              ]
+            }
+          ]
+        };
+        const item = new window["Survey"].Action({
+          component: "sv-action-bar-item",
+          title: "Click",
+          showTitle: true,
+          action: () => {
+            const model = new window["Survey"].Model(json);
+            model.focusFirstQuestionAutomatic = false;
+            window["Survey"].settings.showModal("survey", {
+              model: model,
+              survey: model
+            });
+          }
+        });
+        opt.titleActions = [item];
+      } });
+      await t
+        .click(clickButton.withText("Click"))
+        .click(Selector(".sd-dropdown"));
+
+      await resetHoverToBody(t);
+      await takeElementScreenshot("popup-into-modal-popup.png", Selector(".sv-popup.sv-single-select-list .sv-popup__container"), t, comparer);
+    });
+  });
 });