Example needed for vitest legacy JQuery + html

[jesperronn]

Hi, I have a legacy project, HTML and legacy Javascript. Here is an example of a jquery snippet from that legacy application (simplified example):

function init() {
  $('.ok-button').hide();
  $('.cancel-button').show();
}

$(document).ready(function(){init()});

My requirements are:

1. I want to mock some html in a test setup containing HTML elements that should or should not be affected by the javascript code
2. I want to load my js code and Jquery
3. I want to trigger document.ready() although I can live with triggereing my 'init()' function directly in case it is too difficult.

I am looking for an example where I can write unit tests for this using vitest.

I have briefly tried with both happy-dom and JSDom but did not have any luck.

Do we have an example that (perhaps eventually) can be part of the vitest documentation?