Как проверить манипуляцию vanilla js Dom с помощью Jest

Question

Я пытался использовать код, похожий на документы, но я не могу понять, как издеваться что происходит без копирования всей функции, если это то, что я должен сделать.

export const toggleModal = () => {
  const body = document.body;
  const modal = document.querySelector('.modal');
  modal.classList.add('modal-active');
  console.log(modal.classList)
}
const toggleFormBtn = () => {
  const toggleFormBtn = document.querySelector('.toggle-form-btn');
  toggleFormBtn.addEventListener('click', e => {
    toggleModal()
  });
};
export default toggleFormBtn;

<button class="toggle-form-btn">Add Contact</button>
  <div class="modal">
  </div>

'use strict';
import { toggleModal } from './toggleFormBtn';
// toggleModal.mockImplementation(() => {

// });

describe('toggleFormBtn', () => {
  document.body.innerHTML = `
  <button class="toggle-form-btn">Add Contact</button>
  <div class="modal">
  </div>
  `;
  const toggleFormBtn = document.querySelector('.toggle-form-btn');
  const modal = document.querySelector('.modal');
  beforeEach(() => {
    toggleFormBtn.click();
  });
  it('should add modal-active to the  modal on click', () => {
    expect(modal.classList.value).toEqual('modal modal-active');
  });
});