Aquí está el archivo app.js, creo, tengo que usar spyon y jest.fn pero no estoy seguro de cómo hacerlo. Además, no estoy seguro de cómo mostrar el dom esperado porque arroja este error "La compatibilidad con la sintaxis experimental 'jsx' no está habilitada actualmente" a partir de ahora, para el código a continuación, recibo este error

 button.addEventListener("click", display); function display() { displayTable.style.display = "block" obj.move.push(input.value); let bulldozerMove = obj.move[obj.move.length - 1]; let index = obj.initPos[obj.initPos.length - 1]; let direction = obj.initDir[obj.initDir.length - 1]; solution( grid, index, direction, bulldozerMove ); let newRow = displayTable.insertRow(-1); key.forEach((val) => { let insertData = obj[val]; for (let i = 0; i < 1; i++) { let newCell = document.createElement("td"); newCell.style.border = 'solid 1px black'; newCell.appendChild(document.createTextNode(insertData[insertData.length - 1])); newRow.appendChild(newCell); } tableBody.appendChild(newRow); }) displayTable.appendChild(tableBody); document.body.appendChild(displayTable); }

Aquí está el archivo app.test.js

 describe('addEventListener', () => { test('call callback function', () => { const display = jest.fn(); button.addEventListener('click', display); expect(display).toHaveBeenCalled(1); });

})