jestjs相关内容

在测试期间无法访问组件中的DOM元素(在浏览器中工作)

背景 我有一个组件,我在其中访问一个元素的子元素(使用ref)。目标是截取输入字段中的粘贴事件,并将粘贴的内容拆分并分布在几个不受控制的表单输入元素上。在浏览器(使用Storybook)中呈现组件时,这一切都工作得很好。 问题 但是,在测试中,我无法以任何我尝试的方式访问子对象。 问题 我如何使用fireEvent或如何设置测试是否有问题? 我是新手,我是否应该以其 ..
发布时间:2022-09-04 13:21:17 其他开发

当状态更新不影响用户界面时,防止未包装在动作(...)中的Jest警告(&C)

我正在尝试找出是否有方法可以防止在导致警告发生的状态更新后没有断言时,由Jest/Testing-Library引发的警告中没有包装";,或者我是否应该直接忽略此警告。 假设我有这样一个简单的组件: import React, {useEffect, useState} from 'react'; import {getData} from 'services'; const ..

如何使用';toHaveClass';匹配Jest中的子字符串?

有一个元素,我要给它一个类success。但是Reaction-MUI在DOM上附加了一个文本,比如说,类似于mui-AbcXYZ-success。所以当我这样做的时候 expect( getByTestId('thirdCheck')).toHaveClass("success") 我无法通过此测试,因为它需要完整的名称mui-AbcXYZ-success。只有当我提供准确的名称(使 ..

尝试呈现反应测试库中的组件时出错-获得对象

我正在尝试设置连接到我们的Redux存储区的某些Reaction组件的一些集成测试。 我们的一般模式是一个常量(而不是组件),它使用redux“连接”到存储区(我认为这只是问题的背景,因为我的正常组件也有相同的问题)。 我正在关注https://testing-library.com/docs/example-react-redux 我收到此错误 console.er ..
发布时间:2022-09-04 12:20:44 其他开发

如何模拟或断言window.ert是否已在带有TypeScrip的Reaction&;Jest中触发?

我正在使用JEST测试来测试我的Reaction项目,该项目是用Create Reaction App创建的#tyescript编写的。我正在使用react-testing-library。我有一个表单组件,如果表单是空提交的,它会显示alert。我想(也许)通过监视/模仿window.alert来测试此功能,但它不起作用。 我尝试按照许多SO答案中的建议使用jest.fn(),但也不起作用 ..
发布时间:2022-09-04 11:56:35 其他开发

Reaction Ref;s Offsethe Right,即使在加载内容之后,JEST测试用例也始终返回

我使用的是反应测试库和jest。在Componentdidupdate中,即使在加载内容后,仍尝试将‘this.testRef.current.offsetHeight’,获取OffsetHeight为0。我需要DOM的精确OffsetHeight,因为它有一些基于它的条件。 在反应测试库和JEST中是否有解决方案。 我正在使用DangerouslySetInnerHTML为testR ..
发布时间:2022-09-04 11:26:38 其他开发

使用Jest和Reaction测试库测试`img.onLoad`/`img.onError`

今天下午,Out团队在使用Jest为组件编写Reaction测试库(RTL)测试时遇到了一个场景。具体地说,我们希望测试标记在无法加载(onError被触发)以匹配组件的预期最终视图时是否从DOM中删除。由于某些原因,在DOM元素上使用fireEvent对我们来说并不是一目了然的,我们没有在网上找到这个显式的解决方案,所以我们想要共享。正如您可以想象 ..
发布时间:2022-09-04 11:18:48 前端开发

如何才能使Reaction-I18N转换文件在使用Reaction-Testing-Library和JEST进行的单元测试中使用?

我正在使用JEST和反应测试库为我的前端应用程序进行单元测试,这是通过Reaction完成的。在我使用REACT-I18NEXT-LIBRARY添加国际化之前,我的单元测试运行良好。现在,当我运行测试时,它似乎没有找到/使用翻译文件,并且所有应该阅读的地方都留空了。我使用的是带有钩子的最新Reaction版本,而不是React。Component我使用的是这种“const-Components”: ..

在故事书中提供全球可用的JEST

我正在@storybook/react项目中使用@storybook/react6。 我对我的所有存储/对象等进行了数千次测试和模拟。 这些模拟使用jest.fn()。 我想在我的故事书故事中重复使用这些模拟,但它说jest is not defined,这很有意义。 我想知道是否有一种简单的方法可以在运行故事书时使Jest在全球范围内可用。 目前,我正在使用的每个模 ..
发布时间:2022-08-09 09:28:40 前端开发

Babel+Jest配置

问题: Jest encountered an unexpected token This usually means that you are trying to import a file which Jest cannot parse, e.g. it's not plain JavaScript. By default, if Jest sees a Babel config, ..
发布时间:2022-07-23 18:51:24 前端开发

如何用Jest单元测试覆盖TypeORM@Column装饰器?

我希望尽可能多地对我的应用程序进行单元和e2e测试,我的目标是覆盖率达到101%。我的设置现在的问题是,来自typeorm的@Column修饰符使用一个箭头函数来设置一个缺省值,比如数据库更新上的当前时间戳。此箭头函数不包含在JEST测试覆盖范围内。消息为:statement not covered 我用jest --coverage运行代码覆盖率。 我的版本: "jest": "^24. ..
发布时间:2022-07-23 18:43:32 其他开发