问题标签 [babel-jest]

似乎无法使用 Jest 进行测试，因为我使用的是样式组件。有人找到解决方案吗？

我将我的“StyledComponents.js”组件放在一个单独的文件中，并根据需要将它们导入我的页面..ala。

从“StyledComponents”导入{页脚，页眉，LeftNav}；

导入的文件部分令人窒息，其中包括我的 styled.js 文件中的组件（ala：styled-components）。

基本上，它是说“样式化”是未定义的。然而，在我的文件中，我有：

更新包括 babelrc 和 package.json 文件

babelrc

包.json 文件

鉴于下面的组件和测试，为什么我的confirmClickHandler方法在我运行测试时仍然被调用？

注意：我注意到，当我将方法从一个粗箭头函数更改为一个普通函数时，它会被正确地模拟出来。我在这里想念什么？

和我的测试：

这是对 React DOM 单元测试的笑话教程示例的一个非常简单的修改。我有一个计数器组件，我想测试它是否有效。你可以在底部看到我的提交。

错误： SyntaxError: Unexpected token {

.test.js 文件中只有 2 { ，当我jsx ={1}用 ="1" 删除替换它时，它不会删除错误。另一个 { 在函数调用中() => {

更新 1（对答案的回应）

我已将 .test.js 文件更改为 test.tsx ，并对计数器组件进行了更改以允许字符串删除 jsx {} 以及{除函数构造函数之外的唯一其他内容。

https://github.com/Falieson/react15-meteor1.5-typescript2.4/commit/36a327e79700b5532258f7fb8a171122ed260329

更新 2

我通过试图揭露这个问题发现这个错误只发生在我的工作机器上，而不是我的个人开发机器上。这是适用于我的机器但不适用于我的工作机器的代码。 https://github.com/Falieson/react-typescript-meteor

更新 3 我在跑步时没有从开玩笑中得到任何问题，npm run test:jest但是当我跑步时我meteor npm run test:jest遇到了这个问题，要去流星板上询问。

您好，我如何将 ES6 与 Jest 一起使用。因为他们在传播（运营商）和出口方面向我发送了错误。如何修改笑话？

测试

我正在学习反应，我想测试我的一个组件，但我遇到了这个错误：

这是我在阅读 stackoverflow 和 github 上的帖子时尝试过的一些事情

在我的 babel 配置中添加了测试预设和这些插件“transform-es2015-modules-commonjs”、dynamic-import-node”

在我的 package.json 中，Jest 属性具有以下设置：

我的实际组件是用 ES6 和 typescript 构建的，如果这对你有帮助的话:)

从我读过的内容来看，由于节点不理解 ES6 导入，因此导入似乎很有趣。我在网上尝试过的所有解决方案似乎都不起作用。

这也是我的开发依赖项：

Webpack 配置

谢谢

我有一个通用的 api 类，用于处理 React Native 中的 api 调用。它将进行调用并获取 json/ 错误并返回它。请参阅下面的代码。

但是，当我编写笑话测试来模拟 api 时，测试文件夹中的以下内容。

它失败了：

TypeError: json.then 不是函数

当我将获取返回更改为此时，测试通过：

为什么会弹出这种类型的错误错误？我无法更改 API 模块，因为那将更改我的 redux saga 代码。我应该怎么办？

当我运行npm test（jest --watch）时，我得到：

开玩笑的 package.json 的一部分：

jest.transform.js：

我正在使用以下版本：

• 节点@8.1.3
• npm@5.3.0
• 开玩笑@20.0.4
• babel-core@6.25.0
• babel-jest@20.0.3
• babel-plugin-syntax-dynamic-import@6.18.0

我也试过 babel-plugin-dynamic-import-node@1.0.2，但是我有不同的错误：

我现在不知道如何生成源映射以在节点检查器上调试 jest 测试我正在使用此命令，但正在生成转译代码：

I am mocking two functions with with jest.fn:

How can I assert that first called before second?

What I am looking for is something like sinon's .calledBefore assertion.

Update I used this simple "temporary" workaround

我正在尝试对这个具有依赖关系AppDB并且createStudy我需要模拟的类进行单元测试。首先，我正在尝试对startLoadingData恰好是 MobX的简单方法进行单元测试action

我下面的测试文件无处可去，因为引发了与sqlite3inAppDB和createStudy导入中的单独依赖项相关的错误。我的理解是，如果我模拟这两个依赖项，我可以避免错误，因为它们将被模拟，而不是尝试使用的真实实现sqlite3。

如您所见，尝试了很多事情，但我似乎没有成功。我读过手动模拟，并认为可能是这种情况，所以我做了一个手动模拟，Database但甚至不确定我是否正确地这样做。

我不认为这很重要，但值得注意的是它AppDB是一个 ES6 类并且createStudy是一种方法。