jest.mock('n8n-core', () => ({
getHtmlSandboxCSP: jest.fn(
() =>
'sandbox allow-downloads allow-forms allow-modals allow-orientation-lock allow-pointer-lock allow-popups allow-presentation allow-scripts allow-top-navigation-by-user-activation allow-top-navigation-to-custom-protocols',
),
isFormHtmlSandboxingDisabled: jest.fn(() => false),
}));
import type { Request } from 'express';
import { mock } from 'jest-mock-extended';
import { DateTime } from 'luxon';
import type {
FormFieldsParameter,
IDataObject,
INode,
INodeExecutionData,
IWebhookFunctions,
IWorkflowSettings,
MultiPartFormData,
NodeTypeAndVersion,
} from 'n8n-workflow';
import { BINARY_MODE_COMBINED } from 'n8n-workflow';
import {
formWebhook,
createDescriptionMetadata,
prepareFormData,
prepareFormReturnItem,
resolveRawData,
isFormConnected,
sanitizeHtml,
sanitizeCustomCss,
validateResponseModeConfiguration,
prepareFormFields,
addFormResponseDataToReturnItem,
validateSafeRedirectUrl,
handleNewlines,
parseFormFields,
} from '../utils/utils';
import { isIpAllowed } from '../../Webhook/utils';
describe('FormTrigger, parseFormDescription', () => {
it('should remove HTML tags and truncate to 150 characters', () => {
const descriptions = [
{ description: 'This is a test description
', expected: 'This is a test description' },
{ description: 'Test description', expected: 'Test description' },
{
description:
'Beneath the golden hues of a setting sun, waves crashed against the rugged shore, carrying whispers of ancient tales etched in natures timeless and soothing song.',
expected:
'Beneath the golden hues of a setting sun, waves crashed against the rugged shore, carrying whispers of ancient tales etched in natures timeless and so',
},
{
description:
'Beneath the golden hues of a setting sun, waves crashed against the rugged shore, carrying whispers of ancient tales etched in natures timeless and soothing song.
',
expected:
'Beneath the golden hues of a setting sun, waves crashed against the rugged shore, carrying whispers of ancient tales etched in natures timeless and so',
},
];
descriptions.forEach(({ description, expected }) => {
expect(createDescriptionMetadata(description)).toBe(expected);
});
});
});
describe('FormTrigger, sanitizeHtml', () => {
it('should remove forbidden HTML tags', () => {
const givenHtml = [
{
html: '',
expected: '',
},
{
html: '',
expected: '',
},
{
html: 'Your browser does not support the video tag. Fallback text ",
expected: 'Column Header Row Header Data
',
expected:
'Column Header Row Header Data
',
},
{
html: '',
expected:
'',
},
{
html: '',
expected:
'',
},
];
cellAttributeTestCases.forEach(({ html, expected }) => {
expect(sanitizeHtml(html)).toBe(expected);
});
});
it('should strip malicious attributes from table cells while preserving allowed ones', () => {
const maliciousCellTestCases = [
{
html: 'Safe content ',
expected: 'Safe content ',
},
{
html: 'Header ',
expected: 'Header ',
},
{
html: 'Data ',
expected: 'Data ',
},
{
html: 'Multi-span header ',
expected: 'Multi-span header ',
},
];
maliciousCellTestCases.forEach(({ html, expected }) => {
expect(sanitizeHtml(html)).toBe(expected);
});
});
it('should handle complex table structures with tfoot and cell attributes', () => {
const complexTableTestCases = [
{
html: 'Sales Report Product Revenue Widget A $1,000 Widget B $2,000 Total $3,000
',
expected:
'Sales Report Product Revenue Widget A $1,000 Widget B $2,000 Total $3,000
',
},
{
html: 'Multi-row cell Cell 1 Cell 2 Footer spans both columns
',
expected:
'Multi-row cell Cell 1 Cell 2 Footer spans both columns
',
},
];
complexTableTestCases.forEach(({ html, expected }) => {
expect(sanitizeHtml(html)).toBe(expected);
});
});
it('should remove malicious attributes from table elements', () => {
const maliciousTableCases = [
{
html: '',
expected: '',
},
{
html: '',
expected: 'Header Data Data Cell Cell Header ',
expected: 'Header ',
},
{
html: 'Cell Data ',
expected: 'Cell Data ',
},
];
maliciousTableCases.forEach(({ html, expected }) => {
expect(sanitizeHtml(html)).toBe(expected);
});
});
it('should handle nested content within table elements', () => {
const nestedTableCases = [
{
html: '',
expected: '',
},
{
html: '',
expected:
'',
},
{
html: '',
expected:
'',
},
{
html: 'code snippet and preformatted text
',
expected:
'code snippet and preformatted text
',
},
];
nestedTableCases.forEach(({ html, expected }) => {
expect(sanitizeHtml(html)).toBe(expected);
});
});
it('should handle malformed table structures gracefully', () => {
const malformedTableCases = [
{
html: '',
expected: '',
},
{
html: 'Header without table Header without table Unclosed table',
expected: ' Unclosed table Mixed header and data Mixed header and data Malicious Link Malicious Link Product Price Stock Widget A $10.99 50 Widget B $15.99 25
',
expected:
'Product Price Stock Widget A $10.99 50 Widget B $15.99 25
',
},
{
html: '',
expected:
'',
},
];
complexTableCases.forEach(({ html, expected }) => {
expect(sanitizeHtml(html)).toBe(expected);
});
});
});
describe('sanitizeCustomCss', () => {
it('should return undefined for undefined input', () => {
expect(sanitizeCustomCss(undefined)).toBeUndefined();
});
it('should return undefined for empty string', () => {
expect(sanitizeCustomCss('')).toBeUndefined();
});
it('should preserve CSS child combinator selectors (>)', () => {
const css = '#n8n-form > div.form-header > p { text-align: left; }';
expect(sanitizeCustomCss(css)).toBe(css);
});
it('should preserve CSS adjacent sibling selectors (+)', () => {
const css = 'h1 + p { margin-top: 0; }';
expect(sanitizeCustomCss(css)).toBe(css);
});
it('should preserve CSS general sibling selectors (~)', () => {
const css = 'h1 ~ p { color: gray; }';
expect(sanitizeCustomCss(css)).toBe(css);
});
it('should remove script tags from CSS', () => {
const css = '.container { color: red; }';
expect(sanitizeCustomCss(css)).toBe('.container { color: red; }');
});
it('should remove style closing tags that could break out of style block', () => {
const css = '.container { color: red; }';
expect(sanitizeCustomCss(css)).toBe('.container { color: red; }');
});
it('should preserve url() in CSS', () => {
const css = '.bg { background-image: url(https://example.com/image.png); }';
expect(sanitizeCustomCss(css)).toBe(css);
});
it('should preserve complex CSS with multiple selectors and properties', () => {
const css = `
#n8n-form > div.form-header > p { text-align: left; }
.form-container > .input-group + .input-group { margin-top: 1rem; }
button:hover { background-color: #0056b3; }
`;
expect(sanitizeCustomCss(css)).toBe(css);
});
});
describe('FormTrigger, formWebhook', () => {
const executeFunctions = mock();
executeFunctions.getNode.mockReturnValue({ typeVersion: 2.1 } as any);
executeFunctions.getNodeParameter.calledWith('options').mockReturnValue({});
executeFunctions.getNodeParameter.calledWith('formTitle').mockReturnValue('Test Form');
executeFunctions.getNodeParameter
.calledWith('formDescription')
.mockReturnValue('Test Description');
executeFunctions.getNodeParameter.calledWith('responseMode').mockReturnValue('onReceived');
executeFunctions.getNodeParameter.calledWith('authentication').mockReturnValue('none');
executeFunctions.getRequestObject.mockReturnValue({ method: 'GET', query: {} } as any);
executeFunctions.getMode.mockReturnValue('manual');
executeFunctions.getInstanceId.mockReturnValue('instanceId');
executeFunctions.getBodyData.mockReturnValue({ data: {}, files: {} });
executeFunctions.getChildNodes.mockReturnValue([]);
beforeEach(() => {
jest.clearAllMocks();
});
it('should call response render', async () => {
const mockRender = jest.fn();
const formFields: FormFieldsParameter = [
{ fieldLabel: 'Name', fieldType: 'text', requiredField: true },
{ fieldLabel: 'Age', fieldType: 'number', requiredField: false },
{
fieldLabel: 'Gender',
fieldType: 'select',
requiredField: true,
fieldOptions: { values: [{ option: 'Male' }, { option: 'Female' }] },
},
{
fieldLabel: 'Resume',
fieldType: 'file',
requiredField: true,
acceptFileTypes: '.pdf,.doc',
multipleFiles: false,
},
{
fieldLabel: 'Custom HTML',
fieldType: 'html',
html: 'Test HTML
',
requiredField: false,
},
{
fieldName: 'Powerpuff Girl',
fieldValue: 'Blossom',
fieldType: 'hiddenField',
fieldLabel: '',
},
];
executeFunctions.getNodeParameter.calledWith('formFields.values').mockReturnValue(formFields);
executeFunctions.getResponseObject.mockReturnValue({
render: mockRender,
setHeader: jest.fn(),
} as any);
await formWebhook(executeFunctions);
expect(mockRender).toHaveBeenCalledWith('form-trigger', {
appendAttribution: true,
buttonLabel: 'Submit',
formDescription: 'Test Description',
formDescriptionMetadata: 'Test Description',
formFields: [
{
defaultValue: '',
errorId: 'error-field-0',
id: 'field-0',
inputRequired: 'form-required',
isInput: true,
label: 'Name',
placeholder: undefined,
type: 'text',
},
{
defaultValue: '',
errorId: 'error-field-1',
id: 'field-1',
inputRequired: '',
isInput: true,
label: 'Age',
placeholder: undefined,
type: 'number',
},
{
defaultValue: '',
errorId: 'error-field-2',
id: 'field-2',
inputRequired: 'form-required',
isInput: true,
label: 'Gender',
placeholder: undefined,
type: 'select',
},
{
acceptFileTypes: '.pdf,.doc',
defaultValue: '',
errorId: 'error-field-3',
id: 'field-3',
inputRequired: 'form-required',
isFileInput: true,
label: 'Resume',
multipleFiles: '',
placeholder: undefined,
},
{
id: 'field-4',
errorId: 'error-field-4',
label: 'Custom HTML',
inputRequired: '',
defaultValue: '',
placeholder: undefined,
html: 'Test HTML
',
isHtml: true,
},
{
id: 'field-5',
errorId: 'error-field-5',
hiddenName: 'Powerpuff Girl',
hiddenValue: 'Blossom',
label: 'Powerpuff Girl',
isHidden: true,
inputRequired: '',
defaultValue: '',
placeholder: undefined,
},
],
formSubmittedText: 'Your response has been recorded',
formTitle: 'Test Form',
n8nWebsiteLink:
'https://n8n.io/?utm_source=n8n-internal&utm_medium=form-trigger&utm_campaign=instanceId',
testRun: true,
useResponseData: false,
});
});
it('should sanitize form descriptions', async () => {
const mockRender = jest.fn();
const formDescription = [
{ description: 'Test Description', expected: 'Test Description' },
{ description: 'hello ', expected: 'hello ' },
{ description: '', expected: '' },
];
const formFields: FormFieldsParameter = [
{ fieldLabel: 'Name', fieldType: 'text', requiredField: true },
];
executeFunctions.getNodeParameter.calledWith('formFields.values').mockReturnValue(formFields);
executeFunctions.getResponseObject.mockReturnValue({
render: mockRender,
setHeader: jest.fn(),
} as any);
for (const { description, expected } of formDescription) {
executeFunctions.getNodeParameter.calledWith('formDescription').mockReturnValue(description);
await formWebhook(executeFunctions);
expect(mockRender).toHaveBeenCalledWith('form-trigger', {
appendAttribution: true,
buttonLabel: 'Submit',
formDescription: expected,
formDescriptionMetadata: createDescriptionMetadata(expected),
formFields: [
{
defaultValue: '',
errorId: 'error-field-0',
id: 'field-0',
inputRequired: 'form-required',
isInput: true,
label: 'Name',
placeholder: undefined,
type: 'text',
},
],
formSubmittedText: 'Your response has been recorded',
formTitle: 'Test Form',
n8nWebsiteLink:
'https://n8n.io/?utm_source=n8n-internal&utm_medium=form-trigger&utm_campaign=instanceId',
testRun: true,
useResponseData: false,
});
}
});
it.each([
['\\n', '\n'],
['\\\\n', '\\n'],
])('should replace %j with %j in form descriptions', async (pattern, replacement) => {
const description = `Some message${pattern}Other text`;
const expected = `Some message${replacement}Other text`;
const mockRender = jest.fn();
const formFields: FormFieldsParameter = [
{ fieldLabel: 'Name', fieldType: 'text', requiredField: true },
];
executeFunctions.getNodeParameter.calledWith('formFields.values').mockReturnValue(formFields);
executeFunctions.getResponseObject.mockReturnValue({
render: mockRender,
setHeader: jest.fn(),
} as any);
executeFunctions.getNodeParameter.calledWith('formDescription').mockReturnValue(description);
await formWebhook(executeFunctions);
expect(mockRender).toHaveBeenCalledWith('form-trigger', {
appendAttribution: true,
buttonLabel: 'Submit',
formDescription: expected,
formDescriptionMetadata: createDescriptionMetadata(expected),
formFields: [
{
defaultValue: '',
errorId: 'error-field-0',
id: 'field-0',
inputRequired: 'form-required',
isInput: true,
label: 'Name',
placeholder: undefined,
type: 'text',
},
],
formSubmittedText: 'Your response has been recorded',
formTitle: 'Test Form',
n8nWebsiteLink:
'https://n8n.io/?utm_source=n8n-internal&utm_medium=form-trigger&utm_campaign=instanceId',
testRun: true,
useResponseData: false,
});
});
it('should return workflowData on POST request', async () => {
const mockStatus = jest.fn();
const mockEnd = jest.fn();
const formFields: FormFieldsParameter = [
{ fieldLabel: 'Name', fieldType: 'text', requiredField: true },
{ fieldLabel: 'Age', fieldType: 'number', requiredField: false },
];
const bodyData = {
'field-0': 'John Doe',
'field-1': '30',
};
executeFunctions.getNodeParameter.calledWith('formFields.values').mockReturnValue(formFields);
executeFunctions.getResponseObject.mockReturnValue({ status: mockStatus, end: mockEnd } as any);
executeFunctions.getRequestObject.mockReturnValue({
method: 'POST',
contentType: 'multipart/form-data',
} as any);
executeFunctions.getBodyData.mockReturnValue({ data: bodyData, files: {} });
executeFunctions.getWorkflowSettings.mockReturnValue(mock({}));
const result = await formWebhook(executeFunctions);
expect(result).toEqual({
webhookResponse: { status: 200 },
workflowData: [
[
{
json: {
Name: 'John Doe',
Age: 30,
submittedAt: expect.any(String),
formMode: 'test',
},
},
],
],
});
});
it('should set Content-Security-Policy header with sandbox CSP on GET request', async () => {
const mockRender = jest.fn();
const mockSetHeader = jest.fn();
const formFields: FormFieldsParameter = [
{ fieldLabel: 'Name', fieldType: 'text', requiredField: true },
];
executeFunctions.getNode.mockReturnValue({ typeVersion: 2.1 } as any);
executeFunctions.getNodeParameter.calledWith('options').mockReturnValue({});
executeFunctions.getNodeParameter.calledWith('formTitle').mockReturnValue('Test Form');
executeFunctions.getNodeParameter.calledWith('formDescription').mockReturnValue('Test');
executeFunctions.getNodeParameter.calledWith('responseMode').mockReturnValue('onReceived');
executeFunctions.getRequestObject.mockReturnValue({ method: 'GET', query: {} } as any);
executeFunctions.getMode.mockReturnValue('manual');
executeFunctions.getInstanceId.mockReturnValue('instanceId');
executeFunctions.getChildNodes.mockReturnValue([]);
executeFunctions.getNodeParameter.calledWith('formFields.values').mockReturnValue(formFields);
executeFunctions.getResponseObject.mockReturnValue({
render: mockRender,
setHeader: mockSetHeader,
} as any);
await formWebhook(executeFunctions);
expect(mockSetHeader).toHaveBeenCalledWith(
'Content-Security-Policy',
'sandbox allow-downloads allow-forms allow-modals allow-orientation-lock allow-pointer-lock allow-popups allow-presentation allow-scripts allow-top-navigation-by-user-activation allow-top-navigation-to-custom-protocols',
);
});
it('should include sandbox directive in CSP header for security', async () => {
const mockRender = jest.fn();
const mockSetHeader = jest.fn();
const formFields: FormFieldsParameter = [
{ fieldLabel: 'Name', fieldType: 'text', requiredField: true },
];
executeFunctions.getNode.mockReturnValue({ typeVersion: 2.1 } as any);
executeFunctions.getNodeParameter.calledWith('options').mockReturnValue({});
executeFunctions.getNodeParameter.calledWith('formTitle').mockReturnValue('Test Form');
executeFunctions.getNodeParameter.calledWith('formDescription').mockReturnValue('Test');
executeFunctions.getNodeParameter.calledWith('responseMode').mockReturnValue('onReceived');
executeFunctions.getRequestObject.mockReturnValue({ method: 'GET', query: {} } as any);
executeFunctions.getMode.mockReturnValue('manual');
executeFunctions.getInstanceId.mockReturnValue('instanceId');
executeFunctions.getChildNodes.mockReturnValue([]);
executeFunctions.getNodeParameter.calledWith('formFields.values').mockReturnValue(formFields);
executeFunctions.getResponseObject.mockReturnValue({
render: mockRender,
setHeader: mockSetHeader,
} as any);
await formWebhook(executeFunctions);
expect(mockSetHeader).toHaveBeenCalledWith(
'Content-Security-Policy',
expect.stringContaining('sandbox'),
);
});
});
describe('FormTrigger, prepareFormData', () => {
it('should return valid form data with given parameters', () => {
const formFields: FormFieldsParameter = [
{
fieldLabel: 'Name',
fieldType: 'text',
requiredField: true,
placeholder: 'Enter your name',
},
{
fieldLabel: 'Email',
fieldType: 'email',
requiredField: true,
placeholder: 'Enter your email',
},
{
fieldLabel: 'Gender',
fieldType: 'dropdown',
requiredField: false,
fieldOptions: { values: [{ option: 'Male' }, { option: 'Female' }] },
},
{
fieldLabel: 'Files',
fieldType: 'file',
requiredField: false,
acceptFileTypes: '.jpg,.png',
multipleFiles: true,
},
{
fieldLabel: 'username',
fieldName: 'username',
fieldValue: 'powerpuffgirl125',
fieldType: 'hiddenField',
},
{
fieldLabel: 'villain',
fieldName: 'villain',
fieldValue: 'Mojo Dojo',
fieldType: 'hiddenField',
},
];
const query = { Name: 'John Doe', Email: 'john@example.com', villain: 'princess morbucks' };
const result = prepareFormData({
formTitle: 'Test Form',
formDescription: 'This is a test form',
formSubmittedText: 'Thank you for your submission',
redirectUrl: 'https://example.com/thank-you',
formFields,
testRun: false,
query,
instanceId: 'test-instance',
useResponseData: true,
buttonLabel: 'Submit',
});
expect(result).toEqual({
testRun: false,
formTitle: 'Test Form',
formDescription: 'This is a test form',
formDescriptionMetadata: 'This is a test form',
formSubmittedText: 'Thank you for your submission',
n8nWebsiteLink:
'https://n8n.io/?utm_source=n8n-internal&utm_medium=form-trigger&utm_campaign=test-instance',
formFields: [
{
id: 'field-0',
errorId: 'error-field-0',
label: 'Name',
inputRequired: 'form-required',
defaultValue: 'John Doe',
placeholder: 'Enter your name',
isInput: true,
type: 'text',
},
{
id: 'field-1',
errorId: 'error-field-1',
label: 'Email',
inputRequired: 'form-required',
defaultValue: 'john@example.com',
placeholder: 'Enter your email',
isInput: true,
type: 'email',
},
{
id: 'field-2',
errorId: 'error-field-2',
label: 'Gender',
inputRequired: '',
defaultValue: '',
placeholder: undefined,
isSelect: true,
selectOptions: ['Male', 'Female'],
},
{
id: 'field-3',
errorId: 'error-field-3',
label: 'Files',
inputRequired: '',
defaultValue: '',
placeholder: undefined,
isFileInput: true,
acceptFileTypes: '.jpg,.png',
multipleFiles: 'multiple',
},
{
id: 'field-4',
errorId: 'error-field-4',
label: 'username',
inputRequired: '',
defaultValue: '',
placeholder: undefined,
hiddenName: 'username',
hiddenValue: 'powerpuffgirl125',
isHidden: true,
},
{
id: 'field-5',
errorId: 'error-field-5',
label: 'villain',
inputRequired: '',
defaultValue: 'princess morbucks',
placeholder: undefined,
hiddenName: 'villain',
isHidden: true,
hiddenValue: 'princess morbucks',
},
],
useResponseData: true,
appendAttribution: true,
buttonLabel: 'Submit',
redirectUrl: 'https://example.com/thank-you',
});
});
it('should handle missing optional fields gracefully', () => {
const formFields: FormFieldsParameter = [
{
fieldLabel: 'Name',
fieldType: 'text',
requiredField: true,
placeholder: 'Enter your name',
},
];
const result = prepareFormData({
formTitle: 'Test Form',
formDescription: 'This is a test form',
formSubmittedText: undefined,
redirectUrl: undefined,
formFields,
testRun: true,
query: {},
buttonLabel: 'Submit',
});
expect(result).toEqual({
testRun: true,
formTitle: 'Test Form',
formDescription: 'This is a test form',
formDescriptionMetadata: 'This is a test form',
formSubmittedText: 'Your response has been recorded',
n8nWebsiteLink: 'https://n8n.io/?utm_source=n8n-internal&utm_medium=form-trigger',
formFields: [
{
id: 'field-0',
errorId: 'error-field-0',
label: 'Name',
inputRequired: 'form-required',
defaultValue: '',
placeholder: 'Enter your name',
isInput: true,
type: 'text',
},
],
useResponseData: undefined,
appendAttribution: true,
buttonLabel: 'Submit',
});
});
it('should set redirectUrl with https if protocol is missing', () => {
const formFields: FormFieldsParameter = [
{
fieldLabel: 'Name',
fieldType: 'text',
requiredField: true,
placeholder: 'Enter your name',
},
];
const query = { Name: 'John Doe' };
const result = prepareFormData({
formTitle: 'Test Form',
formDescription: 'This is a test form',
formSubmittedText: undefined,
redirectUrl: 'example.com/thank-you',
formFields,
testRun: true,
query,
});
expect(result.redirectUrl).toBe('https://example.com/thank-you');
});
it('should return invalid form data when formFields are empty', () => {
const result = prepareFormData({
formTitle: 'Test Form',
formDescription: 'This is a test form',
formSubmittedText: undefined,
redirectUrl: undefined,
formFields: [],
testRun: true,
query: {},
});
expect(result.formFields).toEqual([]);
});
it('should correctly handle multiselect fields', () => {
const formFields: FormFieldsParameter = [
{
fieldLabel: 'Favorite Colors',
fieldType: 'text',
requiredField: true,
multiselect: true,
fieldOptions: { values: [{ option: 'Red' }, { option: 'Blue' }, { option: 'Green' }] },
},
];
const query = { 'Favorite Colors': 'Red,Blue' };
const result = prepareFormData({
formTitle: 'Test Form',
formDescription: 'This is a test form',
formSubmittedText: 'Thank you',
redirectUrl: 'example.com',
formFields,
testRun: false,
query,
});
expect(result.formFields[0].isMultiSelect).toBe(true);
expect(result.formFields[0].multiSelectOptions).toEqual([
{ id: 'option0_field-0', label: 'Red' },
{ id: 'option1_field-0', label: 'Blue' },
{ id: 'option2_field-0', label: 'Green' },
]);
});
it('should correctly handle multiselect fields with unique ids', () => {
const formFields = [
{
fieldLabel: 'Favorite Colors',
fieldType: 'text',
requiredField: true,
multiselect: true,
fieldOptions: { values: [{ option: 'Red' }, { option: 'Blue' }, { option: 'Green' }] },
},
{
fieldLabel: 'Favorite Colors',
fieldType: 'text',
requiredField: true,
multiselect: true,
fieldOptions: { values: [{ option: 'Red' }, { option: 'Blue' }, { option: 'Green' }] },
},
];
const query = { 'Favorite Colors': 'Red,Blue' };
const result = prepareFormData({
formTitle: 'Test Form',
formDescription: 'This is a test form',
formSubmittedText: 'Thank you',
redirectUrl: 'example.com',
formFields,
testRun: false,
query,
});
expect(result.formFields[0].isMultiSelect).toBe(true);
expect(result.formFields[0].multiSelectOptions).toEqual([
{ id: 'option0_field-0', label: 'Red' },
{ id: 'option1_field-0', label: 'Blue' },
{ id: 'option2_field-0', label: 'Green' },
]);
expect(result.formFields[1].multiSelectOptions).toEqual([
{ id: 'option0_field-1', label: 'Red' },
{ id: 'option1_field-1', label: 'Blue' },
{ id: 'option2_field-1', label: 'Green' },
]);
});
});
describe('FormTrigger, prepareFormData - Checkbox and Radio Fields', () => {
it('should correctly handle checkbox fields', () => {
const formFields: FormFieldsParameter = [
{
fieldLabel: 'Hobbies',
fieldType: 'checkbox',
requiredField: false,
fieldOptions: {
values: [{ option: 'Reading' }, { option: 'Gaming' }, { option: 'Sports' }],
},
},
];
const query = { Hobbies: 'Reading,Gaming' };
const result = prepareFormData({
formTitle: 'Test Form',
formDescription: 'This is a test form',
formSubmittedText: 'Thank you',
redirectUrl: 'example.com',
formFields,
testRun: false,
query,
});
expect(result.formFields[0].isMultiSelect).toBe(true);
expect(result.formFields[0].multiSelectOptions).toEqual([
{ id: 'option0_field-0', label: 'Reading' },
{ id: 'option1_field-0', label: 'Gaming' },
{ id: 'option2_field-0', label: 'Sports' },
]);
});
it('should correctly handle radio fields', () => {
const formFields: FormFieldsParameter = [
{
fieldLabel: 'Preferred Contact Method',
fieldType: 'radio',
requiredField: true,
fieldOptions: {
values: [{ option: 'Email' }, { option: 'Phone' }, { option: 'Text Message' }],
},
},
];
const query = { 'Preferred Contact Method': 'Email' };
const result = prepareFormData({
formTitle: 'Test Form',
formDescription: 'This is a test form',
formSubmittedText: 'Thank you',
redirectUrl: 'example.com',
formFields,
testRun: false,
query,
});
expect(result.formFields[0].radioSelect).toBe('radio');
expect(result.formFields[0].multiSelectOptions).toEqual([
{ id: 'option0_field-0', label: 'Email' },
{ id: 'option1_field-0', label: 'Phone' },
{ id: 'option2_field-0', label: 'Text Message' },
]);
expect(result.formFields[0].defaultValue).toBe('Email');
});
it('should handle checkbox fields with no default selection', () => {
const formFields: FormFieldsParameter = [
{
fieldLabel: 'Newsletter Subscriptions',
fieldType: 'checkbox',
requiredField: false,
fieldOptions: {
values: [{ option: 'Tech News' }, { option: 'Product Updates' }],
},
},
];
const query = {};
const result = prepareFormData({
formTitle: 'Test Form',
formDescription: 'This is a test form',
formSubmittedText: 'Thank you',
redirectUrl: 'example.com',
formFields,
testRun: false,
query,
});
expect(result.formFields[0].isMultiSelect).toBe(true);
expect(result.formFields[0].defaultValue).toBe('');
expect(result.formFields[0].multiSelectOptions).toEqual([
{ id: 'option0_field-0', label: 'Tech News' },
{ id: 'option1_field-0', label: 'Product Updates' },
]);
});
it('should handle radio fields with no default selection', () => {
const formFields: FormFieldsParameter = [
{
fieldLabel: 'Experience Level',
fieldType: 'radio',
requiredField: false,
fieldOptions: {
values: [{ option: 'Beginner' }, { option: 'Intermediate' }, { option: 'Advanced' }],
},
},
];
const query = {};
const result = prepareFormData({
formTitle: 'Test Form',
formDescription: 'This is a test form',
formSubmittedText: 'Thank you',
redirectUrl: 'example.com',
formFields,
testRun: false,
query,
});
expect(result.formFields[0].radioSelect).toBe('radio');
expect(result.formFields[0].defaultValue).toBe('');
expect(result.formFields[0].multiSelectOptions).toEqual([
{ id: 'option0_field-0', label: 'Beginner' },
{ id: 'option1_field-0', label: 'Intermediate' },
{ id: 'option2_field-0', label: 'Advanced' },
]);
});
it('should handle mixed form with checkbox, radio, and other field types', () => {
const formFields: FormFieldsParameter = [
{
fieldLabel: 'Name',
fieldType: 'text',
requiredField: true,
placeholder: 'Enter your name',
},
{
fieldLabel: 'Skills',
fieldType: 'checkbox',
requiredField: false,
fieldOptions: {
values: [{ option: 'JavaScript' }, { option: 'Python' }, { option: 'Java' }],
},
},
{
fieldLabel: 'Employment Status',
fieldType: 'radio',
requiredField: true,
fieldOptions: {
values: [{ option: 'Full-time' }, { option: 'Part-time' }, { option: 'Freelancer' }],
},
},
];
const query = {
Name: 'John Doe',
Skills: 'JavaScript,Python',
'Employment Status': 'Full-time',
};
const result = prepareFormData({
formTitle: 'Developer Survey',
formDescription: 'Tell us about yourself',
formSubmittedText: 'Thank you for participating',
redirectUrl: 'example.com/thanks',
formFields,
testRun: false,
query,
});
expect(result.formFields[0]).toEqual({
id: 'field-0',
errorId: 'error-field-0',
label: 'Name',
inputRequired: 'form-required',
defaultValue: 'John Doe',
placeholder: 'Enter your name',
isInput: true,
type: 'text',
});
expect(result.formFields[1].isMultiSelect).toBe(true);
expect(result.formFields[1].multiSelectOptions).toEqual([
{ id: 'option0_field-1', label: 'JavaScript' },
{ id: 'option1_field-1', label: 'Python' },
{ id: 'option2_field-1', label: 'Java' },
]);
expect(result.formFields[2].radioSelect).toBe('radio');
expect(result.formFields[2].defaultValue).toBe('Full-time');
expect(result.formFields[2].multiSelectOptions).toEqual([
{ id: 'option0_field-2', label: 'Full-time' },
{ id: 'option1_field-2', label: 'Part-time' },
{ id: 'option2_field-2', label: 'Freelancer' },
]);
});
it('should handle checkbox fields with unique IDs when multiple checkbox fields exist', () => {
const formFields: FormFieldsParameter = [
{
fieldLabel: 'Programming Languages',
fieldType: 'checkbox',
requiredField: false,
fieldOptions: {
values: [{ option: 'JavaScript' }, { option: 'Python' }],
},
},
{
fieldLabel: 'Frameworks',
fieldType: 'checkbox',
requiredField: false,
fieldOptions: {
values: [{ option: 'React' }, { option: 'Vue' }],
},
},
];
const query = {
'Programming Languages': 'JavaScript',
Frameworks: 'React,Vue',
};
const result = prepareFormData({
formTitle: 'Tech Survey',
formDescription: 'Your tech preferences',
formSubmittedText: 'Thanks!',
redirectUrl: 'example.com',
formFields,
testRun: false,
query,
});
expect(result.formFields[0].multiSelectOptions).toEqual([
{ id: 'option0_field-0', label: 'JavaScript' },
{ id: 'option1_field-0', label: 'Python' },
]);
expect(result.formFields[1].multiSelectOptions).toEqual([
{ id: 'option0_field-1', label: 'React' },
{ id: 'option1_field-1', label: 'Vue' },
]);
});
it('should handle radio fields with unique IDs when multiple radio fields exist', () => {
const formFields: FormFieldsParameter = [
{
fieldLabel: 'Experience Level',
fieldType: 'radio',
requiredField: true,
fieldOptions: {
values: [{ option: 'Junior' }, { option: 'Senior' }],
},
},
{
fieldLabel: 'Work Preference',
fieldType: 'radio',
requiredField: true,
fieldOptions: {
values: [{ option: 'Remote' }, { option: 'Office' }],
},
},
];
const query = {
'Experience Level': 'Senior',
'Work Preference': 'Remote',
};
const result = prepareFormData({
formTitle: 'Job Survey',
formDescription: 'Your work preferences',
formSubmittedText: 'Thanks!',
redirectUrl: 'example.com',
formFields,
testRun: false,
query,
});
expect(result.formFields[0].multiSelectOptions).toEqual([
{ id: 'option0_field-0', label: 'Junior' },
{ id: 'option1_field-0', label: 'Senior' },
]);
expect(result.formFields[1].multiSelectOptions).toEqual([
{ id: 'option0_field-1', label: 'Remote' },
{ id: 'option1_field-1', label: 'Office' },
]);
});
describe('Version 2.4+ fieldName support', () => {
it('should use fieldName for query parameters in v2.4+', () => {
const formFields: FormFieldsParameter = [
{
fieldName: 'userName',
fieldLabel: 'User Name',
fieldType: 'text',
},
];
const query: IDataObject = { userName: 'John Doe' };
const result = prepareFormData({
formTitle: 'Test Form',
formDescription: 'Test Description',
formSubmittedText: undefined,
redirectUrl: undefined,
formFields,
testRun: true,
query,
nodeVersion: 2.4,
});
expect(result.formFields[0].defaultValue).toBe('John Doe');
expect(result.formFields[0].label).toBe('User Name'); // Label should still be fieldLabel for rendering
});
it('should use fieldLabel for query parameters in v2.3 and earlier', () => {
const formFields: FormFieldsParameter = [
{
fieldName: 'userName',
fieldLabel: 'User Name',
fieldType: 'text',
},
];
const query: IDataObject = { 'User Name': 'John Doe' };
const result = prepareFormData({
formTitle: 'Test Form',
formDescription: 'Test Description',
formSubmittedText: undefined,
redirectUrl: undefined,
formFields,
testRun: true,
query,
nodeVersion: 2.3,
});
expect(result.formFields[0].defaultValue).toBe('John Doe');
expect(result.formFields[0].label).toBe('User Name');
});
it('should fallback to fieldLabel if fieldName is missing in v2.4+', () => {
const formFields: FormFieldsParameter = [
{
fieldLabel: 'User Name',
fieldType: 'text',
},
];
const query: IDataObject = { 'User Name': 'John Doe' };
const result = prepareFormData({
formTitle: 'Test Form',
formDescription: 'Test Description',
formSubmittedText: undefined,
redirectUrl: undefined,
formFields,
testRun: true,
query,
nodeVersion: 2.4,
});
expect(result.formFields[0].defaultValue).toBe('John Doe');
expect(result.formFields[0].label).toBe('User Name');
});
});
});
describe('addFormResponseDataToReturnItem - Checkbox and Radio Fields', () => {
it('should process checkbox field data correctly', () => {
const returnItem: INodeExecutionData = { json: {} };
const formFields: FormFieldsParameter = [
{
fieldLabel: 'Hobbies',
fieldType: 'checkbox',
requiredField: false,
fieldOptions: {
values: [{ option: 'Reading' }, { option: 'Gaming' }],
},
},
];
const bodyData: IDataObject = {
'field-0': '["Reading", "Gaming"]',
};
addFormResponseDataToReturnItem(returnItem, formFields, bodyData);
expect(returnItem.json.Hobbies).toEqual(['Reading', 'Gaming']);
});
it('should process radio field data correctly', () => {
const returnItem: INodeExecutionData = { json: {} };
const formFields: FormFieldsParameter = [
{
fieldLabel: 'Preferred Contact',
fieldType: 'radio',
requiredField: true,
fieldOptions: {
values: [{ option: 'Email' }, { option: 'Phone' }],
},
},
];
const bodyData: IDataObject = {
'field-0': '["Email"]',
};
addFormResponseDataToReturnItem(returnItem, formFields, bodyData);
expect(returnItem.json['Preferred Contact']).toBe('Email');
});
it('should handle radio field with array value by taking first element', () => {
const returnItem: INodeExecutionData = { json: {} };
const formFields: FormFieldsParameter = [
{
fieldLabel: 'Priority Level',
fieldType: 'radio',
requiredField: true,
fieldOptions: {
values: [{ option: 'High' }, { option: 'Medium' }, { option: 'Low' }],
},
},
];
const bodyData: IDataObject = {
'field-0': '["High", "Medium"]',
};
addFormResponseDataToReturnItem(returnItem, formFields, bodyData);
expect(returnItem.json['Priority Level']).toBe('High');
});
it('should handle checkbox field with null value', () => {
const returnItem: INodeExecutionData = { json: {} };
const formFields: FormFieldsParameter = [
{
fieldLabel: 'Optional Features',
fieldType: 'checkbox',
requiredField: false,
fieldOptions: {
values: [{ option: 'Feature A' }, { option: 'Feature B' }],
},
},
];
const bodyData: IDataObject = {};
addFormResponseDataToReturnItem(returnItem, formFields, bodyData);
expect(returnItem.json['Optional Features']).toBeNull();
});
it('should handle radio field with null value', () => {
const returnItem: INodeExecutionData = { json: {} };
const formFields: FormFieldsParameter = [
{
fieldLabel: 'Rating',
fieldType: 'radio',
requiredField: false,
fieldOptions: {
values: [{ option: '1 Star' }, { option: '2 Stars' }],
},
},
];
const bodyData: IDataObject = {};
addFormResponseDataToReturnItem(returnItem, formFields, bodyData);
expect(returnItem.json.Rating).toBeNull();
});
it('should process mixed form data with checkbox, radio, and other fields', () => {
const returnItem: INodeExecutionData = { json: {} };
const formFields: FormFieldsParameter = [
{
fieldLabel: 'Name',
fieldType: 'text',
requiredField: true,
},
{
fieldLabel: 'Skills',
fieldType: 'checkbox',
requiredField: false,
fieldOptions: {
values: [{ option: 'JavaScript' }, { option: 'Python' }],
},
},
{
fieldLabel: 'Experience',
fieldType: 'radio',
requiredField: true,
fieldOptions: {
values: [{ option: 'Junior' }, { option: 'Senior' }],
},
},
];
const bodyData: IDataObject = {
'field-0': 'John Doe',
'field-1': '["JavaScript", "Python"]',
'field-2': '["Senior"]',
};
addFormResponseDataToReturnItem(returnItem, formFields, bodyData);
expect(returnItem.json.Name).toBe('John Doe');
expect(returnItem.json.Skills).toEqual(['JavaScript', 'Python']);
expect(returnItem.json.Experience).toBe('Senior');
});
});
jest.mock('luxon', () => ({
DateTime: {
fromFormat: jest.fn().mockReturnValue({
toFormat: jest.fn().mockReturnValue('formatted-date'),
}),
now: jest.fn().mockReturnValue({
setZone: jest.fn().mockReturnValue({
toISO: jest.fn().mockReturnValue('2023-04-01T12:00:00.000Z'),
}),
}),
},
}));
describe('prepareFormReturnItem', () => {
const mockContext = mock({
getRequestObject: jest
.fn()
.mockReturnValue({ method: 'GET', query: {}, contentType: 'multipart/form-data' }),
nodeHelpers: mock({
copyBinaryFile: jest.fn().mockResolvedValue({}),
}),
});
const formNode = mock({ type: 'n8n-nodes-base.formTrigger' });
beforeEach(() => {
jest.clearAllMocks();
mockContext.getBodyData.mockReturnValue({ data: {}, files: {} });
mockContext.getTimezone.mockReturnValue('UTC');
mockContext.getNode.mockReturnValue(formNode);
mockContext.getWorkflowStaticData.mockReturnValue({});
mockContext.getWorkflowSettings.mockReturnValue(mock({}));
});
it('should handle empty form submission', async () => {
const result = await prepareFormReturnItem(mockContext, [], 'test');
expect(result).toEqual({
json: {
submittedAt: '2023-04-01T12:00:00.000Z',
formMode: 'test',
},
});
});
it('should process text fields correctly', async () => {
mockContext.getBodyData.mockReturnValue({
data: { 'field-0': ' test value ' },
files: {},
});
const formFields = [{ fieldLabel: 'Text Field', fieldType: 'text' }];
const result = await prepareFormReturnItem(mockContext, formFields, 'production');
expect(result.json['Text Field']).toBe('test value');
expect(result.json.formMode).toBe('production');
});
it('should process number fields correctly', async () => {
mockContext.getBodyData.mockReturnValue({
data: { 'field-0': '42' },
files: {},
});
const formFields = [{ fieldLabel: 'Number Field', fieldType: 'number' }];
const result = await prepareFormReturnItem(mockContext, formFields, 'test');
expect(result.json['Number Field']).toBe(42);
});
it('should handle file uploads', async () => {
const mockFile: Partial = {
filepath: '/tmp/uploaded-file',
originalFilename: 'test.txt',
mimetype: 'text/plain',
size: 1024,
};
mockContext.getBodyData.mockReturnValue({
data: {},
files: { 'field-0': mockFile },
});
const formFields = [{ fieldLabel: 'File Upload', fieldType: 'file' }];
const result = await prepareFormReturnItem(mockContext, formFields, 'test');
expect(result.json['File Upload']).toEqual({
filename: 'test.txt',
mimetype: 'text/plain',
size: 1024,
});
expect(result.binary).toBeDefined();
expect(result.binary!.File_Upload).toEqual({});
});
it('should handle multiple file uploads', async () => {
const mockFiles: Array> = [
{ filepath: '/tmp/file1', originalFilename: 'file1.txt', mimetype: 'text/plain', size: 1024 },
{ filepath: '/tmp/file2', originalFilename: 'file2.txt', mimetype: 'text/plain', size: 2048 },
];
mockContext.getBodyData.mockReturnValue({
data: {},
files: { 'field-0': mockFiles },
});
const formFields = [{ fieldLabel: 'Multiple Files', fieldType: 'file', multipleFiles: true }];
const result = await prepareFormReturnItem(mockContext, formFields, 'test');
expect(result.json['Multiple Files']).toEqual([
{ filename: 'file1.txt', mimetype: 'text/plain', size: 1024 },
{ filename: 'file2.txt', mimetype: 'text/plain', size: 2048 },
]);
expect(result.binary).toBeDefined();
expect(result.binary!.Multiple_Files_0).toEqual({});
expect(result.binary!.Multiple_Files_1).toEqual({});
});
it('should call rm to clean up temporary files after file processing', async () => {
// Using require() here for inline jest.spyOn() pattern - this is acceptable in tests
// eslint-disable-next-line @typescript-eslint/no-require-imports
const rmSpy = jest.spyOn(require('fs/promises'), 'rm').mockResolvedValue(undefined);
const mockFiles: Array> = [
{ filepath: '/tmp/file1', originalFilename: 'file1.txt', mimetype: 'text/plain', size: 1024 },
{ filepath: '/tmp/file2', originalFilename: 'file2.txt', mimetype: 'text/plain', size: 2048 },
];
mockContext.getBodyData.mockReturnValue({
data: {},
files: { 'field-0': mockFiles },
});
const formFields = [{ fieldLabel: 'Multiple Files', fieldType: 'file', multipleFiles: true }];
await prepareFormReturnItem(mockContext, formFields, 'test');
expect(rmSpy).toHaveBeenCalledTimes(2);
expect(rmSpy).toHaveBeenCalledWith('/tmp/file1', { force: true });
expect(rmSpy).toHaveBeenCalledWith('/tmp/file2', { force: true });
rmSpy.mockRestore();
});
it('should format date fields', async () => {
mockContext.getBodyData.mockReturnValue({
data: { 'field-0': '2023-04-01' },
files: {},
});
const formFields = [{ fieldLabel: 'Date Field', fieldType: 'date', formatDate: 'dd/MM/yyyy' }];
const result = await prepareFormReturnItem(mockContext, formFields, 'test');
expect(result.json['Date Field']).toBe('formatted-date');
expect(DateTime.fromFormat).toHaveBeenCalledWith('2023-04-01', 'yyyy-mm-dd');
});
it('should not format date fields when formatDate is undefined', async () => {
mockContext.getBodyData.mockReturnValue({
data: { 'field-0': '2023-04-01' },
files: {},
});
const formFields = [{ fieldLabel: 'Date Field', fieldType: 'date', formatDate: undefined }];
const result = await prepareFormReturnItem(mockContext, formFields, 'test');
expect(DateTime.fromFormat).not.toHaveBeenCalled();
expect(result.json['Date Field']).toBe('2023-04-01');
});
it('should handle multiselect fields', async () => {
mockContext.getBodyData.mockReturnValue({
data: { 'field-0': '["option1", "option2"]' },
files: {},
});
const formFields = [{ fieldLabel: 'Multiselect', fieldType: 'multiSelect', multiselect: true }];
const result = await prepareFormReturnItem(mockContext, formFields, 'test');
expect(result.json.Multiselect).toEqual(['option1', 'option2']);
});
it('should use workflow timezone when specified', async () => {
mockContext.getTimezone.mockReturnValue('America/New_York');
await prepareFormReturnItem(mockContext, [], 'test', true);
expect(mockContext.getTimezone).toHaveBeenCalled();
expect(DateTime.now().setZone).toHaveBeenCalledWith('America/New_York');
});
it('should not include workflow static data for form trigger node', async () => {
const staticData = { queryParam: 'value' };
mockContext.getWorkflowStaticData.mockReturnValue(staticData);
const result = await prepareFormReturnItem(mockContext, [], 'test');
expect(result.json.formQueryParameters).toBeUndefined();
});
it('should include query parameters if present and is trigger node', async () => {
mockContext.getRequestObject.mockReturnValue({
method: 'POST',
query: { param: 'value' },
contentType: 'multipart/form-data',
} as unknown as Request);
const result = await prepareFormReturnItem(mockContext, [], 'test');
expect(result.json.formQueryParameters).toEqual({ param: 'value' });
});
it('should not include query parameters if empty', async () => {
mockContext.getRequestObject.mockReturnValue({
method: 'POST',
query: {},
contentType: 'multipart/form-data',
} as unknown as Request);
const result = await prepareFormReturnItem(mockContext, [], 'test');
expect(result.json.formQueryParameters).toBeUndefined();
});
describe('Version 2.4+ fieldName support', () => {
it('should use fieldName for binary property names in v2.4+', async () => {
const mockFile: Partial = {
filepath: '/tmp/uploaded-file',
originalFilename: 'test.txt',
mimetype: 'text/plain',
size: 1024,
newFilename: 'test.txt',
};
mockContext.getBodyData.mockReturnValue({
data: {},
files: { 'field-0': mockFile },
});
mockContext.getNode.mockReturnValue({
...formNode,
typeVersion: 2.4,
} as INode);
const formFields: FormFieldsParameter = [
{
fieldName: 'resume',
fieldLabel: 'Resume Upload',
fieldType: 'file',
},
];
const result = await prepareFormReturnItem(mockContext, formFields, 'test');
expect(result.binary).toBeDefined();
expect(result.binary!.resume).toBeDefined();
expect(result.binary!['Resume_Upload']).toBeUndefined();
});
it('should use fieldLabel for binary property names in v2.3 and earlier', async () => {
const mockFile: Partial = {
filepath: '/tmp/uploaded-file',
originalFilename: 'test.txt',
mimetype: 'text/plain',
size: 1024,
newFilename: 'test.txt',
};
mockContext.getBodyData.mockReturnValue({
data: {},
files: { 'field-0': mockFile },
});
mockContext.getNode.mockReturnValue({
...formNode,
typeVersion: 2.3,
} as INode);
const formFields: FormFieldsParameter = [
{
fieldName: 'resume',
fieldLabel: 'Resume Upload',
fieldType: 'file',
},
];
const result = await prepareFormReturnItem(mockContext, formFields, 'test');
expect(result.binary).toBeDefined();
expect(result.binary!['Resume_Upload']).toBeDefined();
expect(result.binary!.resume).toBeUndefined();
});
it('should use fieldName for output data keys in v2.4+', async () => {
mockContext.getBodyData.mockReturnValue({
data: { 'field-0': 'John Doe' },
files: {},
});
mockContext.getNode.mockReturnValue({
...formNode,
typeVersion: 2.4,
} as INode);
const formFields: FormFieldsParameter = [
{
fieldName: 'userName',
fieldLabel: 'User Name',
fieldType: 'text',
},
];
const result = await prepareFormReturnItem(mockContext, formFields, 'test');
expect(result.json.userName).toBe('John Doe');
expect(result.json['User Name']).toBeUndefined();
});
it('should use fieldLabel for output data keys in v2.3 and earlier', async () => {
mockContext.getBodyData.mockReturnValue({
data: { 'field-0': 'John Doe' },
files: {},
});
mockContext.getNode.mockReturnValue({
...formNode,
typeVersion: 2.3,
} as INode);
const formFields: FormFieldsParameter = [
{
fieldName: 'userName',
fieldLabel: 'User Name',
fieldType: 'text',
},
];
const result = await prepareFormReturnItem(mockContext, formFields, 'test');
expect(result.json['User Name']).toBe('John Doe');
expect(result.json.userName).toBeUndefined();
});
});
it('should return html if field name is set', async () => {
mockContext.getBodyData.mockReturnValue({
data: { 'field-0': 'hi
', 'field-1': '' },
files: {},
});
const formFields = [
{ fieldLabel: '', elementName: 'greeting', fieldType: 'html' },
{ fieldLabel: '', elementName: '', fieldType: 'html' },
];
const result = await prepareFormReturnItem(mockContext, formFields, 'production');
expect(result.json.greeting).toBe('hi
');
expect(result.json.formMode).toBe('production');
});
describe('binaryMode feature', () => {
describe('binaryMode === "combined"', () => {
beforeEach(() => {
mockContext.getWorkflowSettings.mockReturnValue(
mock({ binaryMode: BINARY_MODE_COMBINED }),
);
});
it('should place single file binary data in bodyData when binaryMode is "combined"', async () => {
const mockFile: Partial = {
filepath: '/tmp/test-file.pdf',
originalFilename: 'document.pdf',
mimetype: 'application/pdf',
size: 2048,
newFilename: 'document.pdf',
};
const mockBinaryData = {
data: 'mock-binary-data',
mimeType: 'application/pdf',
fileName: 'document.pdf',
};
mockContext.getBodyData.mockReturnValue({
data: {},
files: { 'field-0': mockFile },
});
(mockContext.nodeHelpers.copyBinaryFile as jest.Mock).mockResolvedValue(mockBinaryData);
const formFields: FormFieldsParameter = [
{ fieldLabel: 'Document', fieldType: 'file', multipleFiles: false },
];
const result = await prepareFormReturnItem(mockContext, formFields, 'test');
expect(result.json.Document).toEqual(mockBinaryData);
expect(result.binary).toEqual({});
});
it('should place multiple files binary data in bodyData array when binaryMode is "combined"', async () => {
const mockFiles: Array> = [
{
filepath: '/tmp/file1.jpg',
originalFilename: 'photo1.jpg',
mimetype: 'image/jpeg',
size: 1024,
newFilename: 'photo1.jpg',
},
{
filepath: '/tmp/file2.jpg',
originalFilename: 'photo2.jpg',
mimetype: 'image/jpeg',
size: 2048,
newFilename: 'photo2.jpg',
},
];
const mockBinaryData1 = {
data: 'mock-binary-data-1',
mimeType: 'image/jpeg',
fileName: 'photo1.jpg',
};
const mockBinaryData2 = {
data: 'mock-binary-data-2',
mimeType: 'image/jpeg',
fileName: 'photo2.jpg',
};
mockContext.getBodyData.mockReturnValue({
data: {},
files: { 'field-0': mockFiles },
});
(mockContext.nodeHelpers.copyBinaryFile as jest.Mock)
.mockResolvedValueOnce(mockBinaryData1)
.mockResolvedValueOnce(mockBinaryData2);
const formFields: FormFieldsParameter = [
{ fieldLabel: 'Photos', fieldType: 'file', multipleFiles: true },
];
const result = await prepareFormReturnItem(mockContext, formFields, 'test');
expect(result.json.Photos).toEqual([mockBinaryData1, mockBinaryData2]);
expect(result.binary).toEqual({});
});
it('should handle mixed form data with files in combined mode', async () => {
const mockFile: Partial = {
filepath: '/tmp/resume.pdf',
originalFilename: 'resume.pdf',
mimetype: 'application/pdf',
size: 3072,
newFilename: 'resume.pdf',
};
const mockBinaryData = {
data: 'mock-resume-data',
mimeType: 'application/pdf',
fileName: 'resume.pdf',
};
mockContext.getBodyData.mockReturnValue({
data: {
'field-0': 'John Doe',
'field-1': 'john@example.com',
},
files: { 'field-2': mockFile },
});
(mockContext.nodeHelpers.copyBinaryFile as jest.Mock).mockResolvedValue(mockBinaryData);
const formFields: FormFieldsParameter = [
{ fieldLabel: 'Name', fieldType: 'text' },
{ fieldLabel: 'Email', fieldType: 'email' },
{ fieldLabel: 'Resume', fieldType: 'file', multipleFiles: false },
];
const result = await prepareFormReturnItem(mockContext, formFields, 'test');
expect(result.json.Name).toBe('John Doe');
expect(result.json.Email).toBe('john@example.com');
expect(result.json.Resume).toEqual(mockBinaryData);
expect(result.binary).toEqual({});
});
});
describe('binaryMode !== "combined" (separate mode)', () => {
beforeEach(() => {
mockContext.getWorkflowSettings.mockReturnValue(mock({}));
});
it('should place single file in returnItem.binary when binaryMode is not "combined"', async () => {
const mockFile: Partial = {
filepath: '/tmp/test-file.pdf',
originalFilename: 'document.pdf',
mimetype: 'application/pdf',
size: 2048,
newFilename: 'document.pdf',
};
const mockBinaryData = {
data: 'mock-binary-data',
mimeType: 'application/pdf',
fileName: 'document.pdf',
};
mockContext.getBodyData.mockReturnValue({
data: {},
files: { 'field-0': mockFile },
});
(mockContext.nodeHelpers.copyBinaryFile as jest.Mock).mockResolvedValue(mockBinaryData);
const formFields: FormFieldsParameter = [
{ fieldLabel: 'Document', fieldType: 'file', multipleFiles: false },
];
const result = await prepareFormReturnItem(mockContext, formFields, 'test');
expect(result.json.Document).toEqual({
filename: 'document.pdf',
mimetype: 'application/pdf',
size: 2048,
});
expect(result.binary).toBeDefined();
expect(result.binary!.Document).toEqual(mockBinaryData);
});
it('should place multiple files in returnItem.binary with indexed names when binaryMode is not "combined"', async () => {
const mockFiles: Array> = [
{
filepath: '/tmp/file1.jpg',
originalFilename: 'photo1.jpg',
mimetype: 'image/jpeg',
size: 1024,
newFilename: 'photo1.jpg',
},
{
filepath: '/tmp/file2.jpg',
originalFilename: 'photo2.jpg',
mimetype: 'image/jpeg',
size: 2048,
newFilename: 'photo2.jpg',
},
];
const mockBinaryData1 = {
data: 'mock-binary-data-1',
mimeType: 'image/jpeg',
fileName: 'photo1.jpg',
};
const mockBinaryData2 = {
data: 'mock-binary-data-2',
mimeType: 'image/jpeg',
fileName: 'photo2.jpg',
};
mockContext.getBodyData.mockReturnValue({
data: {},
files: { 'field-0': mockFiles },
});
(mockContext.nodeHelpers.copyBinaryFile as jest.Mock)
.mockResolvedValueOnce(mockBinaryData1)
.mockResolvedValueOnce(mockBinaryData2);
const formFields: FormFieldsParameter = [
{ fieldLabel: 'Photos', fieldType: 'file', multipleFiles: true },
];
const result = await prepareFormReturnItem(mockContext, formFields, 'test');
expect(result.json.Photos).toEqual([
{ filename: 'photo1.jpg', mimetype: 'image/jpeg', size: 1024 },
{ filename: 'photo2.jpg', mimetype: 'image/jpeg', size: 2048 },
]);
expect(result.binary).toBeDefined();
expect(result.binary!.Photos_0).toEqual(mockBinaryData1);
expect(result.binary!.Photos_1).toEqual(mockBinaryData2);
});
it('should handle mixed form data with files in separate mode', async () => {
const mockFile: Partial = {
filepath: '/tmp/resume.pdf',
originalFilename: 'resume.pdf',
mimetype: 'application/pdf',
size: 3072,
newFilename: 'resume.pdf',
};
const mockBinaryData = {
data: 'mock-resume-data',
mimeType: 'application/pdf',
fileName: 'resume.pdf',
};
mockContext.getBodyData.mockReturnValue({
data: {
'field-0': 'John Doe',
'field-1': 'john@example.com',
},
files: { 'field-2': mockFile },
});
(mockContext.nodeHelpers.copyBinaryFile as jest.Mock).mockResolvedValue(mockBinaryData);
const formFields: FormFieldsParameter = [
{ fieldLabel: 'Name', fieldType: 'text' },
{ fieldLabel: 'Email', fieldType: 'email' },
{ fieldLabel: 'Resume', fieldType: 'file', multipleFiles: false },
];
const result = await prepareFormReturnItem(mockContext, formFields, 'test');
expect(result.json.Name).toBe('John Doe');
expect(result.json.Email).toBe('john@example.com');
expect(result.json.Resume).toEqual({
filename: 'resume.pdf',
mimetype: 'application/pdf',
size: 3072,
});
expect(result.binary).toBeDefined();
expect(result.binary!.Resume).toEqual(mockBinaryData);
});
it('should sanitize field labels for binary property names in separate mode', async () => {
const mockFile: Partial = {
filepath: '/tmp/test.pdf',
originalFilename: 'test.pdf',
mimetype: 'application/pdf',
size: 1024,
newFilename: 'test.pdf',
};
const mockBinaryData = {
data: 'mock-data',
mimeType: 'application/pdf',
fileName: 'test.pdf',
};
mockContext.getBodyData.mockReturnValue({
data: {},
files: { 'field-0': mockFile },
});
(mockContext.nodeHelpers.copyBinaryFile as jest.Mock).mockResolvedValue(mockBinaryData);
const formFields: FormFieldsParameter = [
{ fieldLabel: 'User Resume (2024)', fieldType: 'file', multipleFiles: false },
];
const result = await prepareFormReturnItem(mockContext, formFields, 'test');
expect(result.binary).toBeDefined();
expect(result.binary!.User_Resume__2024_).toEqual(mockBinaryData);
});
});
describe('binaryMode comparison tests', () => {
it('should produce different structures for combined vs separate mode with single file', async () => {
const mockFile: Partial = {
filepath: '/tmp/test.txt',
originalFilename: 'test.txt',
mimetype: 'text/plain',
size: 512,
newFilename: 'test.txt',
};
const mockBinaryData = {
data: 'file-content',
mimeType: 'text/plain',
fileName: 'test.txt',
};
const formFields: FormFieldsParameter = [
{ fieldLabel: 'File', fieldType: 'file', multipleFiles: false },
];
// Test combined mode
mockContext.getWorkflowSettings.mockReturnValue(
mock({ binaryMode: BINARY_MODE_COMBINED }),
);
mockContext.getBodyData.mockReturnValue({
data: {},
files: { 'field-0': mockFile },
});
(mockContext.nodeHelpers.copyBinaryFile as jest.Mock).mockResolvedValue(mockBinaryData);
const resultCombined = await prepareFormReturnItem(mockContext, formFields, 'test');
// Test separate mode
mockContext.getWorkflowSettings.mockReturnValue(mock({}));
mockContext.getBodyData.mockReturnValue({
data: {},
files: { 'field-0': mockFile },
});
(mockContext.nodeHelpers.copyBinaryFile as jest.Mock).mockResolvedValue(mockBinaryData);
const resultSeparate = await prepareFormReturnItem(mockContext, formFields, 'test');
// Combined mode: binary data in json
expect(resultCombined.json.File).toEqual(mockBinaryData);
expect(resultCombined.binary).toEqual({});
// Separate mode: metadata in json, binary data in binary property
expect(resultSeparate.json.File).toEqual({
filename: 'test.txt',
mimetype: 'text/plain',
size: 512,
});
expect(resultSeparate.binary!.File).toEqual(mockBinaryData);
});
});
});
});
describe('resolveRawData', () => {
const mockContext = mock();
const dummyData = {
name: 'Hanna',
age: 30,
city: 'New York',
isStudent: false,
hasJob: true,
grades: {
math: 95,
science: 88,
history: 92,
},
hobbies: ['reading', 'painting', 'coding'],
address: {
street: '123 Main St',
zipCode: '10001',
country: 'USA',
},
languages: ['English', 'Spanish'],
projects: [
{ name: 'Project A', status: 'completed' },
{ name: 'Project B', status: 'in-progress' },
],
emptyArray: [],
};
beforeEach(() => {
jest.clearAllMocks();
mockContext.evaluateExpression.mockImplementation((expression: string) => {
const key = expression.replace(/[{}]/g, '').trim();
return key.split('.').reduce((obj, prop) => obj?.[prop], dummyData as any);
});
});
it('should return the input string if it does not start with "="', () => {
const input = 'Hello, world!';
expect(resolveRawData(mockContext, input)).toBe(input);
});
it('should remove leading "=" characters', () => {
const input = '=Hello, world!';
expect(resolveRawData(mockContext, input)).toBe('Hello, world!');
});
it('should resolve a single expression', () => {
const input = '=Hello, {{name}}!';
expect(resolveRawData(mockContext, input)).toBe('Hello, Hanna!');
});
it('should resolve multiple expressions', () => {
const input = '={{name}} is {{age}} years old and lives in {{city}}.';
expect(resolveRawData(mockContext, input)).toBe('Hanna is 30 years old and lives in New York.');
});
it('should handle object resolutions', () => {
const input = '=Grades: {{grades}}';
expect(resolveRawData(mockContext, input)).toBe(
'Grades: {"math":95,"science":88,"history":92}',
);
});
it('should handle nested object properties', () => {
const input = "={{name}}'s math grade is {{grades.math}}.";
expect(resolveRawData(mockContext, input)).toBe("Hanna's math grade is 95.");
});
it('should handle boolean values', () => {
const input = '=Is {{name}} a student? {{isStudent}}';
expect(resolveRawData(mockContext, input)).toBe('Is Hanna a student? false');
});
it('should handle expressions with whitespace', () => {
const input = '={{ name }} is {{ age }} years old.';
expect(resolveRawData(mockContext, input)).toBe('Hanna is 30 years old.');
});
it('should return the original string if no resolvables are found', () => {
const input = '=Hello, world!';
expect(resolveRawData(mockContext, input)).toBe('Hello, world!');
});
it('should handle non-existent properties gracefully', () => {
const input = "={{name}}'s favorite color is {{favoriteColor}}.";
expect(resolveRawData(mockContext, input)).toBe("Hanna's favorite color is undefined.");
});
it('should handle mixed resolvable and non-resolvable content', () => {
const input = '={{name}} lives in {{city}} and enjoys programming.';
expect(resolveRawData(mockContext, input)).toBe(
'Hanna lives in New York and enjoys programming.',
);
});
it('should handle boolean values correctly', () => {
const input = '={{name}} is a student: {{isStudent}}. {{name}} has a job: {{hasJob}}.';
expect(resolveRawData(mockContext, input)).toBe(
'Hanna is a student: false. Hanna has a job: true.',
);
});
it('should handle arrays correctly', () => {
const input = "={{name}}'s hobbies are {{hobbies}}.";
expect(resolveRawData(mockContext, input)).toBe(
'Hanna\'s hobbies are ["reading","painting","coding"].',
);
});
it('should handle nested objects correctly', () => {
const input = '={{name}} lives at {{address.street}}, {{address.zipCode}}.';
expect(resolveRawData(mockContext, input)).toBe('Hanna lives at 123 Main St, 10001.');
});
it('should handle arrays of objects correctly', () => {
const input = '=Project statuses: {{projects.0.status}}, {{projects.1.status}}.';
expect(resolveRawData(mockContext, input)).toBe('Project statuses: completed, in-progress.');
});
it('should handle empty arrays correctly', () => {
const input = '=Empty array: {{emptyArray}}.';
expect(resolveRawData(mockContext, input)).toBe('Empty array: [].');
});
it('should handle a mix of different data types', () => {
const input =
'={{name}} ({{age}}) knows {{languages.length}} languages. First project: {{projects.0.name}}.';
expect(resolveRawData(mockContext, input)).toBe(
'Hanna (30) knows 2 languages. First project: Project A.',
);
});
it('should handle nested array access', () => {
const input = '=First hobby: {{hobbies.0}}, Last hobby: {{hobbies.2}}.';
expect(resolveRawData(mockContext, input)).toBe('First hobby: reading, Last hobby: coding.');
});
it('should handle object-to-string conversion', () => {
const input = '=Address object: {{address}}.';
expect(resolveRawData(mockContext, input)).toBe(
'Address object: {"street":"123 Main St","zipCode":"10001","country":"USA"}.',
);
});
});
describe('FormTrigger, isFormConnected', () => {
it('should return false if Wait node is connected but resume parameter is not form', async () => {
const result = isFormConnected([
mock({
type: 'n8n-nodes-base.wait',
parameters: {
resume: 'timeInterval',
},
}),
]);
expect(result).toBe(false);
});
it('should return true if Wait node is connected and resume parameter is form', async () => {
const result = isFormConnected([
mock({
type: 'n8n-nodes-base.wait',
parameters: {
resume: 'form',
},
}),
]);
expect(result).toBe(true);
});
it('should return true if Form node is connected', async () => {
const result = isFormConnected([
mock({
type: 'n8n-nodes-base.form',
}),
]);
expect(result).toBe(true);
});
});
describe('validateResponseModeConfiguration', () => {
let webhookFunctions: ReturnType>;
beforeEach(() => {
webhookFunctions = mock();
webhookFunctions.getNode.mockReturnValue({
name: 'TestNode',
typeVersion: 2.2,
} as INode);
webhookFunctions.getChildNodes.mockReturnValue([]);
});
test('throws error if responseMode is "responseNode" but no Respond to Webhook node is connected', () => {
webhookFunctions.getNodeParameter.mockReturnValue('responseNode');
expect(() => validateResponseModeConfiguration(webhookFunctions)).toThrow(
'No Respond to Webhook node found in the workflow',
);
});
test('throws error if "Respond to Webhook" node is connected but "responseMode" is not "responseNode" in typeVersion <= 2.1', () => {
webhookFunctions.getNodeParameter.mockReturnValue('onReceived');
webhookFunctions.getNode.mockReturnValue({
name: 'TestNode',
typeVersion: 2.1,
} as INode);
webhookFunctions.getChildNodes.mockReturnValue([
{ type: 'n8n-nodes-base.respondToWebhook' } as NodeTypeAndVersion,
]);
expect(() => validateResponseModeConfiguration(webhookFunctions)).toThrow(
'Unused Respond to Webhook node found in the workflow',
);
});
test('throws error if "Respond to Webhook" node is connected, version >= 2.2', () => {
webhookFunctions.getNodeParameter.mockReturnValue('responseNode');
webhookFunctions.getChildNodes.mockReturnValue([
{ type: 'n8n-nodes-base.respondToWebhook' } as NodeTypeAndVersion,
]);
expect(() => validateResponseModeConfiguration(webhookFunctions)).toThrow(
'The "Respond to Webhook" node is not supported in workflows initiated by the "n8n Form Trigger"',
);
});
test('does not throw an error mode in not "responseNode" and no "Respond to Webhook" node is connected', () => {
webhookFunctions.getNodeParameter.mockReturnValue('onReceived');
expect(() => validateResponseModeConfiguration(webhookFunctions)).not.toThrow();
});
describe('prepareFormFields', () => {
it('should prepare hiddenField', async () => {
const result = prepareFormFields([
{
fieldLabel: '',
fieldName: 'test',
fieldType: 'hiddenField',
},
]);
expect(result[0]).toEqual({
fieldLabel: 'test',
fieldName: 'test',
fieldType: 'hiddenField',
});
});
it('should sanitize html fields', async () => {
const result = prepareFormFields([
{
fieldLabel: 'Custom HTML',
fieldType: 'html',
elementName: 'test',
html: 'Safe content
',
},
]);
expect(result[0].html).toBe('Safe content
');
});
it('should not modify html fields when html is empty', async () => {
const result = prepareFormFields([
{
fieldLabel: 'Custom HTML',
fieldType: 'html',
elementName: 'test',
html: '',
},
]);
expect(result[0].html).toBe('');
});
it('should not modify html fields when html is undefined', async () => {
const result = prepareFormFields([
{
fieldLabel: 'Custom HTML',
fieldType: 'html',
elementName: 'test',
},
]);
expect(result[0].html).toBeUndefined();
});
it('should not process non-html fields', async () => {
const result = prepareFormFields([
{
fieldLabel: 'Text Field',
fieldType: 'text',
},
]);
expect(result[0]).toEqual({
fieldLabel: 'Text Field',
fieldType: 'text',
});
});
});
});
describe('addFormResponseDataToReturnItem', () => {
let returnItem: INodeExecutionData;
beforeEach(() => {
returnItem = { json: {} };
});
test('should use fieldName if fieldLabel is missing', () => {
const formFields: FormFieldsParameter = [
{ fieldName: 'Alternative Field', fieldType: 'hiddenField' },
] as FormFieldsParameter;
const bodyData: IDataObject = { 'field-0': 'Test Value' };
addFormResponseDataToReturnItem(returnItem, formFields, bodyData);
expect(returnItem.json['Alternative Field']).toBe('Test Value');
});
it('should handle null values', () => {
const formFields: FormFieldsParameter = [{ fieldLabel: 'Test Field', fieldType: 'text' }];
const bodyData: IDataObject = {};
addFormResponseDataToReturnItem(returnItem, formFields, bodyData);
expect(returnItem.json['Test Field']).toBeNull();
});
it('should process html fields and set elementName', () => {
const formFields: FormFieldsParameter = [
{ fieldLabel: 'HTML Field', elementName: 'htmlElement', fieldType: 'html' },
];
const bodyData: IDataObject = { 'field-0': 'HTML Content
' };
addFormResponseDataToReturnItem(returnItem, formFields, bodyData);
expect(returnItem.json.htmlElement).toBe('HTML Content
');
});
it('should parse number fields correctly', () => {
const formFields: FormFieldsParameter = [{ fieldLabel: 'Number Field', fieldType: 'number' }];
const bodyData: IDataObject = { 'field-0': '42' };
addFormResponseDataToReturnItem(returnItem, formFields, bodyData);
expect(returnItem.json['Number Field']).toBe(42);
});
it('should trim text fields', () => {
const formFields: FormFieldsParameter = [{ fieldLabel: 'Text Field', fieldType: 'text' }];
const bodyData: IDataObject = { 'field-0': ' hello world ' };
addFormResponseDataToReturnItem(returnItem, formFields, bodyData);
expect(returnItem.json['Text Field']).toBe('hello world');
});
it('should parse radio field from JSON', () => {
const formFields: FormFieldsParameter = [{ fieldLabel: 'Radio Field', fieldType: 'radio' }];
const bodyData: IDataObject = { 'field-0': '["option1"]' };
addFormResponseDataToReturnItem(returnItem, formFields, bodyData);
expect(returnItem.json['Radio Field']).toEqual('option1');
});
it('should parse checkboxes fields from JSON', () => {
const formFields: FormFieldsParameter = [{ fieldLabel: 'Checkboxes', fieldType: 'checkbox' }];
const bodyData: IDataObject = { 'field-0': '["option1", "option2"]' };
addFormResponseDataToReturnItem(returnItem, formFields, bodyData);
expect(returnItem.json['Checkboxes']).toEqual(['option1', 'option2']);
});
it('should parse multiselect fields from JSON', () => {
const formFields: FormFieldsParameter = [
{ fieldLabel: 'Multi Field', fieldType: 'text', multiselect: true },
];
const bodyData: IDataObject = { 'field-0': '["option1", "option2"]' };
addFormResponseDataToReturnItem(returnItem, formFields, bodyData);
expect(returnItem.json['Multi Field']).toEqual(['option1', 'option2']);
});
it('should convert single file values to an array if multipleFiles is true', () => {
const formFields: FormFieldsParameter = [
{ fieldLabel: 'File Field', fieldType: 'file', multipleFiles: true },
];
const bodyData: IDataObject = { 'field-0': 'file1.pdf' };
addFormResponseDataToReturnItem(returnItem, formFields, bodyData);
expect(returnItem.json['File Field']).toEqual(['file1.pdf']);
});
describe('Version 2.4+ fieldName support', () => {
it('should use fieldName for output data keys in v2.4+', () => {
const formFields: FormFieldsParameter = [
{
fieldName: 'userName',
fieldLabel: 'User Name',
fieldType: 'text',
},
];
const bodyData: IDataObject = { 'field-0': 'John Doe' };
addFormResponseDataToReturnItem(returnItem, formFields, bodyData, 2.4);
expect(returnItem.json.userName).toBe('John Doe');
expect(returnItem.json['User Name']).toBeUndefined();
});
it('should use fieldLabel for output data keys in v2.3 and earlier', () => {
const formFields: FormFieldsParameter = [
{
fieldName: 'userName',
fieldLabel: 'User Name',
fieldType: 'text',
},
];
const bodyData: IDataObject = { 'field-0': 'John Doe' };
addFormResponseDataToReturnItem(returnItem, formFields, bodyData, 2.3);
expect(returnItem.json['User Name']).toBe('John Doe');
expect(returnItem.json.userName).toBeUndefined();
});
it('should fallback to fieldLabel if fieldName is missing in v2.4+', () => {
const formFields: FormFieldsParameter = [
{
fieldLabel: 'User Name',
fieldType: 'text',
},
];
const bodyData: IDataObject = { 'field-0': 'John Doe' };
addFormResponseDataToReturnItem(returnItem, formFields, bodyData, 2.4);
expect(returnItem.json['User Name']).toBe('John Doe');
});
it('should handle multiple fields with fieldName in v2.4+', () => {
const formFields: FormFieldsParameter = [
{
fieldName: 'firstName',
fieldLabel: 'First Name',
fieldType: 'text',
},
{
fieldName: 'lastName',
fieldLabel: 'Last Name',
fieldType: 'text',
},
{
fieldName: 'email',
fieldLabel: 'Email Address',
fieldType: 'email',
},
];
const bodyData: IDataObject = {
'field-0': 'John',
'field-1': 'Doe',
'field-2': 'john@example.com',
};
addFormResponseDataToReturnItem(returnItem, formFields, bodyData, 2.4);
expect(returnItem.json.firstName).toBe('John');
expect(returnItem.json.lastName).toBe('Doe');
expect(returnItem.json.email).toBe('john@example.com');
expect(returnItem.json['First Name']).toBeUndefined();
expect(returnItem.json['Last Name']).toBeUndefined();
expect(returnItem.json['Email Address']).toBeUndefined();
});
});
});
describe('validateSafeRedirectUrl', () => {
it('should return null for undefined input', () => {
expect(validateSafeRedirectUrl(undefined)).toBeNull();
});
it('should return null for empty string', () => {
expect(validateSafeRedirectUrl('')).toBeNull();
expect(validateSafeRedirectUrl(' ')).toBeNull();
});
it('should return valid http/https URLs', () => {
expect(validateSafeRedirectUrl('https://example.com')).toBe('https://example.com');
expect(validateSafeRedirectUrl('http://example.com/path')).toBe('http://example.com/path');
});
it('should add https:// prefix to URLs without protocol', () => {
expect(validateSafeRedirectUrl('example.com')).toBe('https://example.com');
expect(validateSafeRedirectUrl('example.com/path')).toBe('https://example.com/path');
});
it('should trim whitespace from URLs', () => {
expect(validateSafeRedirectUrl(' https://example.com ')).toBe('https://example.com');
});
it('should return null for javascript: URLs', () => {
expect(validateSafeRedirectUrl('javascript:alert(1)')).toBeNull();
});
it('should return null for data: URLs', () => {
expect(validateSafeRedirectUrl('data:text/html,')).toBeNull();
});
it('should return null for invalid URLs', () => {
expect(validateSafeRedirectUrl('not a valid url')).toBeNull();
});
});
describe('FormTrigger, prepareFormData - Default Value', () => {
it('should use defaultValue when no query parameter is provided', () => {
const formFields: FormFieldsParameter = [
{
fieldLabel: 'Name',
fieldType: 'text',
requiredField: true,
placeholder: 'Enter your name',
defaultValue: 'John Doe',
},
{
fieldLabel: 'Email',
fieldType: 'email',
requiredField: true,
placeholder: 'Enter your email',
defaultValue: 'john@example.com',
},
];
const result = prepareFormData({
formTitle: 'Test Form',
formDescription: 'This is a test form',
formSubmittedText: 'Thank you',
redirectUrl: 'example.com',
formFields,
testRun: false,
query: {},
});
expect(result.formFields[0].defaultValue).toBe('John Doe');
expect(result.formFields[1].defaultValue).toBe('john@example.com');
});
it('should prioritize query parameter over defaultValue', () => {
const formFields: FormFieldsParameter = [
{
fieldLabel: 'Name',
fieldType: 'text',
requiredField: true,
defaultValue: 'Default Name',
},
];
const query = { Name: 'Query Name' };
const result = prepareFormData({
formTitle: 'Test Form',
formDescription: 'This is a test form',
formSubmittedText: 'Thank you',
redirectUrl: 'example.com',
formFields,
testRun: false,
query,
});
expect(result.formFields[0].defaultValue).toBe('Query Name');
});
it('should use empty string when neither defaultValue nor query parameter is provided', () => {
const formFields: FormFieldsParameter = [
{
fieldLabel: 'Name',
fieldType: 'text',
requiredField: true,
},
];
const result = prepareFormData({
formTitle: 'Test Form',
formDescription: 'This is a test form',
formSubmittedText: 'Thank you',
redirectUrl: 'example.com',
formFields,
testRun: false,
query: {},
});
expect(result.formFields[0].defaultValue).toBe('');
});
});
describe('FormTrigger IP Whitelist', () => {
describe('isIpAllowed (reused from Webhook)', () => {
it('should return true if whitelist is undefined', () => {
expect(isIpAllowed(undefined, ['192.168.1.1'], '192.168.1.1')).toBe(true);
});
it('should return true if whitelist is an empty string', () => {
expect(isIpAllowed('', ['192.168.1.1'], '192.168.1.1')).toBe(true);
});
it('should allow IP in whitelist', () => {
expect(isIpAllowed('192.168.1.1', [], '192.168.1.1')).toBe(true);
});
it('should block IP not in whitelist', () => {
expect(isIpAllowed('192.168.1.1', [], '192.168.1.2')).toBe(false);
});
it('should support CIDR notation', () => {
expect(isIpAllowed('192.168.1.0/24', [], '192.168.1.50')).toBe(true);
expect(isIpAllowed('192.168.1.0/24', [], '192.168.2.1')).toBe(false);
});
it('should support comma-separated mixed entries', () => {
expect(isIpAllowed('127.0.0.1, 192.168.1.0/24', [], '192.168.1.100')).toBe(true);
expect(isIpAllowed('127.0.0.1, 192.168.1.0/24', [], '10.0.0.1')).toBe(false);
});
it('should handle IPv6 addresses', () => {
expect(isIpAllowed('::1', [], '::1')).toBe(true);
expect(isIpAllowed('::1', [], '::2')).toBe(false);
});
it('should check both direct IP and proxy IPs', () => {
expect(isIpAllowed('192.168.1.1', ['192.168.1.1', '10.0.0.1'], '10.0.0.2')).toBe(true);
});
});
});
describe('handleNewlines', () => {
it.each([
['\\n', '\n'], // \n => newline character
['\\\\n', '\\n'], // \\n => \n
['\\\\\\n', '\\\\n'], // \\\n => \\n
])('should replace %j with %j in text', (pattern, replacement) => {
const text = `Some message${pattern}Other text`;
const expected = `Some message${replacement}Other text`;
const result = handleNewlines(text);
expect(result).toBe(expected);
});
});
describe('parseFormFields - HTML field expression resolution', () => {
let mockWebhookFunctions: ReturnType>;
beforeEach(() => {
mockWebhookFunctions = mock();
});
it('should resolve expressions in html fields', () => {
mockWebhookFunctions.getNodeParameter.mockImplementation((paramName: string) => {
if (paramName === 'formFields.values') {
return [
{
fieldLabel: 'Custom HTML',
fieldType: 'html',
elementName: 'test',
html: '{{ $json.formMode }} ',
},
];
}
return undefined;
});
mockWebhookFunctions.evaluateExpression.mockImplementation((expression: string) => {
if (expression === '{{ $json.formMode }}') {
return 'Title';
}
if (expression.includes('formMode')) {
return 'test';
}
return expression;
});
const result = parseFormFields(mockWebhookFunctions, {
defineForm: 'fields',
fieldsParameterName: 'formFields.values',
});
expect(mockWebhookFunctions.evaluateExpression).toHaveBeenCalledWith('{{ $json.formMode }}');
expect(result[0].html).toBe('Title ');
});
it('should handle multiple expressions in html fields', () => {
mockWebhookFunctions.getNodeParameter.mockImplementation((paramName: string) => {
if (paramName === 'formFields.values') {
return [
{
fieldLabel: 'Custom HTML',
fieldType: 'html',
elementName: 'test',
html: '{{ $json.title }} {{ $json.description }}
',
},
];
}
return undefined;
});
mockWebhookFunctions.evaluateExpression.mockImplementation((expression: string) => {
if (expression === '{{ $json.title }}') return 'Welcome';
if (expression === '{{ $json.description }}') return 'Please fill out the form';
if (expression.includes('formMode')) {
return 'test';
}
return expression;
});
const result = parseFormFields(mockWebhookFunctions, {
defineForm: 'fields',
fieldsParameterName: 'formFields.values',
});
expect(result[0].html).toBe('Welcome Please fill out the form
');
});
it('should not modify html fields without expressions', () => {
mockWebhookFunctions.getNodeParameter.mockImplementation((paramName: string) => {
if (paramName === 'formFields.values') {
return [
{
fieldLabel: 'Custom HTML',
fieldType: 'html',
elementName: 'test',
html: 'Static Title ',
},
];
}
return undefined;
});
mockWebhookFunctions.evaluateExpression.mockImplementation((expression: string) => {
if (expression.includes('formMode')) {
return 'test';
}
return expression;
});
const result = parseFormFields(mockWebhookFunctions, {
defineForm: 'fields',
fieldsParameterName: 'formFields.values',
});
expect(result[0].html).toBe('Static Title ');
});
it('should handle empty html fields', () => {
mockWebhookFunctions.getNodeParameter.mockImplementation((paramName: string) => {
if (paramName === 'formFields.values') {
return [
{
fieldLabel: 'Custom HTML',
fieldType: 'html',
elementName: 'test',
html: '',
},
];
}
return undefined;
});
mockWebhookFunctions.evaluateExpression.mockImplementation((expression: string) => {
if (expression.includes('formMode')) {
return 'test';
}
return expression;
});
const result = parseFormFields(mockWebhookFunctions, {
defineForm: 'fields',
fieldsParameterName: 'formFields.values',
});
expect(result[0].html).toBe('');
});
});