反应小丑，酶移除或隐藏收到的部分

Question

我正在探索测试我的反应构建和一般-所有的工作，如预期。我对“收到”信息的一部分有疑问。

我真的需要全部信息吗？因为它看起来是多余的。

例如，我对DOM元素做了简单的检查，期望得到1和2--我对这个部分很满意，但是我如何隐藏所有这些意大利面呢？

​

​

开玩笑package.json的一部分：

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

Answer 1

有几件事你可以做，

1. 检查find元素是否存在 expect(wrapper.find(".testing-purposes").exists()).toBe(true)；
2. 检查返回元素的长度，如 expect(wrapper.find(".testing-purposes").length).toBe(2)；

根据文档

使用.toHaveLength检查对象是否具有.length属性，并将其设置为特定的数值。 这对于检查数组或字符串大小特别有用。

但对你来说似乎不是这样

Answer 2

你在比较整个浅浅的渲染。toHaveLength对我来说并不是一成不变的。

尝试：

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