如何用Jest测试返回html的函数？

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;
    };