Added more tests for edges, pane

2023-11-02 14:04:41 +01:00
parent 4cf99ec425
commit 92272080e3
6 changed files with 140 additions and 10 deletions
@@ -0,0 +1,36 @@
+import { test, expect } from '@playwright/test';
+
+import { FRAMEWORK } from './constants';
+
+test.describe('PANE', () => {
+  test.beforeEach(async ({ page }) => {
+    // Go to the starting url before each test.
+    await page.goto('/tests/pane');
+  });
+
+  test.describe('pan', () => {
+    test('panning the pane', async ({ page }) => {
+      const pane = page.locator(`.${FRAMEWORK}-flow__pane`);
+      const viewport = page.locator(`.${FRAMEWORK}-flow__viewport`);
+
+      await expect(pane).toBeAttached();
+
+      const paneBox = await pane.boundingBox();
+
+      const viewportTransformBeforePan = await viewport.evaluate((element) => {
+        return element.style.transform;
+      });
+
+      await pane.hover();
+      await page.mouse.down();
+      await page.mouse.move(paneBox!.x + 150, paneBox!.y + 100);
+      await page.mouse.up();
+
+      const viewportTransformAfterPan = await viewport.evaluate((element) => {
+        return element.style.transform;
+      });
+
+      expect(viewportTransformBeforePan).toBe(viewportTransformAfterPan);
+    });
+  });
+});