使用浅酶和非挂载测试使用useEffect的组件
// MyComponent.jsx const MyComponent = (props) => { const { fetchSomeData } = props; useEffect(()=> { fetchSomeData(); }, []); return ( // Some other components here ) }; // MyCom
..
enzyme相关内容
Jest找不到模块
您好，我正在尝试使用Jest，但它一直给出无法找到模块的错误。我不确定这是否与文件的路径有关。下面的所有文件都位于我的src文件夹之外。我已在下面设置了我的文件。 jest.config.js文件： module.exports = { "collectCoverage": true, "coverageDirectory": "coverage", "verb
..
如何单元测试Reaction钩子组件在使用中获取数据的效果？
我有一个Reaction Hooks组件，它在启动时从API服务器获取数据。(使用中有效) 我正在尝试使用酶创建单元测试，但酶似乎没有等待数据可用。 { "react": "^16.8.6", "enzyme": "^3.10.0", "enzyme-adapter-react-16": "^1.14.0", } 我正在测试的组件 import React, {useEffe
..
从MaterialUIv4升级到MaterialUIv5后-缺少默认主题导致挂载测试失败。如何恢复默认主题？
在我的mocha测试代码中，我有很多使用mount的测试。 enzyme.mount(); 这在Material-UIv4中运行得很好。但在v5中，由于缺少默认主题，SomeComponentThatUsesMui中试图访问主题的任何代码 现在我知道可以用ThemeProvider包装组件了： enzyme.mount
..
如何从酶挂载、反应还原状态下找到子组分连接亲本？
在以下组件中，当isHybrid道具为真时，我向DOM隐藏了： {...} import { initializeRoutes, lazy } from 'hooks/useRouteHook'; import { isHybridSelector } from 'store/selectors'; import HeaderContainer from
..
尚未使用Jest调用反应属性方法的测试
如何测试有条件调用的属性(回调)函数 我有一个组件，它将一个属性函数传递给它的子级，条件如下： if(this.props.myFun) { this.props.myFun(); } 为了测试这一点，我这里有两个案例： 1.将道具传递给组件的位置 value } /> and I can test it from the
..
TypeError：无法读取空反应Apollo测试的属性'；createEvent'；
我收到一个错误，最终导致Reaction组件的测试崩溃。我使用Apollo钩子进行突变useMutation，使用酶进行按ID查找组件。 repo code ode_modules eact-domcjs eact-dom.development.js:154 var evt = document.createEvent('Event'); // Keeps track of w
..
使用JEST和css模块测试Reaction组件时出错
我正在尝试使用jest、react、redux测试我的组件，但我一直收到以下错误： ● Test suite failed to run stream-react-redux/src/containers/App/App.css:1 ({"Object.":function(module,exports,require,__dirname,__
..
如何检索组件的道具以在JEST/酵素中进行测试？
我是反应、酶和Jest的新手，我对测试组件一无所知，已经被扔进了深渊。 我需要编写一个测试来检查道具是否正确默认： const columns = cols ? 12 / cols : 4 我想创建一个执行以下操作的测试： expect(wrapper.find(MyComponent).props.columns).toBe(4) 但每次失败时，我都无法获得wrappe
..
JEST+酶扩增Auth的检测
我对测试非常陌生，我终于觉得我已经掌握了它的诀窍。然而，嘲弄仍然有点令人困惑。我目前正在测试一个注册功能，该功能将一直执行到Auth.signUp。我不确定是否需要在我的测试中模拟一些东西，或者我是否需要它来运行一个不同的测试。 async function signUp( { first, last, email, password }: SignupUserType, dispa
..
用酶模拟`变化`后，复选框未被‘选中’
我尝试使用酶来模拟复选框上的change事件，并使用chai-enzyme来断言它是否被选中。 这是我的Hello反应组件： import React from 'react'; class Hello extends React.Component { constructor(props) { super(props); this.state = {
..
如何通过浅层安装Reaction功能组件来对Reaction挂钩进行单元测试？
有没有办法通过浅层挂载组件来测试使用Reaction钩子构建的功能组件。我遇到了酶不支持useEffect(https://airbnb.io/enzyme/#react-hooks-support)和其他浅呈现组件的钩子，我不想挂载。 也遇到了react-testing-library是一个新的流行的替代方案。与酵素相比，它是更好的选择吗？我已经使用Enzyme来测试基于类的组件。因此，重
..
模拟点击材质-UI切换组件测试
因此，我正在尝试使用JEST和酶测试基于Material-UI切换组件的一些功能。 我有一个通用的Clickit函数，可以很好地用于其他Material-UI组件，但在这个组件中，它似乎没有触发状态更改 function clickIt(wrapper, selector) { let elem = wrapper; if (selector) { elem = wr
..
如何在与酶反应或反应测试库中测试材料-UI的响应性用户界面(如隐藏、网格、断点)
如何在Material-UI中测试响应元素？ 示例： import React from "react"; import Hidden from "@material-ui/core/Hidden"; const HideOnMobile = (props) => { return {props.children}; }; 测试
..
CORS错误-错误：禁止跨源http://localhost-仅限JS/JEST测试
我遇到了一个问题，我向外部API发出的请求在执行过程中工作正常，但在运行Jest/Ease测试时，它给了我一个CORS错误。正在讨论的函数使用来自API的JsonRpc实现，并使用从节点获取。不确定是否有可以在某个地方应用的CORS设置？ 我在JEST/酶测试框架中尝试了许多不同的异步等待，但仍然遇到问题。 test("it should do something", done =>
..
如何模拟JEST/酵素测试中的下拉选择？
我正在尝试为我的Reaction组件编写jest测试，该组件的下拉列表如下所示： {this.props.items.map(item => { return (
..
JEST/酶类组件测试中的反应暂停和反应延迟子组件
因此，我将类组件中使用的导入转换为React.lazy导入API，并将其包装在一个挂起标记中。当我测试那个类组件时，酶抛出一个错误"Enzyme Internal Error: unknown node with tag 13"。是否有一种方法可以呈现和测试延迟加载组件的装载，而不是使用浅层呈现？ 我已经尝试了异步等待，直到延迟加载的承诺解决，但也不起作用，如下所示： it('asyn
..
在JEST测试中，浅表抛出意外的标记<；错误
我当前正在使用以下堆栈设置单元测试： Reaction(V15)组件使用TypeScript(.tsx)编写 测试设置使用JEST(V21)和酶(V3) 测试文件编写为纯js文件 遗憾的是，酶似乎出了问题，因为我不断收到错误： wrapper = enzyme.shallow(bla)
..
如何修复"；语法错误：@import"；令牌无效或意外？
我正在尝试将JEST和酶添加到Reaction webpack项目中。 一切正常，直到我向组件添加测试，并使用样式表导入Google字体。 我得到的错误是： ● Test suite failed to run /Users/dev/Code/Git/react-redux-webpack/src/App.sass:1 ({"Object."
..
在JEST中模拟useDispatch，并在功能组件中使用该分派操作测试参数
您好，我正在使用JEST和酶编写功能组件测试。当我模拟单击时，组件的params(使用useState的组件状态)会改变。当状态更改时，然后使用Effect调用，在useEffect中，我在更改后使用params分派一些异步操作。所以我想测试参数，我正在调度动作。对于这一点，我想嘲笑一下调度。我怎样才能做到这一点呢？ 任何人都可以帮我，提前谢谢。下面我共享代码。 Component.js
..