ReactJS的单元测试库。它由Airbnb开发。它可以与其他JS测试框架一起使用,如Mocha,Jest,Karma等。
如何使用 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 测试用例?
我是开玩笑测试用例的新手,我想为具有鼠标悬停和鼠标离开事件的反应组件编写开玩笑测试用例。我不确定如何为这些事件编写测试用例。我走了
我在反应元素上有一个 mousedown 事件,它将 mousemove 事件附加到文档元素。 元素 const handleMouseDown = () => { 做...
当我尝试使用 Enzyme 对其进行测试时,我无法理解如何访问组件中的功能。 我有一个组件: const DashboardTotalViewTable = () => { ..... const sortedTableByTags = 我们...
如何在 axios 失败的 React 测试库中测试控制台输出的错误
我有一个学生组件 功能学生(道具) { const [studentData,setStudentData]=useState([]); 函数 getStudentData() { 公理 .get("myAPI/getStudentD...
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(); ...