#6068 v-tests

surveyjs · Nov 14, 2024 · 087678a · 087678a
1 parent bf862e5
commit 087678a
Show file tree

Hide file tree

Showing 5 changed files with 24 additions and 1 deletion.
diff --git a/visualRegressionTests-V2/tests/designer/etalons/button-group-ellipsis.png b/visualRegressionTests-V2/tests/designer/etalons/button-group-ellipsis.png
diff --git a/visualRegressionTests-V2/tests/designer/pg-button-group.ts b/visualRegressionTests-V2/tests/designer/pg-button-group.ts
@@ -23,4 +23,15 @@ test("Check section", async (t) => {
     await t.hover(Selector("span").withExactText("Bottom").filterVisible());
     await takeElementScreenshot("button-group-unselected-hovered.png", buttongroup, t, comparer);
   });
+});
+test("Check long texts", async (t) => {
+  await wrapVisualTest(t, async (t, comparer) => {
+    await ClientFunction(() => window["creator"].showOneCategoryInPropertyGrid = true)();
+    await t.resizeWindow(1920, 1080);
+
+    await t.click(Selector('[title="Logo in the Survey Header"]'));
+    await t.drag(Selector(".svc-resizer-west"), 200, 0);
+    const buttongroup = Selector('[data-name="logoFit"] .spg-button-group').filterVisible();
+    await takeElementScreenshot("button-group-ellipsis.png", buttongroup, t, comparer);
+  });
 });
diff --git a/visualRegressionTests/tests/designer/etalons/button-group-ellipsis.png b/visualRegressionTests/tests/designer/etalons/button-group-ellipsis.png
diff --git a/...ts/designer/etalons/side-bar-tabbed-property-grid-theme-appearance-advanced.png b/...ts/designer/etalons/side-bar-tabbed-property-grid-theme-appearance-advanced.png
diff --git a/visualRegressionTests/tests/designer/pg-button-group.ts b/visualRegressionTests/tests/designer/pg-button-group.ts
@@ -6,7 +6,7 @@ const title = "Button group Screenshot";
 fixture`${title}`.page`${url}`.beforeEach(async (t) => {
 });
 
-test("Check section", async (t) => {
+test("Check styles", async (t) => {
   await wrapVisualTest(t, async (t, comparer) => {
     await ClientFunction(() => window["creator"].showOneCategoryInPropertyGrid = true)();
     await t.resizeWindow(1920, 1080);
@@ -23,4 +23,16 @@ test("Check section", async (t) => {
     await t.hover(Selector("span").withExactText("Bottom").filterVisible());
     await takeElementScreenshot("button-group-unselected-hovered.png", buttongroup, t, comparer);
   });
+});
+
+test("Check long texts", async (t) => {
+  await wrapVisualTest(t, async (t, comparer) => {
+    await ClientFunction(() => window["creator"].showOneCategoryInPropertyGrid = true)();
+    await t.resizeWindow(1920, 1080);
+
+    await t.click(Selector('[title="Logo in the Survey Header"]'));
+    await t.drag(Selector(".svc-resizer-west"), 200, 0);
+    const buttongroup = Selector('[data-name="logoFit"] .spg-button-group').filterVisible();
+    await takeElementScreenshot("button-group-ellipsis.png", buttongroup, t, comparer);
+  });
 });