在useState上使用spyOn进行的React单元测试没有像它应该调用的那样调用模拟函数

文章/答案/技术大牛

发布

1回答

javascript、reactjs、jestjs

我正在学习如何在React中进行测试，我有一个带有输入的组件来编写要搜索的内容，一个选择框来选择要搜索的位置，还有一个按钮可以根据选择框中选择的内容进行排序。我做了一个测试，看看当我改变选择框的选项时，它是否调用了setFilterBy函数。它进入函数内部，并按照预期从"title“更改为"author”，但它不会检测到模拟函数</em

浏览 26提问于2020-04-10得票数 0

回答已采纳

4回答

如何在玩笑中模仿/监视useState钩子？

javascript、reactjs、testing、jestjs、enzyme

我正试图监视useState React，但我总是让测试失败const Counter= () => { const setState = jest.fn(); const useStateSpy = jest.spyOn(React, 'useState

浏览 17提问于2020-10-02得票数 21

回答已采纳

1回答

茉莉花中从数组中返回随机元素的spyOn函数

javascript、jasmine、stub、spy

我目前正在构建一个岩石，纸，剪刀游戏的Javascript和使用TDD来指导我的代码。我正在尝试运行Jasmine测试，它强制我的一个函数返回一个设置的值。我想要我的"compChoice“函数从”选择“数组"Rock”、“纸张”、“剪刀”中返回一个随机元素，并且在我的测试中希望将其设置为'Rock‘。我的测试在下面。true if user choi

浏览 0提问于2015-12-28得票数 0

1回答

如何通过更改useState来测试React* Hooks组件*

reactjs、unit-testing、jestjs、react-hooks、enzyme

我有一个React hooks功能组件，我想用Jest/Enzyme来测试它。我想根据一个useState值来测试它的第三级渲染行为。我似乎在网上找不到任何例子。没有‘点击’来模拟-没有API调用来模拟，因为在最后，我仍然需要基于useState值进行测试。在过去，使用类组件，我可以设置状态。有了新的钩子，我就不能了。

浏览 3提问于2020-02-09得票数 5

1回答

茉莉花readAsBinaryString性质的FileReader方法

angular、jasmine、karma-jasmine

我有一个使用FileReader的函数。我想窥探readAsBinaryString方法。在我的组件中，我有以下属性reader: FileReader;，此外，在insert方法中，我有以下语句：下面是我的规范文件中的代码： const e: any = { }

浏览 1提问于2018-09-04得票数 0

1回答

如何使用快照在useEffect内部使用异步回调测试功能组件

javascript、reactjs、unit-testing、jestjs、react-test-renderer

我正在尝试在我的组件上编写单元测试，它看起来像这样。export const myComponent = ({text, list, getData = transport.getData}) => {

浏览 0提问于2019-09-04得票数 2

2回答

类型记录中Jest中默认导出类的模拟方法

typescript、react-native、jestjs、mocking、react-native-firebase

我已经能够用getInitialLink来模拟jest.mock(...)，但是这对所有的测试都是模拟的。我认为问题在于，我想要模拟的方法，是一个类上的方法。Jest提供了各种各样的模拟依赖关系的方法，但是我无法使它工作。

浏览 5提问于2022-01-14得票数 2

1回答

即使在命中行时，代码覆盖率也会丢失。

javascript、reactjs、react-hooks、jestjs、enzyme

我的useEffect中有以下代码。这个代码很好用。但是就coverage而言，接下来的两行没有被涵盖。正在导入isValid函数。有一个强制性的100%的代码覆盖在这个项目，我不能绕过。请告诉我如何用代码来掩盖这个问题。谢谢。请注意，我使用的</

浏览 5提问于2022-02-28得票数 2

1回答

使用Jest模拟Firebase onValue函数

javascript、reactjs、firebase、unit-testing、jestjs

我正在尝试使用Jest来模拟Firebase 9.0.0 onValue()函数。主组件使用onValue()函数读取特性并呈现结果。Acerca.jsimport { db, onValue, ref } fromconst snapshot = { val: () => data }

浏览 6提问于2021-09-25得票数 3

回答已采纳

1回答

角:如何用setValueControl单元测试函数

angular、typescript、unit-testing、controls、angular-test

我试图对这个简单的函数进行单元测试，该函数为每个值设置控件。this.aaa.codiceFiscale, );这就是setValueControl函数所做的工作control) { if (disable) disableControl(control);} 我试过这样做

浏览 6提问于2022-01-04得票数 0

1回答

Jasmine单元测试spyOn在回调函数中不起作用

angular、unit-testing、jasmine、ag-grid、spyon

我正在使用ag-grid，并且我需要在一段代码上编写Jasmine单元测试。这段代码使用一个名为RestService的类调用我们的rest服务器，我想使用spyOn来模拟这些调用和响应。在代码的其他地方，我使用spyOn(RestService, 'function').and.returnValue()，

浏览 7提问于2019-12-16得票数 0

1回答

如何用酶来测试改变useState状态的点击事件？

reactjs、testing、jestjs、enzyme

一种方法是模拟useState，看看它是否会像我预期的那样被调用。]; const button = wrapper.find(`[，因为它不会检查调用它的值是什么，但它仍然失败了，因为useState甚至没有被调用</

浏览 14提问于2020-12-22得票数 1

回答已采纳

1回答

测试自定义钩子响应类型记录

reactjs、typescript、axios、jestjs、react-hooks-testing-library

我正在学习，反应测试，我有一个钩子，我想测试，但我不知道如何import axios from 'axios'; const [error, setError] = useState(null); const f

浏览 5提问于2022-10-14得票数 1

2回答

如何使用useState钩子设置初始状态

reactjs、jestjs、react-hooks

我使用useState钩子编写了一个功能组件，该组件本身运行良好，但我在测试它时遇到了问题。我不明白如何在组件中创建初始状态。我尝试过多种方法来嘲弄useState，但没有一种方法奏效： beforeEach() = > { e

浏览 4提问于2020-02-03得票数 1

回答已采纳

1回答

酶挂载不调用useEffect；反应测试-库渲染不调用useEffect

reactjs、react-hooks、enzyme、react-testing-library

我在用酶的支架测试React钩子。看起来没有调用React钩子useEffect。Message: "" }; <div> <p>Fetch: <&#x

浏览 2提问于2020-05-15得票数 1

1回答

在React应用程序中使用Jest模拟服务方法

reactjs、typescript、unit-testing、jestjs

我使用React与类型记录和Jest进行单元测试。我是，不是用酶的。我用创建-反应-应用程序创建了一个具有类型记录的react应用程序。npx create-react-app my-app --template typescript 下一步是在src目录中创建以下内容。, { useState, useEffect } fr

浏览 4提问于2021-09-23得票数 0

回答已采纳

1回答

运行单元测试时，useEffect钩子内的React* useState钩子不设置状态*

reactjs、unit-testing

我正在学习React，现在正在尝试单元测试。但是，当我尝试为此运行测试时，它没有将用户设置为state。，被模拟的用户数据被正确地解析，但是setUsers(allUsers)实际上没有用测试来设置它。在效果内部，usersService.getUsers()确实获得模拟的数据，但它从不设置它。/exhaustive-deps 下面是使用</em

浏览 1提问于2020-07-21得票数 0

2回答

如何使用酶和Jest模拟React* Hook应用程序内部使用的函数？*

reactjs、unit-testing、jestjs、react-hooks、enzyme

我有React hooks组件，它使用一个材质表来渲染数据。并且数据是从服务器获取的。我需要通过模拟Api调用来测试组件以查看表是否包含数据。下面是当前的代码。dataPopulate.js-- import React, { useEffect, useState, useRef } from 'react'; )

浏览 38提问于2020-06-22得票数 0

2回答

为什么我不能在这里使用mockResolvedValue？

javascript、reactjs、axios、jestjs、react-testing-library

我不清楚如何在使用以下设置时模拟api响应。我有以下测试：import { cleanup, render, wait } from '@testing-library/react';const fetchAsync = async endpoint => { const resul

浏览 3提问于2020-09-20得票数 8

回答已采纳

1回答

声呐中的角型标测与观众遮挡组件法

angular、sonarqube、code-coverage、istanbul、ts-jest

我在我的角度项目中使用了以下的角度CLI: 10.2.3我有以下依赖项(用于测试) "@angular-devkit/build-angular我为构造函数添加了“伊斯坦布尔忽略下一步”的注释，否则覆盖率报告显示我没有涵盖这些代码行。我不想测试私有构造函数，所以使用上面的注释。我在组件中有一个方法。，<

浏览 5提问于2021-07-05得票数 1

点击加载更多