Creé esta bifurcación de esto :
https://codesandbox.io/s/reactgrid-highlights-forked-shvr4z
Estoy tratando de escribir una prueba que seleccione una celda y la edite (broma). No vi que exportaran sus utilidades de prueba.
Así que traté de seleccionar la celda, sin éxito. Descargué su biblioteca, traté de depurar su código y creo que activan el evento de puntero hacia abajo al seleccionar una celda.
Intenté simularlo con:
const event = new PointerEvent('pointerdown') myElement = document.querySelector('[data-cell-rowidx="1"][data-cell-colidx="0"]'); myElement.dispatchEvent(event);U otras variaciones.
Además, probé con @testing-library/user-event:
userEvent.click(...) pointer([ {keys: '[MouseLeft>]', target: myElement}, {keys: '[/MouseLeft]'}, ])Cualquier ayuda apreciada.
¡Logrado!
const simulateMouseEvent = function(element, eventName, coordX, coordY) { element.dispatchEvent(new MouseEvent(eventName, { view: window, bubbles: true, cancelable: true, clientX: coordX, clientY: coordY, button: 0 })); }; const theButton = document.querySelector('[data-cell-rowidx="1"][data-cell-colidx="0"]') const box = theButton.getBoundingClientRect(), coordX = box.left + (box.right - box.left) / 2, coordY = box.top + (box.bottom - box.top) / 2; simulateMouseEvent (theButton, "pointerdown", coordX, coordY); simulateMouseEvent (theButton, "pointerup", coordX, coordY); simulateMouseEvent (theButton, "click", coordX, coordY);