如何使用jest测试传入document.body.appendChild的参数

文章/答案/技术大牛

发布

3回答

javascript、jestjs

我有一个创建脚本元素并将其添加到正文中的函数。(s); 我使用jest进行测试，并监视appendChild函数，以断言传入的参数是我所期望的。我所拥有的如下所示： jest.spyOn(document.body, 'appendChild'); '<

浏览 83提问于2019-03-14得票数 8

回答已采纳

1回答

如何用玩笑测试“这个”调用上下文？

jestjs

如何在jest中测试如何使用正确的this上下文调用函数？我只能找到如何用测试传入的参数。但是它不测试this上下文，我也找不到任何其他API用于此或示例。

浏览 0提问于2018-08-26得票数 3

回答已采纳

1回答

在document.body.appendChild反应钩子(Jest /酶)中调用的测试useScript

javascript、reactjs、jestjs、react-hooks、enzyme

我在Jest中为这个useScript钩子编写单元测试：我正在尝试测试是否已经调用了document.body.appendChild，但是当我运行测试时，我从Jest获得了以下响应：预期: ObjectContaining {"src"："，“type："tex

浏览 0提问于2021-05-04得票数 0

回答已采纳

1回答

在React组件中测试导航

reactjs、testing、react-router、jestjs

我想测试一下，当提交按钮被按下时，url是否会改变。作为测试的一部分，我检查初始url是否为"/auth“，url是否变为"/”。然而，一个更简单的测试失败了，那就是初始url测试。测试： it("displays an authcode and submit button", async() => { history = createMemoryHistory();const root = d

浏览 21提问于2020-09-12得票数 0

1回答

没有测试用例发现Jest

jestjs、husky、lint-staged

"test": "cross-env CI=true react-scripts test --coverage",但是，当我使用husky、预提交和lint-staged运行相同的命令时，当我检查控制台时，我发现它是针对已修改的文件运行的。"jest": { "src/**/*.js"

浏览 1提问于2019-08-15得票数 5

1回答

如何测试创建文件的实用程序函数

javascript、unit-testing、jestjs、enzyme

我有一个小的实用函数，我正在尝试用Jest和Enzyme来测试。我什么也得不到。downloadLink.href =window.URL.createObjectURL(csvFile); document.body.appendChild(downloadLink);} 到目前为止，我的测试： import downloadCSV f

浏览 16提问于2019-09-06得票数 2

回答已采纳

1回答

使用react测试库测试document对象

reactjs、jestjs、react-testing-library

使用react testing library，我想测试一个不返回任何内容的方法。基本上，它是用来下载图表(svg)的。= (imgDataUrl, fileName) => { link.href = imgDataUrl link.click()}

浏览 10提问于2019-08-07得票数 1

1回答

如何在Firebase函数测试中模拟FCM admin.messaging().sendToDevice()的实现

typescript、firebase、unit-testing、firebase-cloud-messaging、google-cloud-functions

我无法在Firebase函数的类型记录中模拟Firebase消息传递函数。我正在使用 Companion来构建中提到的在线测试。我正在使用jest模拟来模拟admin.messaging().sendToDevice函数。admin.messaging.MessagingDevicesResponse>(undefined);运行此操作将得到以下错误，因为返回类型对象MessagingDevicesResponse>(undefined)需要一个复杂的</

浏览 1提问于2019-07-15得票数 1

2回答

如何使用Jest和Enzyme测试通过props传入的函数？

javascript、reactjs、jestjs、enzyme

使用Jest和酶，我如何测试this.props.functionToTest是否在运行？functionToTest: PropTypes.func componentDidMount() { }在Jest中，我尝试创建mockProps并在挂载组件时传入它们。显然，在挂载过程中传递道具是不起作用的。问题1:如何传入将在component

浏览 6提问于2018-12-12得票数 5

回答已采纳

1回答

如何在JESTV24.6 toMatchSnapshot(propertyMatchers?，hint?)中指定第二个参数？

javascript、jestjs

在从Jest v22升级到Jest v24之后，我正在更新Jest快照测试。toMatchSnapshot()函数更改为接受2个参数，而不是1个，如下所示- v22 - https://jestjs.io/docs/en/22.x/expect#tomatchsnapshotoptionalstringv24 - https://jestjs.io/docs/en/expect#tomatchsn

浏览 20提问于2019-05-28得票数 1

回答已采纳

2回答

如何在异步jest* test.each情况下传入done()参数*

jestjs、ts-jest

我正在尝试编写一个jest测试用例来测试异步方法，我想传入done()参数，以便jest在结束测试之前等待它被触发，然而，我不确定将它放在哪里。有什么想法吗？// my assertions } } ); 对于一个jest测试，我可以这样做： test('my

浏览 28提问于2020-01-28得票数 7

回答已采纳

1回答

在用jest测试ReactDOM.render时

reactjs、redux、jestjs、enzyme、react-testing-library

我正在用redux测试我的基本反应项目的index.js文件。该文件包含ReactDOM.render，我得到了上面的错误。renderToDom();index.test.jsimport { mock } from "jestglobal.document.getElementById; global.document.getElem

浏览 3提问于2020-09-15得票数 2

1回答

无法在我的webpack入口点成功地为事件侦听器编写滑稽测试

node.js、unit-testing、webpack、jestjs、testcase

我很难理解为什么我在Jest的一个测试失败了。但是，如果

浏览 4提问于2020-01-23得票数 0

回答已采纳

2回答

JEST _~_

javascript、unit-testing、jestjs

我的职能如下：export default function main() { const p= document.createElement('p'); }; createA

浏览 9提问于2020-12-25得票数 1

回答已采纳

2回答

我怎么能用

git、unit-testing、testing、jestjs

我想使用和标志来开玩笑。我更改了很多测试和测试所依赖的文件。根据滑稽的cli旗子的文档： onlyChanged：别名-o。尝试根据当前存储库中的文件更改来确定要运行的测试。但是，当我运行jest --ch

浏览 3提问于2018-08-10得票数 8

2回答

从ReactDOM.render切换到createRoot会导致简单的jest测试失败

javascript、reactjs、testing、jestjs、react-18

我刚开始学习丹尼尔·欧文( Daniel )的“掌握反应测试驱动的开发”(Mastering React Driven Development)，我认为将这些例子转换为React 18应该不难，但我在用Jest转换书中的第一个测试时遇到了麻烦。这本书不使用create-react-app或任何东西，而是从头开始构建React应用程序，所以我很难找到如何转换代码的相关示例。如书中所写，在“反应17”中，测试通过了。&

浏览 15提问于2022-07-17得票数 1

回答已采纳

1回答

javascript下载功能的单元测试

javascript、unit-testing、download、jestjs

我需要为下面的函数写一个单元测试。目前只是检查appendChild/removeChild被调用了多少次，但我认为这不是测试的最佳方式。除此之外，我不知道单元测试应该是什么样子，因为我是测试新手。href', blobUrl); link.style.display = 'none'; document.body.appen

浏览 31提问于2019-10-18得票数 0

回答已采纳

1回答

开玩笑--如何测试console.error是否被调用？

javascript、unit-testing、jestjs

我试图用jest/酶法编写一个单元测试，测试console.error()是否在try/catch的catch()中被调用，但是尝试这样做会导致测试失败时成功，或者是一个“预期的模拟函数被调用了，但它没有被调用(err) { return err;}; 因此，上面的参数是一个参数<

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

2回答

如何在Jest中模拟IntersectionObserver应用程序接口？

javascript、unit-testing、jestjs

我已经阅读了所有关于这个主题的相关问题，我意识到这可能会被标记为重复的，但我就是想不出如何让它工作。jest测试lazyLoad函数，但我显然需要模拟IntersectionObserver，因为它是浏览器API，而不是原生JavaScript API。以下内容适用于测试observe方法： let observe; observe = jest.fn();

浏览 56提问于2020-10-01得票数 0

回答已采纳

1回答

作为参数传递的useRef的模拟返回值

javascript、reactjs、jestjs

我有以下函数，它以React.useRef()作为参数。当我运行测试时，我会得到以下错误。TypeError: useRef.current.removeChild不是一个函数这就是实现。chil

浏览 7提问于2021-11-10得票数 1

点击加载更多