admin/n8n-enterprise-unlocked
1
0
Fork 0
mirror of https://github.com/Abdulazizzn/n8n-enterprise-unlocked.git synced 2025-12-20 19:32:15 +00:00
Code Issues Packages Projects Releases Wiki Activity

feat(editor): Add ability to add a node between two nodes in new canvas (no-changelog) (#10006)

Browse Source
This commit is contained in:
Alex Grozav
2024-07-11 17:05:51 +03:00
committed by GitHub
parent d651be4e01
commit 1aae65dfdc
12 changed files with 517 additions and 146 deletions
Download Patch File Download Diff File Expand all files Collapse all files

92
packages/editor-ui/src/composables/useCanvasMapping.spec.ts
View File

@@ -15,6 +15,11 @@ import {
import { MANUAL_TRIGGER_NODE_TYPE, SET_NODE_TYPE } from '@/constants';
import { useNodeTypesStore } from '@/stores/nodeTypes.store';
import { useWorkflowsStore } from '@/stores/workflows.store';
import {
createCanvasConnectionHandleString,
createCanvasConnectionId,
} from '@/utils/canvasUtilsV2';
import { CanvasConnectionMode } from '@/types';
beforeEach(() => {
const pinia = createPinia();
@@ -243,6 +248,25 @@ describe('useCanvasMapping', () => {
workflowObject: ref(workflowObject) as Ref<Workflow>,
});
const source = manualTriggerNode.id;
const sourceHandle = createCanvasConnectionHandleString({
type: NodeConnectionType.Main,
index: 0,
mode: CanvasConnectionMode.Output,
});
const target = setNode.id;
const targetHandle = createCanvasConnectionHandleString({
type: NodeConnectionType.Main,
index: 0,
mode: CanvasConnectionMode.Input,
});
const connectionId = createCanvasConnectionId({
source,
sourceHandle,
target,
targetHandle,
});
expect(mappedConnections.value).toEqual([
{
data: {
@@ -257,12 +281,12 @@ describe('useCanvasMapping', () => {
type: NodeConnectionType.Main,
},
},
id: `[${manualTriggerNode.id}/${NodeConnectionType.Main}/0][${setNode.id}/${NodeConnectionType.Main}/0]`,
id: connectionId,
label: '',
source: manualTriggerNode.id,
sourceHandle: `outputs/${NodeConnectionType.Main}/0`,
target: setNode.id,
targetHandle: `inputs/${NodeConnectionType.Main}/0`,
source,
sourceHandle,
target,
targetHandle,
type: 'canvas-edge',
animated: false,
},
@@ -293,6 +317,44 @@ describe('useCanvasMapping', () => {
workflowObject: ref(workflowObject) as Ref<Workflow>,
});
const sourceA = manualTriggerNode.id;
const sourceHandleA = createCanvasConnectionHandleString({
type: NodeConnectionType.AiTool,
index: 0,
mode: CanvasConnectionMode.Output,
});
const targetA = setNode.id;
const targetHandleA = createCanvasConnectionHandleString({
type: NodeConnectionType.AiTool,
index: 0,
mode: CanvasConnectionMode.Input,
});
const connectionIdA = createCanvasConnectionId({
source: sourceA,
sourceHandle: sourceHandleA,
target: targetA,
targetHandle: targetHandleA,
});
const sourceB = manualTriggerNode.id;
const sourceHandleB = createCanvasConnectionHandleString({
type: NodeConnectionType.AiDocument,
index: 0,
mode: CanvasConnectionMode.Output,
});
const targetB = setNode.id;
const targetHandleB = createCanvasConnectionHandleString({
type: NodeConnectionType.AiDocument,
index: 1,
mode: CanvasConnectionMode.Input,
});
const connectionIdB = createCanvasConnectionId({
source: sourceB,
sourceHandle: sourceHandleB,
target: targetB,
targetHandle: targetHandleB,
});
expect(mappedConnections.value).toEqual([
{
data: {
@@ -307,12 +369,12 @@ describe('useCanvasMapping', () => {
type: NodeConnectionType.AiTool,
},
},
id: `[${manualTriggerNode.id}/${NodeConnectionType.AiTool}/0][${setNode.id}/${NodeConnectionType.AiTool}/0]`,
id: connectionIdA,
label: '',
source: manualTriggerNode.id,
sourceHandle: `outputs/${NodeConnectionType.AiTool}/0`,
target: setNode.id,
targetHandle: `inputs/${NodeConnectionType.AiTool}/0`,
source: sourceA,
sourceHandle: sourceHandleA,
target: targetA,
targetHandle: targetHandleA,
type: 'canvas-edge',
animated: false,
},
@@ -329,12 +391,12 @@ describe('useCanvasMapping', () => {
type: NodeConnectionType.AiDocument,
},
},
id: `[${manualTriggerNode.id}/${NodeConnectionType.AiDocument}/0][${setNode.id}/${NodeConnectionType.AiDocument}/1]`,
id: connectionIdB,
label: '',
source: manualTriggerNode.id,
sourceHandle: `outputs/${NodeConnectionType.AiDocument}/0`,
target: setNode.id,
targetHandle: `inputs/${NodeConnectionType.AiDocument}/1`,
source: sourceB,
sourceHandle: sourceHandleB,
target: targetB,
targetHandle: targetHandleB,
type: 'canvas-edge',
animated: false,
},