Jest / JSDOM - 分配给文档时测试 window 中的红色输出页面

Question

这是我的测试。当比较函数失败时，我会在输入框中添加一个 class，因此我的测试期望 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);
        })
     })

但是，一旦我运行我的测试，我就会在测试终端 window 中得到一页又一页的输出，下面是其中的一个片段..

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 - 分配给文档时测试 window 中的红色输出页面

Jest / JSDOM - Pages of red output in test window when assigning to document

javascript

unit-testing

jsdom

jestjs