React Jest，Enzyme删除或隐藏已接收的部分

Question

我正在探索我的React构建测试，一般情况下 - 所有工作都按预期进行。 我对测试的“已收到”信息部分有疑问。

我真的需要整个信息吗？因为它看起来多余。

例如，我对DOM元素进行简单检查，期望得到1并得到2 - 我对这部分感到满意​​，但是我怎么能隐藏所有那些意大利面？

package.json的Jest部分：

"jest": {
    "setupTestFrameworkScriptFile": "./node_modules/jest-enzyme/lib/index.js",
    "unmockedModulePathPatterns": [
      "react",
      "enzyme",
      "jest-enzyme"
    ]
  },

Answer 1

您正在比较整个浅层渲染。 toHaveLength并不是一直为我工作的。

尝试：

期望（wrapper.find（＆＃34; .testing-目的＆＃34;。）长度）.toBe（2）;

Answer 2

你可以做几件事，

1. 检查查找元素是否退出

   expect(wrapper.find(".testing-purposes").exists()).toBe(true);
   

2. 检查返回元素的长度，如

    expect(wrapper.find(".testing-purposes").length).toBe(2);
   

根据 documentation ：

  

使用.toHaveLength检查对象是否具有.length属性   并将其设置为某个数值。

     

这对于检查数组或字符串大小特别有用。

对你来说似乎并非如此