问题标签 [testing-library]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票
0 回答
263 浏览

react-testing-library - 如何在 setup.test.js 中结合酶和反应测试库的配置

我们的项目同时具有enzymetesting-library。我的目标是将getByTestId覆盖到我的自定义中。但是,当我将第二个配置添加到我的 setup.test.js 时,一些测试会因Found multiple elements with the text.

setup.test.js:

我的版本:

“酶”:“^3.11.0”,

"@testing-library/react": "^11.0.4",

0 投票
1 回答
998 浏览

reactjs - 如何使用 React 测试库测试 `contenteditable` 事件

我正在尝试为我们的富文本组件之一编写测试,该组件是在 react js 中使用 slate js 编辑器实现的。因此,在编写测试时,我正在检索元素 div[contenteditable='true'],但无法模拟变化、模糊、焦点等事件。附加到编辑器组件的处理程序不会被调用。我尝试了多种组合,但没有运气。有人可以帮忙吗?是否可以使用测试库模拟 contenteditable 元素的事件(contenteditable 是使用 slatejs 实现的)?

0 投票
0 回答
88 浏览

nightwatch.js - Nightwatch 测试库中的 getByRole 在基本示例中引发错误

使用Nightwatch.js + 测试库运行基本示例时,我不断收到错误消息:

这是我唯一的测试:

我的nightwatch.conf.js

知道为什么我不断收到该错误吗?它可以在没有测试库的情况下完美运行。

0 投票
1 回答
199 浏览

javascript - 测试库 (VueJS) - 在 it 块中渲染多个组件

测试相对较新,所以这可能非常简单:

我想测试一个checkbox组件。我掌握了基础知识,但是,如何在一个it块中渲染多个组件?

到目前为止我的代码。我被困在第二个测试中,我想渲染多个项目并检查一个。那应该返回它的值(或者我们可以测试选中的复选框)。

组件本身很简单。它有一个标签和复选框元素,并接收您期望的所有道具。

谢谢!

0 投票
0 回答
157 浏览

react-native - @testing-library/react-native 我应该如何测试 BackHandler Alert 并处理 ok 和 cancel 按钮?

无法使用 @testing-library/react-native 测试以下代码

0 投票
1 回答
484 浏览

svelte - Svelte 测试库不会检测到组件更新

我的组件:

测试代码:

模拟文件(__mocks__/firebase-shortcut.ts):

开玩笑的配置<project root>/jest.config.js

如果我通过 打印组件状态console.log(render(...).component),它会打印出该loggedIn状态被正确设置为'yes''no'在每种情况下。但实际得到的渲染结果render(...).container.innerHTML,并没有更新。

加上 Jest 输出打印出一个奇怪的错误:

如果我尝试将 "printing"loggedIn的值转换为 HTML 输出,例如

输出结果loggedIn是“是”或“否”,但if分支似乎并没有起作用。

有什么我做错了吗?提前致谢。

0 投票
0 回答
354 浏览

react-testing-library - 使用 getByRole 选择具有特定描述的网格单元

我有一些带有标题的表格数据(“类型”、“名称”)。我想选择“名称”列中的所有项目,以检查它们是否包含搜索字符串。该列中的每个项目都有角色“gridcell”和描述“名称”。见附图1

getByRole('gridcell', {description: /name/i})不起作用。我查看了查询的打字稿声明,似乎没有任何帮助。怎么能做到这一点?

0 投票
1 回答
968 浏览

reactjs - 使用 React 测试库和 TypeScript 创建自定义查询

我正在尝试为TypeScript中的测试库创建自定义查询?我打算将它与 React 项目一起使用。

该查询只是获取容器th中的第一个单元格:tbody

在这里,查询被添加到自定义渲染函数中:

这是一个非常简单的用法示例:

然而 TypeScript 抱怨如下:

TS2554:预期 1-3 个参数,但得到 0。

打字稿错误

如果我通过添加忽略错误,// @ts-ignore我可以确认自定义查询有效,只是 TS 有点不高兴。

这是可以通过添加 d.ts 文件来解决的问题吗,测试库上的文档不是很清楚如何解决添加自定义查询的 TypeScript 方法。

这是我的 tsconfig.json 供参考:

0 投票
1 回答
996 浏览

typescript - 如何在全球范围内添加“@testing-library/jest-dom”?

我在一个项目中看到使用create-react-app一个名为的文件,该文件setupTest.js只是导入@testing-library/jest-dom并且测试似乎使用扩展expect版本,例如.toBeInTheDocument.

我将相同的文件 ( setupTest.js) 添加到我的项目中,但似乎没有效果。

换句话说,我怎样才能@testing-library/jest-dom全局导入而不是在每个.spec.ts文件中进行?

0 投票
1 回答
1198 浏览

react-native-testing-library - 在 FlatList 中测试 onScroll 事件

我一直在尝试使用这个非常简单的测试文件来测试onScrolla 的事件:FlatList

测试文件:

正在测试的组件:

如您所见,我的方法中什至没有任何代码handleScroll,但我仍然收到此错误:

如何修复此错误并测试我的handleSCroll

在此先感谢您的时间!