问题标签 [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.
react-testing-library - 如何在 setup.test.js 中结合酶和反应测试库的配置
我们的项目同时具有enzyme
和testing-library
。我的目标是将getByTestId覆盖到我的自定义中。但是,当我将第二个配置添加到我的 setup.test.js 时,一些测试会因Found multiple elements with the text
.
setup.test.js:
我的版本:
“酶”:“^3.11.0”,
"@testing-library/react": "^11.0.4",
reactjs - 如何使用 React 测试库测试 `contenteditable` 事件
我正在尝试为我们的富文本组件之一编写测试,该组件是在 react js 中使用 slate js 编辑器实现的。因此,在编写测试时,我正在检索元素 div[contenteditable='true'],但无法模拟变化、模糊、焦点等事件。附加到编辑器组件的处理程序不会被调用。我尝试了多种组合,但没有运气。有人可以帮忙吗?是否可以使用测试库模拟 contenteditable 元素的事件(contenteditable 是使用 slatejs 实现的)?
nightwatch.js - Nightwatch 测试库中的 getByRole 在基本示例中引发错误
使用Nightwatch.js + 测试库运行基本示例时,我不断收到错误消息:
这是我唯一的测试:
我的nightwatch.conf.js
:
知道为什么我不断收到该错误吗?它可以在没有测试库的情况下完美运行。
javascript - 测试库 (VueJS) - 在 it 块中渲染多个组件
测试相对较新,所以这可能非常简单:
我想测试一个checkbox
组件。我掌握了基础知识,但是,如何在一个it
块中渲染多个组件?
到目前为止我的代码。我被困在第二个测试中,我想渲染多个项目并检查一个。那应该返回它的值(或者我们可以测试选中的复选框)。
组件本身很简单。它有一个标签和复选框元素,并接收您期望的所有道具。
谢谢!
react-native - @testing-library/react-native 我应该如何测试 BackHandler Alert 并处理 ok 和 cancel 按钮?
无法使用 @testing-library/react-native 测试以下代码
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
分支似乎并没有起作用。
有什么我做错了吗?提前致谢。
react-testing-library - 使用 getByRole 选择具有特定描述的网格单元
我有一些带有标题的表格数据(“类型”、“名称”)。我想选择“名称”列中的所有项目,以检查它们是否包含搜索字符串。该列中的每个项目都有角色“gridcell”和描述“名称”。见附图1。
getByRole('gridcell', {description: /name/i})
不起作用。我查看了查询的打字稿声明,似乎没有任何帮助。怎么能做到这一点?
typescript - 如何在全球范围内添加“@testing-library/jest-dom”?
我在一个项目中看到使用create-react-app
一个名为的文件,该文件setupTest.js
只是导入@testing-library/jest-dom
并且测试似乎使用扩展expect
版本,例如.toBeInTheDocument
.
我将相同的文件 ( setupTest.js
) 添加到我的项目中,但似乎没有效果。
换句话说,我怎样才能@testing-library/jest-dom
全局导入而不是在每个.spec.ts
文件中进行?
react-native-testing-library - 在 FlatList 中测试 onScroll 事件
我一直在尝试使用这个非常简单的测试文件来测试onScroll
a 的事件:FlatList
测试文件:
正在测试的组件:
如您所见,我的方法中什至没有任何代码handleScroll
,但我仍然收到此错误:
如何修复此错误并测试我的handleSCroll
?
在此先感谢您的时间!