pepperplus/pepperplus-ui
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

feat: added ReactFlow-based node graph #11

Merged
j.gerla merged 68 commits from feat/visual-programming-interface into dev 2025-10-28 11:59:03 +00:00
Conversation 43 Commits 68 Files Changed 16 +31 -30
2 changed files with 31 additions and 30 deletions
Download Patch File Download Diff File Expand all files Collapse all files
Showing only changes of commit ea79de5ee5 - Show all commits

30
test/pages/visProgPage/VisProg.test.tsx
View File

@@ -1,30 +0,0 @@
import { act } from '@testing-library/react';
import useFlowStore from '../../../src/pages/VisProgPage/visualProgrammingUI/VisProgStores.tsx';
import { mockReactFlow } from '../../setupFlowTests.ts';
beforeAll(() => {
mockReactFlow();
});
describe('FlowCanvas onConnect', () => {
test('adds an edge when onConnect is triggered', () => {
const { onConnect} = useFlowStore.getState();
act(() => {
onConnect({
source: 'A',
target: 'B',
sourceHandle: null,
targetHandle: null,
});
});
const updatedEdges = useFlowStore.getState().edges;
expect(updatedEdges).toHaveLength(1);
expect(updatedEdges[0]).toMatchObject({
source: 'A',
target: 'B',
});
});
});

31
test/pages/visProgPage/visualProgrammingUI/VisProgStores.test.tsx Normal file
View File

@@ -0,0 +1,31 @@
import { act } from '@testing-library/react';
import useFlowStore from '../../../../src/pages/VisProgPage/visualProgrammingUI/VisProgStores.tsx';
import { mockReactFlow } from '../../../setupFlowTests.ts';
beforeAll(() => {
mockReactFlow();
});
describe('FlowStore Functionality', () => {
describe('ReactFlow onConnect', () => {
test('adds an edge when onConnect is triggered', () => {
const { onConnect} = useFlowStore.getState();
act(() => {
onConnect({
source: 'A',
target: 'B',
sourceHandle: null,
targetHandle: null,
});
});
const updatedEdges = useFlowStore.getState().edges;
expect(updatedEdges).toHaveLength(1);
expect(updatedEdges[0]).toMatchObject({
source: 'A',
target: 'B',
});
});
});
})