Playwright tests

e2e/helper.ts

@@ -28,6 +28,8 @@ export const test = baseTest.extend<{page: void, skipJSErrors: boolean}>({
     const errors: Array<Error> = [];
     page.addListener("pageerror", (error) => {
       errors.push(error);
+      // eslint-disable-next-line no-console
+      console.log(`Uncaught exception: "${error}"`);
     });
     await use(page);
     if (!skipJSErrors) {
@@ -47,7 +49,11 @@ export async function doDrag({ page, element, target, options }: { page: Page, e
   await page.mouse.down();
   const { x, y, width, height } = await <any>target.boundingBox();
 
-  await page.mouse.move(x + width / 2 + (options.destinationOffsetX || 0), y + height / 2 + (options.destinationOffsetY || 0), { steps: 20 });
+  if (options?.targetPosition) {
+    await page.mouse.move(x + (options.targetPosition.x || 0), y + (options.targetPosition.y || 0), { steps: 20 });
+  } else {
+    await page.mouse.move(x + width / 2 + (options.destinationOffsetX || 0), y + height / 2 + (options.destinationOffsetY || 0), { steps: 20 });
+  }
 }
 
 export async function doDragDrop({ page, element, target, options }: { page: Page, element: Locator, target: Locator, options: any }):Promise<void> {

packages/survey-creator-core/src/components/popup.scss

@@ -42,6 +42,8 @@
   &.sv-popup--modal-overlay {
     background: var(--ctr-popup-haze-background-color, var(--sjs-special-haze, #cceeee59));
     padding-top: var(--ctr-popup-margin-top-mobile, var(--sjs-spacing-x2));
+    max-height: calc(100vh - var(--ctr-popup-margin-top-mobile, var(--sjs-spacing-x2)));
+    box-sizing: content-box;
 
     & > .sv-popup__container {
       width: 100vw;

screenshotTests/design-surface.spec.ts

@@ -102,6 +102,7 @@ test.describe(title, () => {
       await page.click("#zoomOut button");
     }
     await page.setViewportSize({ width: 600, height: 1900 });
+    await page.waitForTimeout(500);
     await compareScreenshot(page, surfaceSelector, "design-surface-zoom-out.png");
   });
 

screenshotTests/helper.ts

@@ -155,13 +155,13 @@ export function getAddNewQuestionButton(page) {
 }
 
 export function getToolboxItemByText(page, text) {
-  return page.locator(".svc-toolbox__item-title").getByText(text);
+  return page.locator(".svc-toolbox__item-title").getByText(text, { exact: true });
 }
 export function getToolboxItemByAriaLabel(page, text) {
   return page.locator(".svc-toolbox__item").withAttribute("aria-label").getByText(text);
 }
 export function getSubToolboxItemByText(page, text) {
-  return page.locator(".svc-toolbox__item-subtype").getByText(text);
+  return page.locator(".svc-toolbox__item-subtype").getByText(text, { exact: true });
 }
 export async function addQuestionByAddQuestionButton(page, text) {
   await page.locator(".svc-element__add-new-question .svc-element__question-type-selector").click();