Question

这是我的考试。当比较函数失败时，我将在输入框中添加一个类，因此我的测试期望classList的长度为2。

     describe('confirm password element', () => {
        it('adds a class to the input box when the text fails comparison check', () => {
        document.body.innerHTML =
        ' <form>' +
        '<input class="confirm-password">' + 
        ' </form>';
          const e = document.querySelector('.confirm-password').classList;
          // keypress event to trigger comparison function will be here.
          expect(e).toHaveLength(2);
        })
     })

但是，只要我运行测试，我就会在测试终端窗口中获取页面和输出页面，其中一个片段位于下方..

ect]}, Symbol(wrapper): {Symbol(impl): [Circular]}, Symbol(location info): {"end": 32, "endTag": [Object], "start": 19, "startTag": [Object]}}, "previousSibling": null}, Symbol(wrapper): {Symbol(impl): [Circular]}, Symbol(location info): undefined}}, Symbol(wrapper): {Symbol(impl): [Circular]}, Symbol(location info): undefined}, "previousSibling": null}, Symbol(wrapper): {Symbol(impl): [Circular]}, Symbol(location info): undefined}, "tokens": ["confirm-password"]}}

当我注释掉以'const e'开头的第二行时，这将停止文本输出。顺便提一下，尽管存在所有这些不需要的输出，但测试仍然正确我们非常感谢您提供的任何帮助。

Answer 1

您是否正在使用--verbose进行测试？该代码段看起来不像是一个错误。它可能只是非常繁琐的记录。

Jest / JSDOM - 分配给文档

1 个答案: