有什么方法可以在一起使用Jest和jest-dom而不需要转换？

Question

我想用Jest编写一个单元测试，使用胡闹作为模拟DOM--而不需要传输。我希望我所要做的就是导入带有CommonJS导入的jest包。但是，当我这样做，然后运行我的测试(用npm test)，它仍然失败了：

ReferenceError: document is not defined (全输出这里)

有什么办法解决这个问题吗？我的测试文件在下面。

谢谢。

我的代码

myApp.test.js

require("@testing-library/jest-dom");
document.createElement("div");

Answer 1

经过几次反复试验，我终于成功了。这是我做的编辑：

myApp.test.js (测试文件)

require("@testing-library/jest-dom/extend-expect");

我在这个职位看到了。

package.json 将以下内容添加到顶层：

  "jest": {
    "testEnvironment": "jest-environment-jsdom"
  },

我这样做了，b/c 这个文档页面说我应该把Jest testEnvironment编辑成jest-environment-jsdom。我不知道为什么这个字符串被用作值，而不是包的名称(test-dom)。但这才是对我有用的。

这个文档页面展示了如何编辑Jest testEnvironment。