在我的react应用程序中，使用react测试库对应用程序进行测试，我会遇到下一个情况。我试图从const d = utils.getAllByTestId('el')[0]中找到数据，现在我想测试d内部是否存在一个具有role：const i = d.getByRole('img')的元素，但我得到了d.getByRole is not a function。从文档中
浏览 4提问于2021-12-23得票数 2
回答已采纳
我们可以在React测试库中使用的最好的选择器是getByRole()。这很好，因为我们可以通过节点的角色和可访问性名称来选择节点。如果我们有一个渲染组件，其中有多个按钮-所以我不能只使用getByRole('button') -按钮没有文本，这意味着它没有可访问的名称，而是我们有一个图像，我该如何选择它？我知道镜像的可访问名称来自alt属性，我也知道我可以使用data-test
浏览 96提问于2020-07-21得票数 7
回答已采纳
我正在使用测试-库与MUI按钮。我的测试： render(<RankedThemes {...props}); });
测试的但
浏览 2提问于2022-11-22得票数 1
在我的React应用程序中，我在屏幕上有一个按钮，点击它之后，屏幕中的一个特定元素就会消失。单击按钮，状态将发生变化，在重新呈现组件后，元素将消失。//element to hide
const listContainer = screen.getByRole(
浏览 10提问于2022-04-01得票数 3
1回答
我正在测试一个组合框，在第一个渲染中，组合框的初始值是未定义的。然后，使用查询参数和useEffect，该组件查找相关选项并将值状态设置为该选项。as hello", () => {
该测试套件抛出此错误在反应测试库中进行测试时。我无法检索预期的文本值--这
浏览 22提问于2022-02-27得票数 4
2回答
我正在尝试查询一个按钮，其中包含一个特定的文本(是的，还有另一个类似的问题，但它对我没有用)。我想getByRole的‘登录’按钮，我的屏幕，但它得到我的‘注册’按钮。it('renders buttons', () => { getByRole('button'^这是密码：
im
浏览 12提问于2022-05-10得票数 1
回答已采纳
1回答
我正在尝试测试以下组件，在该组件中，我将根据开关条件返回动态控制：
const DataTableFormControl: FC<DataTableFormControlProp> = ({ displayName
浏览 6提问于2022-08-08得票数 0
我有一个React组件，它生成一个按钮，其内容包含一个<span>元素，如下所示： return ( <span>Click me</span> );我想用react-testing-library和mocha + chai来测试这个组
浏览 0提问于2019-06-14得票数 95
回答已采纳
1回答
我正在尝试测试在上下文提供程序中声明的函数showModal： consthideCloseButton > </ModalContext.Provider>};
现在我想测试这个函数screen.getByText('TEST Text&#
浏览 3提问于2022-10-17得票数 0
input[type="checkbox"]') expect(node.props().checked).toEqual(true);
}); 我知道我可以使用
浏览 25提问于2021-11-17得票数 0
2回答
我有一个问题的测试材料-UI选择选项。在这里，我尝试测试所有选项都加载在控件中。但是，当我放置控制台日志调试时，它不会在options元素上显示任何内容。下面是我试过的代码， import React from 'react'; )
浏览 1提问于2021-08-30得票数 1
我想测试呈现的文本。为此，我可以从呈现中获取对容器的引用，然后让容器具有或不具有特定的文本内容。.);有没有办法用屏幕而不是容器进行这个测试？我可以在我的组件的容器div上使用一个测试id，并使用screen.getByTestId作为目标，但是看起来太过了。
浏览 12提问于2022-02-17得票数 0
是否可以使用使用C# selenium找到元素？有关更多细节，请参见规范：构成部分：
<button>Cancel<&#x
浏览 4提问于2022-05-17得票数 0
我试图在其中一个测试中达到100%的覆盖率--它突出了设置组件状态的onClick函数:这是组件：
<button type="button" data-testid={'btn-test}，因为这是一个按钮组。如何在j
浏览 3提问于2021-11-12得票数 0
回答已采纳
自从使用@testing-library for react开始，我就被name属性搞糊涂了。可以获得所呈现的按钮的引用，例如：screen.getbyRole("button", {name: /button text/gi})在本例中，名称引用按钮内部的textNode。我目前正在尝试获取一个按钮的引用，它的
浏览 10提问于2021-09-15得票数 3
{open && <div data-testid="datepicker-dialog">{generatePanel()}</div>} );
}; 我有一个这样的测试文件当前状态： 当您单击[data-testid="datepicker-year-button"]时，它会将Datepicker模式更改为"year“，并且MonthPanel (及其按钮本身)将被移除。由于该按钮是事件目标
浏览 30提问于2021-01-09得票数 1
2回答
试着学习测试。使用测试-库，Jest，和React路由器v6，和类型记录.我想弄清楚怎么测试链接。我一直在到处寻找解决方案，却找不到解决办法。使用React路由器v6。代码看起来如下(链接只是一个带有href的常规元素)，只想确保用户进入新页面(在本例中，登录页来自忘记密码页)。/forgot-password' ]}>
浏览 20提问于2022-01-31得票数 3
2回答
我有一个组件与一个海峡前进编辑按钮。编辑按钮调用将isEditing设置为true的方法。v-if="isEditing"中有一些输入元素，所以我正在测试在单击“编辑”按钮后，这些输入元素是否可见。当我的测试运行fireEvent.click(screen.getByRole('link', {name: 'Edit'}))时，它将isEditing更新为true (基于.click事件之前/之后的console.lo
浏览 4提问于2021-11-17得票数 1
回答已采纳
我有组件，在这个组件中我有自定义钩子。{ <div> </div>}) it('Open function is called when we click b
浏览 6提问于2022-07-10得票数 -1
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
腾讯会议
云直播
对象存储活动推荐
腾讯云开发者
