test: added applyMagnet & reorganized tests files; added config check…

…ing helpers to tests

tests/__utils__/testsConfig.ts

@@ -106,7 +106,12 @@ export type UnitTestCategory =
 	| "pluginRegistration"
 	| "dragListenersRegistration"
 	| "calcCartesian"
-	| "checkDraggingConfiguration";
+	| "calcRadialLinear"
+	| "checkDraggingConfiguration"
+	| "clipValue"
+	| "applyMagnet"
+	| "getElement"
+	| "plugin";
 
 export type UnitConfig = {
 	whitelistedTestCategories: Whitelist<UnitTestCategory> | undefined;

tests/unit/__fixtures__/mockedEventUtils.ts

@@ -0,0 +1,39 @@
+import { DragDataEvent } from "../../../src";
+
+export type TestEventType = "MouseEvent" | "TouchEvent";
+
+export function getEventX(event: DragDataEvent, eventType: TestEventType) {
+	return eventType === "MouseEvent"
+		? (event as MouseEvent).clientX
+		: (event as TouchEvent).touches[0].clientX;
+}
+
+export function getEventY(event: DragDataEvent, eventType: TestEventType) {
+	return eventType === "MouseEvent"
+		? (event as MouseEvent).clientY
+		: (event as TouchEvent).touches[0].clientY;
+}
+
+export function setEventX(
+	event: DragDataEvent,
+	eventType: TestEventType,
+	x: number,
+) {
+	if (eventType === "MouseEvent") {
+		((event as MouseEvent).clientX as number) = x;
+	} else {
+		((event as TouchEvent).touches[0].clientX as number) = x;
+	}
+}
+
+export function setEventY(
+	event: DragDataEvent,
+	eventType: TestEventType,
+	y: number,
+) {
+	if (eventType === "MouseEvent") {
+		((event as MouseEvent).clientY as number) = y;
+	} else {
+		((event as TouchEvent).touches[0].clientY as number) = y;
+	}
+}

tests/unit/__utils__/utils.ts

@@ -46,14 +46,12 @@ export function setupChartInstance<T extends keyof ChartTypeRegistry>(
 	}: SetupChartInstanceOptions<T> = {},
 ): TChart<T> {
 	const canvas = document.createElement("canvas");
-	canvas.width = canvasWidth;
-	canvas.height = canvasHeight;
 	canvas.style.width = `${canvasWidth}px`;
 	canvas.style.height = `${canvasHeight}px`;
 
 	var ctx = canvas.getContext("2d")!;
 
-	return new Chart<T>(ctx, {
+	const chart = new Chart<T>(ctx, {
 		type: chartType,
 		data: _.cloneDeep(chartData),
 		options: _.merge(
@@ -62,6 +60,15 @@ export function setupChartInstance<T extends keyof ChartTypeRegistry>(
 			_.cloneDeep(customOptions ?? {}),
 		) as any,
 	});
+
+	// ensure these properties are initialized for chart.js helpers to be able to work properly
+	chart.width = canvasWidth;
+	chart.height = canvasHeight;
+
+	canvas.width = canvasWidth;
+	canvas.height = canvasHeight;
+
+	return chart;
 }
 
 /**

tests/unit/applyMagnet.spec.ts

@@ -2,14 +2,27 @@ import { Chart, ChartType } from "chart.js";
 
 import { applyMagnet } from "../../dist/test/chartjs-plugin-dragdata-test";
 import { OptionalPluginConfiguration } from "../../src";
+import { isTestsConfigWhitelistItemAllowed } from "../__utils__/testsConfig";
 import { UNIT_TEST_CHART_TYPES } from "./__utils__/constants";
 import { setupChartInstance } from "./__utils__/utils";
 
-describe("applyMagnet", () => {
+(isTestsConfigWhitelistItemAllowed(
+	"unit",
+	"whitelistedTestCategories",
+	"applyMagnet",
+)
+	? describe
+	: describe.skip)("applyMagnet", () => {
 	for (const chartType of UNIT_TEST_CHART_TYPES) {
 		let chartInstance: Chart;
 
-		describe(`${chartType} chart`, () => {
+		(isTestsConfigWhitelistItemAllowed(
+			"unit",
+			"whitelistedTestedChartTypes",
+			chartType,
+		)
+			? describe
+			: describe.skip)(`${chartType} chart`, () => {
 			beforeEach(() => {
 				chartInstance = setupChartInstance(chartType as ChartType, {
 					plugins: { dragData: {} },