Как проверить функцию, которая возвращает HTML с Jest?

Question

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

  const createRecipe = recipe => {
      const recipeElement = document.createElement('details');
      recipeElement.innerHTML = `
      <summary>${recipe.recipeName}</summary>`;
      const ingredientsList = document.createElement('ul');
      const ingredients = recipe.ingredients.split(',');
      ingredients.forEach(ingredient => {
        const ingredientItem = document.createElement('li');
        ingredientItem.textContent = ingredient;
        ingredientsList.appendChild(ingredientItem);
      });
      recipeElement.appendChild(ingredientsList);
      return recipeElement;
    };