回答情况：
提问时间：
问题标签：
在这样一个简单的场景中 <button type="submit" data-testid="submit-button">Submit</button>如何确保表单在单击submit按钮时提交？
const { query
浏览 21修改于2020-05-09得票数 0
回答已采纳
我正在尝试用test -library测试一个组件。我面临的问题是如何在input中自动引入文本。通常，这可以通过以下方式实现： const inputName = screen.getByPlaceholderText(/name/i)
fireEvent.change(inputName, { target: { value: 'test name' } }) 但是在我的例子中，我使用库cleave.js来格式化输入，并且似乎fireEvent.change不能引入文本。 有人知道如何解决这个问题吗？
浏览 59修改于2021-03-20得票数 0
preset-env": "^7.12.7", "@babel/register": "7.12.1", "@testing-library/react": "^9.5
浏览 21修改于2020-12-06得票数 2
/node_modules/@testing-library/dom/dist/@testing-library/dom.esm.js 429:27 @ ./node_modules/@testing-library</e
浏览 23修改于2022-11-12得票数 5
我已经做了很多研究，但我找不到一种方法来成功地模拟窗口焦点事件。 我查看了“this library/user-event”，但仍然找不到这样做的方法。 在我的组件中，我们有window.addEventListener('focus', doSomething);，但它永远不会通过测试运行器调用。
浏览 30修改于2021-07-20得票数 1
我想测试prop是否正确地增加了节点值，然后传递给了组件。问题是，即使测试和组件具有相同的节点，它也会被jest识别为不同的节点。 基本上，我的组件呈现以下内容： function MyComponent({columns}){ ...c, });
return <Table columns={columnsWithD
浏览 33提问于2021-08-17得票数 0
export default DatePickers;import { render, screen, waitFor } from "@testing-library/react";
test("date input value validation", asyncError: Not implement
浏览 10提问于2020-05-22得票数 4
import {render, screen, waitFor, fireEvent} from '@testing-library/react';
import React from 'react';
浏览 2修改于2021-07-05得票数 6
import React from "react";import { render } from "@testing-library/react";
import myComp from '.
浏览 15修改于2020-11-20得票数 1
回答已采纳
我正在尝试理解如何使用@testing-library/react最好地测试react-router的行为是否符合预期。import { MemoryRouter } from 'react-router-dom';
import { render } from '@testing-library/
浏览 42提问于2020-05-18得票数 6
我正在尝试编写一些简单的测试，以便我想要呈现的头部和数据可以按预期显示出来。我创建了一个repo - https://github.com/olore/ag-grid-testing-library来重现。在浏览器中打开该表时，它看起来与我预期的一样。 <AgGridReact [ { field: "model" },
{ field: "price"
浏览 30修改于2020-09-23得票数 4
回答已采纳
在运行npm test时，我得到了以下错误：Required stack:node_modules/@testing-libr
浏览 9修改于2022-10-30得票数 83
回答已采纳
/App';import {render} from '@testing-library/react';
浏览 22提问于2020-01-24得票数 12
回答已采纳
我现在正在尝试使用@testing-library和Mock Service Worker编写一些自动化测试用例。我使用了以下依赖项： "@testing-library/react": "^11.2.5",
"@testing-library/user-event": "^12.7.1",
浏览 57提问于2021-04-01得票数 1
当我在本地运行相同的设置时，我在@testing-library/react导入时收到一条TS错误消息：
TypeError: Cannot read property 'default' of undefined
浏览 10修改于2020-03-13得票数 0
我试图模拟包含在div中的元素中的滚动，这是传递给render函数的元素。const content = ( <LazyList itemRenderer={itemRenderer} items={items} minItemHeight={MIN_ITEM_HEIGHT} /> );
mockOffsetSize(WIDTH, HE
浏览 0修改于2018-11-03得票数 25
我有一个使用React Pose (https://popmotion.io/pose/)的带有动画的React应用程序。 这可以很好地工作，但是当我为组件编写集成测试(使用react- test -library)时，测试失败。 我在运行测试时得到的错误是： Error: Uncaught [TypeError: Cannot read property '1' of null]
at reportException (/app/node_modules/jsdom/lib/jsdom/living/helpers/runtime-script-erro
浏览 14修改于2020-02-24得票数 6
我有一个React组件，它使用Promise检索数据，然后在promise解析时调用setState。然后，它使用更新后的状态来更改呈现的内容。 在测试时，我使用testing library的findBy* methods等待呈现的组件使用Promise中的内容进行更新： await findByText("Failure details", { exact: false }); 我的测试通过了-它们正确地等待，直到组件重新呈现。但是，在运行它们时，我会收到类似这样的警告(我使用的是Jest，但我不认为这是相关的)： Warning: An update to MyComp
浏览 13提问于2019-12-13得票数 2
我正在测试一个包含材料Ui TextField组件的组件(让我们称其为MyComponent)： name="code" onKeyPress={keyPressHandler(codeRegExp)} placeholder={codePlaceholder}
onChange={handle
浏览 0提问于2020-11-17得票数 10
回答已采纳
我尝试使用@testing-library/vue并导入屏幕方法，ESLint报告了以下错误："screen not found in @testing-library/vue"。// The render function doesn't error but screen yes
import { render, screen } from '@testing-library/我认为这是因为@testing-library/
浏览 9提问于2022-06-24得票数 1
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号