在 Jest 中模拟 HTML 元素答案

【问题标题】：Mock HTML element in Jest在 Jest 中模拟 HTML 元素
【发布时间】：2021-11-01 10:07:31
【问题描述】：

export function tryAddELement(){
  const link = document.createElement('a');
  link.href = 'sampleHref';
}

我正在尝试为此编写一个 Jest 测试，但我一直坚持创建模拟 HTML 元素。

  it('test tryAddElement', () => {
    // const elementMock; // Stuck here
    // const createElementMock = jest.spyOn(document, "createElement").mockReturnValue(elementMock);

    tryAddELement();
  });

我们如何在 Jest 中模拟 HMTL 元素？

【问题讨论】：

你到底是怎么卡住的？您刚刚在 tryAddELement 函数中创建了一个元素。

标签： javascript reactjs jestjs

【解决方案1】：

类似这样的：

it('test tryAddElement', () => {
    tryAddELement();

    const expectedElement = document.getElementsByTagName("a[href='sampleHref']");

    expect(expectedElement).toBeTruthy();
});

【讨论】：