style: restructured and renamed VisProg.test.tsx to VisProgStores.test.tsx

renamed as the functionality being tested is contained within the VisProgStores.tsx file and thus the filename for the tests should reflect that relation, so order is preserved in the project.
also added a second describe layer to group the tests for all FlowStore functions together for organisational purposes.

ref: N25B-114
This commit is contained in:
JGerla
2025-10-25 13:57:37 +02:00
parent b64d4fbd01
commit ea79de5ee5
2 changed files with 31 additions and 30 deletions

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',
});
});
});

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',
});
});
});
})