feat(QuickChart Node): Add QuickChart node (#3572)

* ✨ Add basic QuickChart node * 🏷️ Fix up types * ❇️ Add Boxplot and Violin * ❇️ Add point styles * ❇️ Add horizontal charts * ⚡ Make possible to provide array of labels via expressions * ⚡ Improvements * ⚡ Improvements * 🎨 fix lint errors * ⚡️disable chart types we don't want to support in P0 * ⚡️support setting labels manually or using an array * ⚡️move Horizontal parameter into options * ⚡️ update "Put Output In Field" param description and hint * ⚡️ removed font color * ⚡️fix Device Pixel Ratio * ⚡️fix Polar Chart not working * ⚡️Show Fill param only for charts supporting it * ⚡️Show pointStyle param only for charts supporting it * ⚡️remove second "Chart Type" option * ⚡ updated error message, added json data, updated description * Add codex json file * ✅ add unit test * ✅ improve unit test * ⚡ removed any, added aliases --------- Co-authored-by: ricardo <ricardoespinoza105@gmail.com> Co-authored-by: Marcus <marcus@n8n.io> Co-authored-by: Michael Kret <michael.k@radency.com>
2025-12-17 10:02:05 +00:00 · 2023-03-17 11:50:26 +00:00
parent 6a8c9b7ccc
commit 233f1fa7ec
8 changed files with 748 additions and 0 deletions
--- a/packages/nodes-base/nodes/QuickChart/test/QuickChart.node.test.ts
+++ b/packages/nodes-base/nodes/QuickChart/test/QuickChart.node.test.ts
@@ -0,0 +1,110 @@
+/* eslint-disable @typescript-eslint/no-loop-func */
+import * as Helpers from '../../../test/nodes/Helpers';
+import type { WorkflowTestData } from '../../../test/nodes/types';
+import { executeWorkflow } from '../../../test/nodes/ExecuteWorkflow';
+import nock from 'nock';
+
+describe('Test QuickChart Node', () => {
+	beforeEach(async () => {
+		await Helpers.initBinaryDataManager();
+		nock.disableNetConnect();
+		nock('https://quickchart.io')
+			.persist()
+			.get(/chart.*/)
+			.reply(200, { success: true });
+	});
+
+	afterEach(() => {
+		nock.restore();
+	});
+
+	const workflow = Helpers.readJsonFileSync('nodes/QuickChart/test/QuickChart.workflow.json');
+
+	const tests: WorkflowTestData[] = [
+		{
+			description: 'nodes/QuickChart/test/QuickChart.workflow.json',
+			input: {
+				workflowData: workflow,
+			},
+			output: {
+				nodeData: {
+					BarChart: [
+						[
+							{
+								json: {
+									chart: {
+										type: 'horizontalBar',
+										data: {
+											labels: ['Q1', 'Q2', 'Q3', 'Q4'],
+											datasets: [
+												{
+													label: 'Free Users',
+													data: [50, 60, 70, 180],
+													backgroundColor: '#121d6d77',
+													borderColor: '#e81010',
+													type: 'horizontalBar',
+												},
+												{
+													label: 'Paid Users',
+													data: [30, 10, 14, 25],
+													backgroundColor: '#0c0d0d96',
+													borderColor: '#e81010',
+													type: 'horizontalBar',
+												},
+											],
+										},
+									},
+								},
+							},
+						],
+					],
+					Doughnut: [
+						[
+							{
+								json: {
+									chart: {
+										type: 'doughnut',
+										data: {
+											labels: ['Q1', 'Q2', 'Q3', 'Q4'],
+											datasets: [
+												{
+													label: 'Free Users',
+													data: [50, 60, 70, 180],
+													backgroundColor: '#121d6d77',
+													borderColor: '#e81010',
+													type: 'doughnut',
+												},
+												{
+													label: 'Paid Users',
+													data: [30, 10, 14, 25],
+													backgroundColor: '#0c0d0d96',
+													borderColor: '#e81010',
+													type: 'doughnut',
+												},
+											],
+										},
+									},
+								},
+							},
+						],
+					],
+				},
+			},
+		},
+	];
+
+	const nodeTypes = Helpers.setup(tests);
+
+	for (const testData of tests) {
+		test(testData.description, async () => {
+			const { result } = await executeWorkflow(testData, nodeTypes);
+
+			const resultNodeData = Helpers.getResultNodeData(result, testData);
+			resultNodeData.forEach(({ nodeName, resultData }) => {
+				delete resultData[0]![0].binary;
+				expect(resultData).toEqual(testData.output.nodeData[nodeName]);
+			});
+			expect(result.finished).toEqual(true);
+		});
+	}
+});