test(props): add tests for node and edge event handlers

examples/nextjs/cypress/support/commands.ts

@@ -1,5 +1,3 @@
-/// <reference types="cypress" />
-
 Cypress.Commands.add('drag', (selector, { x, y }) =>
   cy.window().then((window) => {
     const elementToDrag = cy.get(selector as string);
@@ -11,7 +9,7 @@ Cypress.Commands.add('drag', (selector, { x, y }) =>
       const nextY: number = centerY + y;
 
       return elementToDrag
-        .trigger('mousedown', { which: 1, view: window })
+        .trigger('mousedown', { view: window })
         .trigger('mousemove', nextX, nextY, { force: true })
         .wait(50)
         .trigger('mouseup', { view: window, force: true });

examples/nextjs/cypress/support/component.ts

@@ -1,23 +1,9 @@
-// ***********************************************************
-// This example support/component.js is processed and
-// loaded automatically before your test files.
-//
-// This is a great place to put global configuration and
-// behavior that modifies Cypress.
-//
-// You can change the location of this file or turn off
-// automatically serving support files with the
-// 'supportFile' configuration option.
-//
-// You can read more here:
-// https://on.cypress.io/configuration
-// ***********************************************************
+///<reference types="cypress" />
+///<reference types="@cypress/skip-test" />
+///<reference types="cypress-real-events" />
 
-// Import commands.js using ES2015 syntax:
 import './commands';
-
-// Alternatively you can use CommonJS syntax:
-// require('./commands')
+import 'cypress-real-events/support';
 
 import { mount } from 'cypress/react18';
 import { XYPosition } from 'reactflow';
@@ -26,6 +12,7 @@ import '../../styles/globals.css';
 import '../../styles/rf-style.css';
 
 declare global {
+  // eslint-disable-next-line @typescript-eslint/no-namespace
   namespace Cypress {
     interface Chainable {
       mount: typeof mount;