Add <Rect> "click" event test

test/helpers/event.ts

@@ -0,0 +1,10 @@
+export function enableEvents(canvas: any) {
+	const ev = new EventTarget();
+	canvas.addEventListener = ev.addEventListener.bind(ev);
+	canvas.removeEventListener = ev.removeEventListener.bind(ev);
+	canvas.dispatchEvent = ev.dispatchEvent.bind(ev);
+}
+
+export function dispatchEvent(target: any, event: Event) {
+	target.dispatchEvent(event);
+}

test/rect.test.tsx

@@ -1,8 +1,9 @@
-import React from 'react';
+import React, { useState } from 'react';
 import { test, expect } from 'vitest';
 import config, { Canvas } from '@napi-rs/canvas';
 import { Rect } from '../src';
 import { render } from '../src/render';
+import { enableEvents, dispatchEvent } from './helpers/event';
 
 test('should render <Rect>', async () => {
 	const canvas = new Canvas(150, 100);
@@ -13,3 +14,52 @@ test('should render <Rect>', async () => {
 	);
 	expect(canvas.toBuffer('image/png')).toMatchImageSnapshot();
 });
+
+test('should receive "click" event', async () => {
+	const canvas = new Canvas(150, 100);
+	enableEvents(canvas);
+	let event: MouseEvent;
+
+	function ClickRect() {
+		const [color, setColor] = useState('red');
+		return (
+			<Rect
+				x={10}
+				y={10}
+				width={50}
+				height={50}
+				fill={color}
+				onClick={(e) => {
+					setColor('blue');
+					event = e;
+				}}
+			/>
+		);
+	}
+
+	const root = render(<ClickRect />, canvas, config);
+	expect(root.renderCount).toEqual(0);
+
+	// Initial state, Rect is red
+	await root;
+	expect(root.renderCount).toEqual(1);
+	expect(canvas.toBuffer('image/png')).toMatchImageSnapshot();
+
+	// Simulate "click" event
+	dispatchEvent(
+		canvas,
+		Object.assign(new Event('click'), {
+			layerX: 50,
+			layerY: 40,
+		}),
+	);
+
+	// Rect should be blue now
+	await root;
+	expect(root.renderCount).toEqual(2);
+	expect(canvas.toBuffer('image/png')).toMatchImageSnapshot();
+
+	// Check event values
+	expect(event!.layerX).toEqual(40);
+	expect(event!.layerY).toEqual(30);
+});

test/text.test.tsx

@@ -1,11 +1,11 @@
 import React from 'react';
+import { join } from 'path';
 import { test, expect } from 'vitest';
-import config, { Canvas } from '@napi-rs/canvas';
+import config, { Canvas, GlobalFonts } from '@napi-rs/canvas';
 import { Text } from '../src';
 import { render } from '../src/render';
-import { join } from 'path';
 
-config.GlobalFonts.registerFromPath(
+GlobalFonts.registerFromPath(
 	join(__dirname, 'Geist-Regular.otf'),
 	'Geist Sans',
 );