How to simulate a click function on an HTML file using Jest?

Question

I’m starting to create tests for a simple HTML page, it has a script with some functions and my idea is to test these functions.

But I can’t simulate a click on the DOM inside my test, how can I do that? Remembering that I’m not using any framework, it’s just JS/HTML.

Follow the example of what I’m doing:

const fs = require('fs');
const path = require('path');
const html = fs.readFileSync(path.resolve(__dirname, '../../index.html'), 'utf8');
// Manipulate DOM
document.body.innerHTML = html;


const saveData = function(idStore, idEmployee, apiKey, journey){
       localStorage.setItem("idStore", idStore);
}

describe("Save Function", () => {
    test("Testing if data is saved to localStorage", () => {

        let idStore = document.getElementById('idStore');
        idStore.value = '123456'
        let btn = document.getElementById('saveButton');

btn.onclick = function(){
            saveData(idStore.value);
        }


        btn.click();
        expect(localStorage.getItem('idStore')).toEqual('123456');
    });
  });

When running the test, the value received by idStore remains null, as if the click had not been executed.