mirror of
https://github.com/Abdulazizzn/n8n-enterprise-unlocked.git
synced 2025-12-20 19:32:15 +00:00
refactor(editor): Rename design-system unit test files and snapshots (no-changelog) (#11539)
This commit is contained in:
Alex Grozav
871
packages/editor-ui/src/utils/canvasUtilsV2.test.ts
Normal file
871
packages/editor-ui/src/utils/canvasUtilsV2.test.ts
Normal file
@@ -0,0 +1,871 @@
|
||||
import {
|
||||
createCanvasConnectionHandleString,
|
||||
createCanvasConnectionId,
|
||||
mapCanvasConnectionToLegacyConnection,
|
||||
mapLegacyConnectionsToCanvasConnections,
|
||||
mapLegacyEndpointsToCanvasConnectionPort,
|
||||
parseCanvasConnectionHandleString,
|
||||
checkOverlap,
|
||||
} from '@/utils/canvasUtilsV2';
|
||||
import { type IConnections, type INodeTypeDescription, NodeConnectionType } from 'n8n-workflow';
|
||||
import type { CanvasConnection } from '@/types';
|
||||
import { CanvasConnectionMode } from '@/types';
|
||||
import type { INodeUi } from '@/Interface';
|
||||
import type { Connection } from '@vue-flow/core';
|
||||
import { createTestNode } from '@/__tests__/mocks';
|
||||
|
||||
vi.mock('uuid', () => ({
|
||||
v4: vi.fn(() => 'mock-uuid'),
|
||||
}));
|
||||
|
||||
describe('mapLegacyConnectionsToCanvasConnections', () => {
|
||||
it('should map legacy connections to canvas connections', () => {
|
||||
const legacyConnections: IConnections = {
|
||||
'Node A': {
|
||||
main: [[{ node: 'Node B', type: NodeConnectionType.Main, index: 0 }]],
|
||||
},
|
||||
};
|
||||
const nodes: INodeUi[] = [
|
||||
{
|
||||
id: '1',
|
||||
name: 'Node A',
|
||||
type: 'n8n-nodes-base.node',
|
||||
typeVersion: 1,
|
||||
position: [100, 100],
|
||||
parameters: {},
|
||||
},
|
||||
{
|
||||
id: '2',
|
||||
name: 'Node B',
|
||||
type: 'n8n-nodes-base.node',
|
||||
typeVersion: 1,
|
||||
position: [200, 200],
|
||||
parameters: {},
|
||||
},
|
||||
];
|
||||
|
||||
const result: CanvasConnection[] = mapLegacyConnectionsToCanvasConnections(
|
||||
legacyConnections,
|
||||
nodes,
|
||||
);
|
||||
|
||||
const source = nodes[0].id;
|
||||
const sourceHandle = createCanvasConnectionHandleString({
|
||||
mode: CanvasConnectionMode.Output,
|
||||
type: NodeConnectionType.Main,
|
||||
index: 0,
|
||||
});
|
||||
const target = nodes[1].id;
|
||||
const targetHandle = createCanvasConnectionHandleString({
|
||||
mode: CanvasConnectionMode.Input,
|
||||
type: NodeConnectionType.Main,
|
||||
index: 0,
|
||||
});
|
||||
const id = createCanvasConnectionId({
|
||||
source,
|
||||
target,
|
||||
sourceHandle,
|
||||
targetHandle,
|
||||
});
|
||||
|
||||
expect(result).toEqual([
|
||||
{
|
||||
id,
|
||||
source,
|
||||
target,
|
||||
sourceHandle,
|
||||
targetHandle,
|
||||
data: {
|
||||
fromNodeName: nodes[0].name,
|
||||
source: {
|
||||
index: 0,
|
||||
type: NodeConnectionType.Main,
|
||||
},
|
||||
target: {
|
||||
index: 0,
|
||||
type: NodeConnectionType.Main,
|
||||
},
|
||||
},
|
||||
},
|
||||
]);
|
||||
});
|
||||
|
||||
it('should return empty array when no matching nodes found', () => {
|
||||
const legacyConnections: IConnections = {
|
||||
'Node A': {
|
||||
main: [[{ node: 'Node B', type: NodeConnectionType.Main, index: 0 }]],
|
||||
},
|
||||
};
|
||||
const nodes: INodeUi[] = [];
|
||||
|
||||
const result: CanvasConnection[] = mapLegacyConnectionsToCanvasConnections(
|
||||
legacyConnections,
|
||||
nodes,
|
||||
);
|
||||
|
||||
expect(result).toEqual([]);
|
||||
});
|
||||
|
||||
it('should return empty array when no legacy connections provided', () => {
|
||||
const legacyConnections: IConnections = {};
|
||||
const nodes: INodeUi[] = [
|
||||
{
|
||||
id: '1',
|
||||
name: 'Node A',
|
||||
type: 'n8n-nodes-base.node',
|
||||
typeVersion: 1,
|
||||
position: [100, 100],
|
||||
parameters: {},
|
||||
},
|
||||
{
|
||||
id: '2',
|
||||
name: 'Node B',
|
||||
type: 'n8n-nodes-base.node',
|
||||
typeVersion: 1,
|
||||
position: [200, 200],
|
||||
parameters: {},
|
||||
},
|
||||
];
|
||||
|
||||
const result: CanvasConnection[] = mapLegacyConnectionsToCanvasConnections(
|
||||
legacyConnections,
|
||||
nodes,
|
||||
);
|
||||
|
||||
expect(result).toEqual([]);
|
||||
});
|
||||
|
||||
it('should map multiple connections between the same nodes', () => {
|
||||
const legacyConnections: IConnections = {
|
||||
'Node A': {
|
||||
main: [
|
||||
[{ node: 'Node B', type: NodeConnectionType.Main, index: 0 }],
|
||||
[{ node: 'Node B', type: NodeConnectionType.Main, index: 1 }],
|
||||
],
|
||||
},
|
||||
};
|
||||
const nodes: INodeUi[] = [
|
||||
{
|
||||
id: '1',
|
||||
name: 'Node A',
|
||||
type: 'n8n-nodes-base.node',
|
||||
typeVersion: 1,
|
||||
position: [100, 100],
|
||||
parameters: {},
|
||||
},
|
||||
{
|
||||
id: '2',
|
||||
name: 'Node B',
|
||||
type: 'n8n-nodes-base.node',
|
||||
typeVersion: 1,
|
||||
position: [200, 200],
|
||||
parameters: {},
|
||||
},
|
||||
];
|
||||
|
||||
const result: CanvasConnection[] = mapLegacyConnectionsToCanvasConnections(
|
||||
legacyConnections,
|
||||
nodes,
|
||||
);
|
||||
|
||||
const sourceA = nodes[0].id;
|
||||
const sourceHandleA = createCanvasConnectionHandleString({
|
||||
mode: CanvasConnectionMode.Output,
|
||||
type: NodeConnectionType.Main,
|
||||
index: 0,
|
||||
});
|
||||
const targetA = nodes[1].id;
|
||||
const targetHandleA = createCanvasConnectionHandleString({
|
||||
mode: CanvasConnectionMode.Input,
|
||||
type: NodeConnectionType.Main,
|
||||
index: 0,
|
||||
});
|
||||
const connectionIdA = createCanvasConnectionId({
|
||||
source: sourceA,
|
||||
target: targetA,
|
||||
sourceHandle: sourceHandleA,
|
||||
targetHandle: targetHandleA,
|
||||
});
|
||||
|
||||
const sourceB = nodes[0].id;
|
||||
const sourceHandleB = createCanvasConnectionHandleString({
|
||||
mode: CanvasConnectionMode.Output,
|
||||
type: NodeConnectionType.Main,
|
||||
index: 1,
|
||||
});
|
||||
const targetB = nodes[1].id;
|
||||
const targetHandleB = createCanvasConnectionHandleString({
|
||||
mode: CanvasConnectionMode.Input,
|
||||
type: NodeConnectionType.Main,
|
||||
index: 1,
|
||||
});
|
||||
const connectionIdB = createCanvasConnectionId({
|
||||
source: sourceB,
|
||||
target: targetB,
|
||||
sourceHandle: sourceHandleB,
|
||||
targetHandle: targetHandleB,
|
||||
});
|
||||
|
||||
expect(result).toEqual([
|
||||
{
|
||||
id: connectionIdA,
|
||||
source: sourceA,
|
||||
target: targetA,
|
||||
sourceHandle: sourceHandleA,
|
||||
targetHandle: targetHandleA,
|
||||
data: {
|
||||
fromNodeName: nodes[0].name,
|
||||
source: {
|
||||
index: 0,
|
||||
type: NodeConnectionType.Main,
|
||||
},
|
||||
target: {
|
||||
index: 0,
|
||||
type: NodeConnectionType.Main,
|
||||
},
|
||||
},
|
||||
},
|
||||
{
|
||||
id: connectionIdB,
|
||||
source: sourceA,
|
||||
target: targetB,
|
||||
sourceHandle: sourceHandleB,
|
||||
targetHandle: targetHandleB,
|
||||
data: {
|
||||
fromNodeName: nodes[0].name,
|
||||
source: {
|
||||
index: 1,
|
||||
type: NodeConnectionType.Main,
|
||||
},
|
||||
target: {
|
||||
index: 1,
|
||||
type: NodeConnectionType.Main,
|
||||
},
|
||||
},
|
||||
},
|
||||
]);
|
||||
});
|
||||
|
||||
it('should map multiple connections from one node to different nodes', () => {
|
||||
const legacyConnections: IConnections = {
|
||||
'Node A': {
|
||||
main: [
|
||||
[{ node: 'Node B', type: NodeConnectionType.Main, index: 0 }],
|
||||
[{ node: 'Node C', type: NodeConnectionType.Main, index: 0 }],
|
||||
],
|
||||
},
|
||||
};
|
||||
const nodes: INodeUi[] = [
|
||||
{
|
||||
id: '1',
|
||||
name: 'Node A',
|
||||
type: 'n8n-nodes-base.node',
|
||||
typeVersion: 1,
|
||||
position: [100, 100],
|
||||
parameters: {},
|
||||
},
|
||||
{
|
||||
id: '2',
|
||||
name: 'Node B',
|
||||
type: 'n8n-nodes-base.node',
|
||||
typeVersion: 1,
|
||||
position: [200, 200],
|
||||
parameters: {},
|
||||
},
|
||||
{
|
||||
id: '3',
|
||||
name: 'Node C',
|
||||
type: 'n8n-nodes-base.node',
|
||||
typeVersion: 1,
|
||||
position: [300, 300],
|
||||
parameters: {},
|
||||
},
|
||||
];
|
||||
|
||||
const result: CanvasConnection[] = mapLegacyConnectionsToCanvasConnections(
|
||||
legacyConnections,
|
||||
nodes,
|
||||
);
|
||||
|
||||
const sourceA = nodes[0].id;
|
||||
const sourceHandleA = createCanvasConnectionHandleString({
|
||||
mode: CanvasConnectionMode.Output,
|
||||
type: NodeConnectionType.Main,
|
||||
index: 0,
|
||||
});
|
||||
const targetA = nodes[1].id;
|
||||
const targetHandleA = createCanvasConnectionHandleString({
|
||||
mode: CanvasConnectionMode.Input,
|
||||
type: NodeConnectionType.Main,
|
||||
index: 0,
|
||||
});
|
||||
const connectionIdA = createCanvasConnectionId({
|
||||
source: sourceA,
|
||||
target: targetA,
|
||||
sourceHandle: sourceHandleA,
|
||||
targetHandle: targetHandleA,
|
||||
});
|
||||
|
||||
const sourceB = nodes[0].id;
|
||||
const sourceHandleB = createCanvasConnectionHandleString({
|
||||
mode: CanvasConnectionMode.Output,
|
||||
type: NodeConnectionType.Main,
|
||||
index: 1,
|
||||
});
|
||||
const targetB = nodes[2].id;
|
||||
const targetHandleB = createCanvasConnectionHandleString({
|
||||
mode: CanvasConnectionMode.Input,
|
||||
type: NodeConnectionType.Main,
|
||||
index: 0,
|
||||
});
|
||||
const connectionIdB = createCanvasConnectionId({
|
||||
source: sourceB,
|
||||
target: targetB,
|
||||
sourceHandle: sourceHandleB,
|
||||
targetHandle: targetHandleB,
|
||||
});
|
||||
|
||||
expect(result).toEqual([
|
||||
{
|
||||
id: connectionIdA,
|
||||
source: sourceA,
|
||||
target: targetA,
|
||||
sourceHandle: sourceHandleA,
|
||||
targetHandle: targetHandleA,
|
||||
data: {
|
||||
fromNodeName: nodes[0].name,
|
||||
source: {
|
||||
index: 0,
|
||||
type: NodeConnectionType.Main,
|
||||
},
|
||||
target: {
|
||||
index: 0,
|
||||
type: NodeConnectionType.Main,
|
||||
},
|
||||
},
|
||||
},
|
||||
{
|
||||
id: connectionIdB,
|
||||
source: sourceB,
|
||||
target: targetB,
|
||||
sourceHandle: sourceHandleB,
|
||||
targetHandle: targetHandleB,
|
||||
data: {
|
||||
fromNodeName: nodes[0].name,
|
||||
source: {
|
||||
index: 1,
|
||||
type: NodeConnectionType.Main,
|
||||
},
|
||||
target: {
|
||||
index: 0,
|
||||
type: NodeConnectionType.Main,
|
||||
},
|
||||
},
|
||||
},
|
||||
]);
|
||||
});
|
||||
|
||||
it('should map complex node setup with mixed inputs and outputs', () => {
|
||||
const legacyConnections: IConnections = {
|
||||
'Node A': {
|
||||
main: [[{ node: 'Node B', type: NodeConnectionType.Main, index: 0 }]],
|
||||
[NodeConnectionType.AiMemory]: [
|
||||
[{ node: 'Node C', type: NodeConnectionType.AiMemory, index: 1 }],
|
||||
],
|
||||
},
|
||||
'Node B': {
|
||||
main: [[{ node: 'Node C', type: NodeConnectionType.Main, index: 0 }]],
|
||||
},
|
||||
};
|
||||
const nodes: INodeUi[] = [
|
||||
{
|
||||
id: '1',
|
||||
name: 'Node A',
|
||||
typeVersion: 1,
|
||||
type: 'n8n-nodes-base.node',
|
||||
position: [100, 100],
|
||||
parameters: {},
|
||||
},
|
||||
{
|
||||
id: '2',
|
||||
name: 'Node B',
|
||||
typeVersion: 1,
|
||||
type: 'n8n-nodes-base.node',
|
||||
position: [200, 200],
|
||||
parameters: {},
|
||||
},
|
||||
{
|
||||
id: '3',
|
||||
name: 'Node C',
|
||||
typeVersion: 1,
|
||||
type: 'n8n-nodes-base.node',
|
||||
position: [300, 300],
|
||||
parameters: {},
|
||||
},
|
||||
];
|
||||
|
||||
const result: CanvasConnection[] = mapLegacyConnectionsToCanvasConnections(
|
||||
legacyConnections,
|
||||
nodes,
|
||||
);
|
||||
|
||||
const sourceA = nodes[0].id;
|
||||
const sourceHandleA = createCanvasConnectionHandleString({
|
||||
mode: CanvasConnectionMode.Output,
|
||||
type: NodeConnectionType.Main,
|
||||
index: 0,
|
||||
});
|
||||
const targetA = nodes[1].id;
|
||||
const targetHandleA = createCanvasConnectionHandleString({
|
||||
mode: CanvasConnectionMode.Input,
|
||||
type: NodeConnectionType.Main,
|
||||
index: 0,
|
||||
});
|
||||
const connectionIdA = createCanvasConnectionId({
|
||||
source: sourceA,
|
||||
target: targetA,
|
||||
sourceHandle: sourceHandleA,
|
||||
targetHandle: targetHandleA,
|
||||
});
|
||||
|
||||
const sourceB = nodes[0].id;
|
||||
const sourceHandleB = createCanvasConnectionHandleString({
|
||||
mode: CanvasConnectionMode.Output,
|
||||
type: NodeConnectionType.AiMemory,
|
||||
index: 0,
|
||||
});
|
||||
const targetB = nodes[2].id;
|
||||
const targetHandleB = createCanvasConnectionHandleString({
|
||||
mode: CanvasConnectionMode.Input,
|
||||
type: NodeConnectionType.AiMemory,
|
||||
index: 1,
|
||||
});
|
||||
const connectionIdB = createCanvasConnectionId({
|
||||
source: sourceB,
|
||||
target: targetB,
|
||||
sourceHandle: sourceHandleB,
|
||||
targetHandle: targetHandleB,
|
||||
});
|
||||
|
||||
const sourceC = nodes[1].id;
|
||||
const sourceHandleC = createCanvasConnectionHandleString({
|
||||
mode: CanvasConnectionMode.Output,
|
||||
type: NodeConnectionType.Main,
|
||||
index: 0,
|
||||
});
|
||||
const targetC = nodes[2].id;
|
||||
const targetHandleC = createCanvasConnectionHandleString({
|
||||
mode: CanvasConnectionMode.Input,
|
||||
type: NodeConnectionType.Main,
|
||||
index: 0,
|
||||
});
|
||||
const connectionIdC = createCanvasConnectionId({
|
||||
source: sourceC,
|
||||
target: targetC,
|
||||
sourceHandle: sourceHandleC,
|
||||
targetHandle: targetHandleC,
|
||||
});
|
||||
|
||||
expect(result).toEqual([
|
||||
{
|
||||
id: connectionIdA,
|
||||
source: sourceA,
|
||||
target: targetA,
|
||||
sourceHandle: sourceHandleA,
|
||||
targetHandle: targetHandleA,
|
||||
data: {
|
||||
fromNodeName: nodes[0].name,
|
||||
source: {
|
||||
index: 0,
|
||||
type: NodeConnectionType.Main,
|
||||
},
|
||||
target: {
|
||||
index: 0,
|
||||
type: NodeConnectionType.Main,
|
||||
},
|
||||
},
|
||||
},
|
||||
{
|
||||
id: connectionIdB,
|
||||
source: sourceB,
|
||||
target: targetB,
|
||||
sourceHandle: sourceHandleB,
|
||||
targetHandle: targetHandleB,
|
||||
data: {
|
||||
fromNodeName: nodes[0].name,
|
||||
source: {
|
||||
index: 0,
|
||||
type: NodeConnectionType.AiMemory,
|
||||
},
|
||||
target: {
|
||||
index: 1,
|
||||
type: NodeConnectionType.AiMemory,
|
||||
},
|
||||
},
|
||||
},
|
||||
{
|
||||
id: connectionIdC,
|
||||
source: sourceC,
|
||||
target: targetC,
|
||||
sourceHandle: sourceHandleC,
|
||||
targetHandle: targetHandleC,
|
||||
data: {
|
||||
fromNodeName: nodes[1].name,
|
||||
source: {
|
||||
index: 0,
|
||||
type: NodeConnectionType.Main,
|
||||
},
|
||||
target: {
|
||||
index: 0,
|
||||
type: NodeConnectionType.Main,
|
||||
},
|
||||
},
|
||||
},
|
||||
]);
|
||||
});
|
||||
|
||||
it('should handle edge cases with invalid data gracefully', () => {
|
||||
const legacyConnections: IConnections = {
|
||||
'Node A': {
|
||||
main: [
|
||||
[{ node: 'Nonexistent Node', type: NodeConnectionType.Main, index: 0 }],
|
||||
[{ node: 'Node B', type: NodeConnectionType.Main, index: 0 }],
|
||||
],
|
||||
},
|
||||
};
|
||||
const nodes: INodeUi[] = [
|
||||
{
|
||||
id: '1',
|
||||
name: 'Node A',
|
||||
type: 'n8n-nodes-base.node',
|
||||
typeVersion: 1,
|
||||
position: [100, 100],
|
||||
parameters: {},
|
||||
},
|
||||
{
|
||||
id: '2',
|
||||
name: 'Node B',
|
||||
type: 'n8n-nodes-base.node',
|
||||
typeVersion: 1,
|
||||
position: [200, 200],
|
||||
parameters: {},
|
||||
},
|
||||
];
|
||||
|
||||
const result: CanvasConnection[] = mapLegacyConnectionsToCanvasConnections(
|
||||
legacyConnections,
|
||||
nodes,
|
||||
);
|
||||
|
||||
const source = nodes[0].id;
|
||||
const sourceHandle = createCanvasConnectionHandleString({
|
||||
mode: CanvasConnectionMode.Output,
|
||||
type: NodeConnectionType.Main,
|
||||
index: 1,
|
||||
});
|
||||
|
||||
const target = nodes[1].id;
|
||||
const targetHandle = createCanvasConnectionHandleString({
|
||||
mode: CanvasConnectionMode.Input,
|
||||
type: NodeConnectionType.Main,
|
||||
index: 0,
|
||||
});
|
||||
|
||||
const id = createCanvasConnectionId({
|
||||
source,
|
||||
target,
|
||||
sourceHandle,
|
||||
targetHandle,
|
||||
});
|
||||
|
||||
expect(result).toEqual([
|
||||
{
|
||||
id,
|
||||
source,
|
||||
target,
|
||||
sourceHandle,
|
||||
targetHandle,
|
||||
data: {
|
||||
fromNodeName: nodes[0].name,
|
||||
source: {
|
||||
index: 1,
|
||||
type: NodeConnectionType.Main,
|
||||
},
|
||||
target: {
|
||||
index: 0,
|
||||
type: NodeConnectionType.Main,
|
||||
},
|
||||
},
|
||||
},
|
||||
]);
|
||||
});
|
||||
});
|
||||
|
||||
describe('parseCanvasConnectionHandleString', () => {
|
||||
it('should parse valid handle string', () => {
|
||||
const handle = 'inputs/main/1';
|
||||
const result = parseCanvasConnectionHandleString(handle);
|
||||
|
||||
expect(result).toEqual({
|
||||
mode: 'inputs',
|
||||
type: 'main',
|
||||
index: 1,
|
||||
});
|
||||
});
|
||||
|
||||
it('should handle null handle', () => {
|
||||
const handle = null;
|
||||
const result = parseCanvasConnectionHandleString(handle);
|
||||
|
||||
expect(result).toEqual({
|
||||
mode: 'outputs',
|
||||
type: 'main',
|
||||
index: 0,
|
||||
});
|
||||
});
|
||||
|
||||
it('should handle undefined handle', () => {
|
||||
const handle = undefined;
|
||||
const result = parseCanvasConnectionHandleString(handle);
|
||||
|
||||
expect(result).toEqual({
|
||||
mode: 'outputs',
|
||||
type: 'main',
|
||||
index: 0,
|
||||
});
|
||||
});
|
||||
|
||||
it('should handle invalid type in handle', () => {
|
||||
const handle = 'outputs/invalid/1';
|
||||
const result = parseCanvasConnectionHandleString(handle);
|
||||
|
||||
expect(result).toEqual({
|
||||
mode: 'outputs',
|
||||
type: 'main',
|
||||
index: 1,
|
||||
});
|
||||
});
|
||||
|
||||
it('should handle invalid index in handle', () => {
|
||||
const handle = 'outputs/main/invalid';
|
||||
const result = parseCanvasConnectionHandleString(handle);
|
||||
|
||||
expect(result).toEqual({
|
||||
mode: 'outputs',
|
||||
type: 'main',
|
||||
index: 0,
|
||||
});
|
||||
});
|
||||
});
|
||||
|
||||
describe('createCanvasConnectionHandleString', () => {
|
||||
it('should create handle string with default values', () => {
|
||||
const result = createCanvasConnectionHandleString({ mode: 'inputs' });
|
||||
expect(result).toBe('inputs/main/0');
|
||||
});
|
||||
|
||||
it('should create handle string with provided values', () => {
|
||||
const result = createCanvasConnectionHandleString({
|
||||
mode: 'outputs',
|
||||
type: NodeConnectionType.AiMemory,
|
||||
index: 2,
|
||||
});
|
||||
expect(result).toBe(`outputs/${NodeConnectionType.AiMemory}/2`);
|
||||
});
|
||||
|
||||
it('should create handle string with mode and type only', () => {
|
||||
const result = createCanvasConnectionHandleString({
|
||||
mode: 'inputs',
|
||||
type: NodeConnectionType.AiTool,
|
||||
});
|
||||
expect(result).toBe(`inputs/${NodeConnectionType.AiTool}/0`);
|
||||
});
|
||||
|
||||
it('should create handle string with mode and index only', () => {
|
||||
const result = createCanvasConnectionHandleString({ mode: 'outputs', index: 3 });
|
||||
expect(result).toBe('outputs/main/3');
|
||||
});
|
||||
});
|
||||
|
||||
describe('mapCanvasConnectionToLegacyConnection', () => {
|
||||
it('should map canvas connection to legacy connection', () => {
|
||||
const sourceNode = createTestNode({ name: 'sourceNode', type: 'main' });
|
||||
const targetNode = createTestNode({ name: 'targetNode', type: 'main' });
|
||||
const connection: Connection = {
|
||||
target: '1',
|
||||
source: '2',
|
||||
sourceHandle: 'outputs/main/1',
|
||||
targetHandle: 'inputs/main/2',
|
||||
};
|
||||
|
||||
const result = mapCanvasConnectionToLegacyConnection(sourceNode, targetNode, connection);
|
||||
|
||||
expect(result).toEqual([
|
||||
{ node: sourceNode.name, type: 'main', index: 1 },
|
||||
{ node: targetNode.name, type: 'main', index: 2 },
|
||||
]);
|
||||
});
|
||||
});
|
||||
|
||||
describe('mapLegacyEndpointsToCanvasConnectionPort', () => {
|
||||
it('should return an empty array and log a warning when inputs is a string', () => {
|
||||
const consoleWarnSpy = vi.spyOn(console, 'warn').mockImplementation(() => {});
|
||||
const endpoints: INodeTypeDescription['inputs'] = '={{some code}}';
|
||||
const result = mapLegacyEndpointsToCanvasConnectionPort(endpoints);
|
||||
|
||||
expect(result).toEqual([]);
|
||||
expect(consoleWarnSpy).toHaveBeenCalledWith(
|
||||
'Node endpoints have not been evaluated',
|
||||
'={{some code}}',
|
||||
);
|
||||
|
||||
consoleWarnSpy.mockRestore();
|
||||
});
|
||||
|
||||
it('should map string endpoints correctly', () => {
|
||||
const endpoints: INodeTypeDescription['inputs'] = [
|
||||
NodeConnectionType.Main,
|
||||
NodeConnectionType.AiTool,
|
||||
];
|
||||
const result = mapLegacyEndpointsToCanvasConnectionPort(endpoints);
|
||||
|
||||
expect(result).toEqual([
|
||||
{ type: NodeConnectionType.Main, index: 0, label: undefined },
|
||||
{ type: NodeConnectionType.AiTool, index: 0, label: undefined },
|
||||
]);
|
||||
});
|
||||
|
||||
it('should map object endpoints correctly', () => {
|
||||
const endpoints: INodeTypeDescription['inputs'] = [
|
||||
{ type: NodeConnectionType.Main, displayName: 'Main Input' },
|
||||
{ type: NodeConnectionType.AiTool, displayName: 'AI Tool', required: true },
|
||||
];
|
||||
const result = mapLegacyEndpointsToCanvasConnectionPort(endpoints);
|
||||
|
||||
expect(result).toEqual([
|
||||
{ type: NodeConnectionType.Main, index: 0, label: 'Main Input' },
|
||||
{ type: NodeConnectionType.AiTool, index: 0, label: 'AI Tool', required: true },
|
||||
]);
|
||||
});
|
||||
|
||||
it('should map mixed string and object endpoints correctly', () => {
|
||||
const endpoints: INodeTypeDescription['inputs'] = [
|
||||
NodeConnectionType.Main,
|
||||
{ type: NodeConnectionType.AiTool, displayName: 'AI Tool' },
|
||||
NodeConnectionType.Main,
|
||||
];
|
||||
const result = mapLegacyEndpointsToCanvasConnectionPort(endpoints);
|
||||
|
||||
expect(result).toEqual([
|
||||
{ type: NodeConnectionType.Main, index: 0, label: undefined },
|
||||
{ type: NodeConnectionType.AiTool, index: 0, label: 'AI Tool' },
|
||||
{ type: NodeConnectionType.Main, index: 1, label: undefined },
|
||||
]);
|
||||
});
|
||||
|
||||
it('should handle multiple same type object endpoints', () => {
|
||||
const endpoints: INodeTypeDescription['inputs'] = [
|
||||
{ type: NodeConnectionType.Main, displayName: 'Main Input' },
|
||||
{ type: NodeConnectionType.Main, displayName: 'Secondary Main Input' },
|
||||
];
|
||||
const result = mapLegacyEndpointsToCanvasConnectionPort(endpoints);
|
||||
|
||||
expect(result).toEqual([
|
||||
{ type: NodeConnectionType.Main, index: 0, label: 'Main Input' },
|
||||
{ type: NodeConnectionType.Main, index: 1, label: 'Secondary Main Input' },
|
||||
]);
|
||||
});
|
||||
|
||||
it('should handle endpoints with separate names', () => {
|
||||
const endpoints: INodeTypeDescription['inputs'] = [
|
||||
NodeConnectionType.Main,
|
||||
NodeConnectionType.Main,
|
||||
];
|
||||
const result = mapLegacyEndpointsToCanvasConnectionPort(endpoints, ['First', 'Second']);
|
||||
|
||||
expect(result).toEqual([
|
||||
{ type: NodeConnectionType.Main, index: 0, label: 'First' },
|
||||
{ type: NodeConnectionType.Main, index: 1, label: 'Second' },
|
||||
]);
|
||||
});
|
||||
|
||||
it('should map required and non-required endpoints correctly', () => {
|
||||
const endpoints: INodeTypeDescription['inputs'] = [
|
||||
{ type: NodeConnectionType.Main, displayName: 'Main Input', required: true },
|
||||
{ type: NodeConnectionType.AiTool, displayName: 'Optional Tool', required: false },
|
||||
];
|
||||
const result = mapLegacyEndpointsToCanvasConnectionPort(endpoints);
|
||||
|
||||
expect(result).toEqual([
|
||||
{ type: NodeConnectionType.Main, index: 0, label: 'Main Input', required: true },
|
||||
{ type: NodeConnectionType.AiTool, index: 0, label: 'Optional Tool' },
|
||||
]);
|
||||
});
|
||||
|
||||
it('should map maxConnections correctly', () => {
|
||||
const endpoints: INodeTypeDescription['inputs'] = [
|
||||
NodeConnectionType.Main,
|
||||
{
|
||||
type: NodeConnectionType.AiMemory,
|
||||
maxConnections: 1,
|
||||
displayName: 'Optional Tool',
|
||||
required: false,
|
||||
},
|
||||
];
|
||||
const result = mapLegacyEndpointsToCanvasConnectionPort(endpoints);
|
||||
|
||||
expect(result).toEqual([
|
||||
{
|
||||
type: NodeConnectionType.Main,
|
||||
maxConnections: undefined,
|
||||
index: 0,
|
||||
label: undefined,
|
||||
},
|
||||
{ type: NodeConnectionType.AiMemory, maxConnections: 1, index: 0, label: 'Optional Tool' },
|
||||
]);
|
||||
});
|
||||
});
|
||||
|
||||
describe('checkOverlap', () => {
|
||||
it('should return true when nodes overlap', () => {
|
||||
const node1 = { x: 0, y: 0, width: 10, height: 10 };
|
||||
const node2 = { x: 5, y: 5, width: 10, height: 10 };
|
||||
expect(checkOverlap(node1, node2)).toBe(true);
|
||||
});
|
||||
|
||||
it('should return false when node1 is completely to the left of node2', () => {
|
||||
const node1 = { x: 0, y: 0, width: 10, height: 10 };
|
||||
const node2 = { x: 15, y: 0, width: 10, height: 10 };
|
||||
expect(checkOverlap(node1, node2)).toBe(false);
|
||||
});
|
||||
|
||||
it('should return false when node2 is completely to the left of node1', () => {
|
||||
const node1 = { x: 15, y: 0, width: 10, height: 10 };
|
||||
const node2 = { x: 0, y: 0, width: 10, height: 10 };
|
||||
expect(checkOverlap(node1, node2)).toBe(false);
|
||||
});
|
||||
|
||||
it('should return false when node1 is completely above node2', () => {
|
||||
const node1 = { x: 0, y: 0, width: 10, height: 10 };
|
||||
const node2 = { x: 0, y: 15, width: 10, height: 10 };
|
||||
expect(checkOverlap(node1, node2)).toBe(false);
|
||||
});
|
||||
|
||||
it('should return false when node2 is completely above node1', () => {
|
||||
const node1 = { x: 0, y: 15, width: 10, height: 10 };
|
||||
const node2 = { x: 0, y: 0, width: 10, height: 10 };
|
||||
expect(checkOverlap(node1, node2)).toBe(false);
|
||||
});
|
||||
|
||||
it('should return false when nodes touch at the edges', () => {
|
||||
const node1 = { x: 0, y: 0, width: 10, height: 10 };
|
||||
const node2 = { x: 10, y: 0, width: 10, height: 10 };
|
||||
expect(checkOverlap(node1, node2)).toBe(false);
|
||||
});
|
||||
|
||||
it('should return false when nodes touch at the corners', () => {
|
||||
const node1 = { x: 0, y: 0, width: 10, height: 10 };
|
||||
const node2 = { x: 10, y: 10, width: 10, height: 10 };
|
||||
expect(checkOverlap(node1, node2)).toBe(false);
|
||||
});
|
||||
});
|
||||
Reference in New Issue
Block a user