alighasami/xyflow
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fixed tests for react & added scripts to package.json

Browse Source
This commit is contained in:
Peter
2023-11-08 11:22:20 +01:00
parent a92671093c
commit 5fd7db74a8
6 changed files with 30 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
tests/playwright/e2e/edges.spec.ts
View File

@@ -47,7 +47,7 @@ test.describe('EDGES', () => {
});
test('styles get applied', async ({ page }) => {
const edge = page.locator('#edge-with-style');
const edge = page.locator('[data-id="edge-with-style"]').locator(`.${FRAMEWORK}-flow__edge-path`);
await expect(edge).toHaveCSS('stroke', 'rgb(255, 0, 0)');
});
@@ -121,7 +121,7 @@ test.describe('EDGES', () => {
});
test('zIndex sets z-index of edge svgs', async ({ page }) => {
const svg = page.locator('svg', { has: page.locator('#z-index') });
const svg = page.locator('svg', { has: page.locator('[data-id="z-index"]') });
await expect(svg).toBeAttached();
await expect(svg).toHaveCSS('z-index', '3141592');
@@ -149,8 +149,8 @@ test.describe('EDGES', () => {
await expect(edge).toHaveClass(/selected/);
});
test('markerEnd is setting marker-end', async ({ page }) => {
const edge = page.locator('#markers');
test('marker-start, marker-end set markers', async ({ page }) => {
const edge = page.locator('[data-id="markers"]').locator(`.${FRAMEWORK}-flow__edge-path`);
await expect(edge).toBeAttached();

16
tests/playwright/e2e/nodes.spec.ts
View File

@@ -1,4 +1,4 @@
import { test, expect } from '@playwright/test';
import { test, expect, Locator } from '@playwright/test';
import { FRAMEWORK } from './constants';
@@ -28,10 +28,10 @@ test.describe('NODES', () => {
const box = await firstNode.boundingBox();
await page.mouse.move(box!.x - 100, box!.y - 10);
await page.mouse.move(box!.x - 150, box!.y - 25);
await page.keyboard.down('Shift');
await page.mouse.down();
await page.mouse.move(box!.x + 200, box!.y + 200);
await page.mouse.move(box!.x + 275, box!.y + 200);
await page.mouse.up();
await page.keyboard.up('Shift');
@@ -39,8 +39,14 @@ test.describe('NODES', () => {
await expect(secondNode).toHaveClass(/selected/);
await expect(thirdNode).toHaveClass(/selected/);
const selection = page.locator(`.${FRAMEWORK}-flow__selection`);
await expect(selection).toBeInViewport();
let selection: Locator | undefined;
if (FRAMEWORK === 'react') {
selection = page.locator('.react-flow__nodesselection');
} else if (FRAMEWORK === 'svelte') {
selection = page.locator('.svelte-flow__selection');
}
if (selection) await expect(selection).toBeInViewport();
});
test('selectable=false prevents selection', async ({ page }) => {

6
tests/playwright/e2e/pane.spec.ts
View File

@@ -25,7 +25,7 @@ test.describe('PANE DEFAULT', () => {
await page.goto('/tests/generic/pane/general');
// Wait till the edges are rendered
await page.waitForSelector('#first-edge', { timeout: 5000 });
await page.waitForSelector('[data-id="first-edge"]', { timeout: 5000 });
});
test.describe('pan & zoom', () => {
@@ -148,7 +148,7 @@ test.describe('PANE NON-DEFAULT', () => {
await page.goto('/tests/generic/pane/non-defaults');
// Wait till the edges are rendered
await page.waitForSelector('#first-edge', { timeout: 5000 });
await page.waitForSelector('[data-id="first-edge"]', { timeout: 5000 });
});
test.describe('pan & zoom', () => {
@@ -190,7 +190,7 @@ test.describe('PANE ACTIVATION KEYS', () => {
await page.goto('/tests/generic/pane/activation-keys');
// Wait till the edges are rendered
await page.waitForSelector('#first-edge', { timeout: 5000 });
await page.waitForSelector('[data-id="first-edge"]', { timeout: 5000 });
});
// TODO
});