ReactJS的单元测试库。它由Airbnb开发。它可以与其他JS测试框架一起使用,如Mocha,Jest,Karma等。
Enzyme typescript – 无法设置 [object Event] 的属性目标,它在 Function.assign 中只有一个 getter
代码: ... wrapper.find('input').simulate('input', { target: {value: 's'}}) 命令: 笑话测试 结果 无法设置 [object Event] 的属性目标,它在 Function.assign 上只有一个 getter
如何在 react 中用 jest 和 enzyme 测试提交表单?
我正在学习带有钩子的 reactjs 表单,现在我想使用 jest 和 enzyme 测试提交时的表单。 这是我的登录组件。 从“反应”导入反应 功能登录(){ const [电子邮件,设置...
我正在使用jest+酶设置进行测试。我有一个函数,如果window被定义,就会有条件地渲染一些东西。在我的测试套件中,我试图达到第二种情况,当窗口被定义时,......
Code.js saveToFirebase = () => { let statusMsg = "" firebase .firestore() .collection("message") .doc(this.state.field.email) .set(this.state.field) .then(((......)
有什么方法可以将传递给函数onClick的数据属性以开玩笑的方式分解?
handleClick()是我想测试的函数:this.state = { expanded.{}, } handleClick = (e)方法。handleClick = (e) => { const { dataset }。= e.target this.setState((prevState) => ({ expanded: { ...
我在我的react应用中有一个类似这样的reducer。reducer.ts 1. export const clearErrors = (state, action) => { 2. if (action.payload.cardType === CARD_TYPES.REWARD) { 3. return { 4. ........。
我正在我的react组件上运行一些测试。在我的description里面,我有多个it.就像这样:description('Check Component', () => { let wrapper; it('Init component', () => { wrapper = ...。
错误。App(...)。没有从render中返回任何内容。这通常意味着缺少一个返回语句。或者说,如果什么都不渲染,返回null
我在jest &酶测试方面有问题。在开始的时候:这不是一个重复,因为我没有做类似问题中描述的错误。我的App.tsx:从'react'导入React;导出类App ...
如何在Enzyme Jest Test中切换和选中一个材料UI复选框?
我有一个简单的组件,包裹着一个Material UI复选框。我在这里把它简化到最低限度。/@flow 从 "react "导入React; 从"@material-uicore "导入{ Checkbox }; ...
在开玩笑&酶。如何查找包装器内所有元素(子代、子代等)的数量。wrapper.children().length只输出包装器的直接子代。
我有一个react钩子组件和onClick事件,当我触发该事件时,我会从其他文件模块中调用一个async函数,我怎么能测试这个方法被Jest调用,因为这个方法......
React async await函数块按执行顺序使用Dispatch。
我有一个React钩子组件,onChange事件会执行一个aync-await函数和几个dispatch,在我的模拟测试中,store.dispatch没有被检测到被调用,如果我把我的await ...
Component: export const fetchList = () => { return API.get(AMPLIFY_ENPOINTS.default, API_URLS.list, { response: true }); } const List: React.FC = () => { const dispatch = useDispatch(); ...
React - 我如何在Jest中对API调用进行单元测试?
我有一堆API调用,我想进行单元测试。据我所知,单元测试API调用并不涉及实际进行这些API调用。据我所知,你会模拟响应的...
我有下面的FormInputComponent const FormInputComponent = ({ fieldId, fieldLabel, fieldStyle, maxLength, placeHolder, ...inputProps }) => (
如何在React中使用jest和Enzyme模拟一个功能组件的方法?
import React from 'react'; export const HomePage = () => { const fetchResults = () => { return new Promise((resolve) => { Adaptor.fetch(); }); } ... ...
ReactDOM act()函数造成使用Enzyme的混乱。
我想写一个单元测试,以确保当表单提交时,我的用于修改用户密码的组件在onSubmit中调用了正确的函数。有几个其他的测试使用 ...
我想在我的react组件中做一个模拟函数的测试,例如我有: const app=()=>{ const [state,setState]=useState(""); const func=(item)=>{ setState(item) } return( ...