enzyme 相关问题

如何让 Jest 在等待断言之前等待所有异步代码完成执行

我正在为 React 应用程序编写集成测试，即一起测试许多组件的测试，并且我想模拟对外部服务的任何调用。 问题是测试似乎

如何在函数式组件React Native中调用const函数？

好的 const goToLoginPage = () => { 导航.navigate(AppConstants.LOGIN_SCREEN)> }); 怎么...

在异步 componentDidMount 时使用 React 的 Jest 和 Enzyme 进行测试

反应：16.3.0-alpha.1 开玩笑：“22.3.0” 酶：3.3.0 打字稿：2.7.1 代码： Foo 类扩展了 React.PureComponent{ 栏：数字； 异步 componentDidMount() { 这...

您的测试套件必须包含至少一个测试

我今天在我的项目中更新了一些依赖项，但是过程非常顺利。现在，当我要推动它时，我开始了测试。繁荣。他们都抛出： 您的测试套件...

如何在模拟提交点击时使用 jest/enzyme 验证 antd 表单字段

我正在使用jest和enzyme进行单元测试。我有一个登录表单，现在想为其编写测试用例。我如何验证我传递的值。假设我用 abc@gmail 模拟电子邮件字段...

通过模拟进行反应玩笑测试 onSubmit 不起作用

这是我处理测试的第一周，我很困惑，我正在尝试测试 SignIn 组件，我已经测试了快照以确保模型行为不会改变，然后我想测试 su...

如何在React Native类组件中使用Jest和Enzyme为FlatList编写测试用例？

我正在开发一个 React Native 项目，我有一个类组件，其中包含一个带有 TouchableOpacity 组件的 FlatList。我想使用 Jest 和 Enzyme 为该组件编写测试用例......

使用 Enzyme 和 TypeScript 进行浅 HOC

我有一个 HOC 需要测试，在浅安装期间我应该调用一些类方法： it('不应调用调度', () => { const 调度 = jest.fn() const WrappedComponent = someHoc(

使用 Jest Enzyme 在 React 中测试带参数的函数

我在反应组件中有一个名为toggleFilter()的函数，如下所示： 切换过滤器 = (过滤器类型, 过滤器名称) => { const filterApplied = this.state.appliedFilterList[过滤器...

弄清楚如何模拟反应组件测试的窗口大小变化

所以基本上当组件安装时，我有一个事件监听器监听调整大小事件。它切换 isMobileView 状态，然后将其作为 prop 传递给子级。所以当务之急是......

反应成分酶测试（浅）

我有一个简单的反应组件想要测试。它通过 props 接收回调。 它看起来如下： 导入 React, { Component } from 'r...

如何使用Enzyme和Jest测试加载状态为true时是否显示“正在下载...”文本？

我有一个名为 ChoiceOfFundForm 的 React 组件，其中包含一个下载按钮。当点击下载按钮时，会触发handleClick函数，该函数将加载状态设置为true并且...

如何在玩笑中模拟/监视 useState 挂钩？

我试图监视 useState React hook，但我总是测试失败 这是我的 React 组件： 常量计数器= () => { const[计数器，setCounter] = useState(0); const 句柄Click...

测试是否在玩笑中调用外部组件方法

我正在使用 jest 和 enzyme 进行单元测试。下面是我的 index.js 文件。我需要测试文件的 openNotification 和 uploadErrorNotification 功能。但是，只有 uploadErrorNotification 函数...

如何使用 Jest、React-Native 酶模拟单元测试中的事件

我正在尝试弄清楚如何在 React-Native 应用程序中使用 Jest 测试“onPress”事件，以便我可以确保调用正确的函数。 我浏览了文档和谷歌，但无法找到...

如何测试在 useEffect 中调用了 redux 动作？

我想测试 useEffect 中是否调用了 redux 动作。 我有我的根组件 - export default ({ children, initialState = {} }) => { 返回 （ 我想测试在 useEffect 中调用了一个 redux 动作。 我的 Root 组件是 - export default ({ children, initialState = {} }) => { return ( <Provider store={createStore(reducers, initialState, applyMiddleware(thunk))}> {children} </Provider> ); }; 包裹在组件内部的组件- import { clearState } from '../actions'; const App= (props) => { useEffect(() => { props.clearState(); }, []); return ( <div> App </div> ); }; /** * Map the state to properties so that the component only * get relevant data. * * @param {object} state The current application state * @return {object} Data from the state that the component needs */ const mapStateToProps = () => { return {}; }; export default connect(mapStateToProps, { clearState })(App); 我的 clearState 动作是 - export const clearState = () => { return async (dispatch) => { dispatch({ type: CLEAR_STATE, payload: {} }); }; }; 我正在尝试测试当 App 组件加载时调用 clearState 操作。 const mockStore = configureStore([]); describe('App component', () => { it('should call clearState action on component mount', () => { // Create a mock store const store = mockStore({}); // Create a spy for the clearState action const clearStateSpy = jest.spyOn({ clearState }, 'clearState'); // Mount the component with the Provider and store const wrapper = mount( <Root store={store}> <App/> </Root> ); // Expect the clearState action to have been called expect(clearStateSpy).toHaveBeenCalled(); }); }); 但是测试失败了，因为调用次数返回为 0。任何关于我做错了什么的建议都会有很大帮助。

如何为 React 中的功能组件编写 moveover 和 mouseleave 的 jest 测试用例？

我是开玩笑测试用例的新手，我想为具有鼠标悬停和鼠标离开事件的反应组件编写开玩笑测试用例。我不确定如何为这些事件编写测试用例。我走了

酵素。如何测试附加到文档的 mousemove 事件？

我在反应元素上有一个 mousedown 事件，它将 mousemove 事件附加到文档元素。 元素 const handleMouseDown = () => { 做...

如何使用 Enzyme、Jest 测试组件中的单独功能

当我尝试使用 Enzyme 对其进行测试时，我无法理解如何访问组件中的功能。 我有一个组件： const DashboardTotalViewTable = () => { ..... const sortedTableByTags = 我们...

如何在 axios 失败的 React 测试库中测试控制台输出的错误

我有一个学生组件 功能学生（道具） { const [studentData,setStudentData]=useState([]); 函数 getStudentData() { 公理 .get("myAPI/getStudentD...