下面是我的组件： import React, { useState } from 'react';import '.reactjs.org" rel="noopener noreferrer" Learn React</a>
浏览 39提问于2019-10-12得票数 3
1回答
在React测试库中更改状态值
、、、、
具有以下组成部分： const [val, setVal] =我想用玩笑来编写一个测试，但不知道如何在那里模拟val的值 it('small container visible only when val is true', ()const toTest = queryByText('small container');
e
浏览 4提问于2022-02-06得票数 -1
1回答
我正在尝试测试一个在被单击时应该调用函数deleteTag()的元素，但是由于某种原因，无论我做什么，fireEvent.click()都不能工作。在我的输入字段中输入文本的其他方法，如fireEvent.input()可以很好地工作，这里是我的组件： v-for='(item, icolor='primary' @cl
浏览 0提问于2020-12-19得票数 0
我使用的是React测试库和Typescript。 我需要测试我的菜单:单击一个按钮，测试带有内容的Popper是否可见，再次单击一个按钮，测试带有内容的Popper是否不可见。此外，我还测试触发按钮是否始终可见。import React from 'react';
import { fireEvent, render, RenderResult, screen } from '@testing-libr
浏览 14提问于2020-11-06得票数 0
回答已采纳
我正在转移到反应测试库的过程中，并且不知道如何触发这个事件并得到更改的结果。import React, { useState } from "react";import ".fieldset> &l
浏览 1提问于2019-02-15得票数 31
回答已采纳
3回答
我是react测试库的新手，所以这可能很简单，但我现在有一个从fluent UI导入的下拉列表，当我尝试使用React测试库测试它时，得到一个“元素没有值设置器”错误。这是我的渲染函数。import { Dropdown, IDropdownStyles, IDropdownOption } from 'office-ui-fabric-react/lib/Dropdown';
import{ Stack } f
浏览 4提问于2020-06-24得票数 3
我在React TypeScript中有一个简单的按钮组件，我使用fromEvent方法将单击事件转换为RxJs的Observable包装器-- RxJS中的fromEvent(el:HTMLElement->如果我传递正确的HTMLElement和string作为参数，它应该返回Observable
这是第一个测试，第一个总是通过，即使他们没有通过，第二个总是失败。import
浏览 0提问于2019-08-20得票数 1
回答已采纳
我正在使用jest和react测试库在ReactJS中测试一个连接的功能组件。 null,)(Letter);import { Letter } from "components/Letter/Letter.js"
浏览 0提问于2020-07-04得票数 1
回答已采纳
1回答
这是my组件，它包含Select子组件import { useEffect } from 'react'
type="medium-input" )我想用Jest对这个组件进行单元测试我想介绍的4个测试用例：
呈
浏览 3提问于2021-10-25得票数 1
我有这个代码： wrapper.find('.table-year-head button').at(1).simulate('click'); .find('.table-months') .find('input[type="checkbox"]') expect(node.props().checked).toEqual(true);
}); 我知道我可以使用data-testid作为选择器，但是我如何选择第n
浏览 25提问于2021-11-17得票数 0
我有个这样的测试： await act(async () => { const btn = container.findByTestId('childBtn'); <Button data-testid='
浏览 3提问于2022-04-05得票数 0
我有以下内容：import {DropDownList, MultiSelect} from "@progress/kendo-react-dropdowns}}/> ) 如何在Jest中为这个kendo DropdownList编写单元测试并对测试库
浏览 4提问于2021-09-17得票数 0
全回购
} alert("Error detected", error); } fireEvent.change(passwordField, { target: { va
浏览 11提问于2022-05-31得票数 1
回答已采纳
我试图找出单元测试以下情况的最佳方法问题是:我是否测试状态是否在Attendees.tsx？我看到了一些示例，其中应该测试父组件中的状态更改，但是这些示例显示父组件在DOM中而不是在子组件中显示值。在Attendeees.test.tsx中测试的内容
import <
浏览 2提问于2021-01-09得票数 2
我正在测试我的组件export const ForecastButtons = ({ city }) => { </p> )这是我测试的一部分London'} />);
浏览 3提问于2021-09-30得票数 2
回答已采纳
在使用Jest和React测试库时，是否可以在多个测试中维护相同的render()？我正在构建一个琐事应用程序，并有一个单一的组件，显示不同的问题，因为用户通过测验进行。为了测试选择按钮、提交按钮的功能，并检查是否在正确的时间显示了正确的屏幕，我需要在测验的不同阶段对相同的呈现组件执行测试。render(<TriviaBox/>);
const btn = screen.getByRole("button", {name: &#x
浏览 30提问于2020-07-10得票数 0
2回答
反应中冒泡的试验事件
、、、、
是否有可能测试在反应中冒泡的事件？例如： doSmth() { }
此外，我必须指出，我不能使用上下文和道具，因为这是一个非常简化的版本。
浏览 4提问于2019-11-23得票数 2
回答已采纳
我正在用react-react library测试来自'react-router-dom‘的链接。 正常情况下，单击此链接时，页面上应该会出现linkId。但在我的测试中，fireEvent.click不会触发该操作。因此我没有我的内容。>Link Test 1</Link>... test :
const linkButton = getByText(/Link Test 1
浏览 40提问于2019-05-29得票数 3
回答已采纳
在使用React学习TDD的过程中，我注意到有不同的方法来触发对测试中元素的点击。它可以通过fireEvent.click()、userEvent.click()和HTML_ELEMENT.click()来完成。 它们都工作得很好。在做了一些研究后，我了解到userEvent.click()基本上是在幕后使用fireEvent，它更适合于自动化测试(例如cypress)，而fireEvent.click()在单元测试中更可取。
浏览 222提问于2021-01-15得票数 4
1回答
在rtl中，避免在一次测试中呈现多个组件？ 例如，假设当标题中的按钮被按下时，侧边栏会折叠。 为了测试这一点，我在一个测试中呈现了标题和侧边栏，如下所示。(sidebar).toHaveStyle({ width: styles.layout.sidebar.unfold });
fireEvent.clickunfold sidebar
expect(sidebar).toHaveStyle({ width: styles
浏览 17提问于2021-01-19得票数 0
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
对象存储
腾讯会议
云直播活动推荐
腾讯云开发者
