如何在使用效果中测试带有AXIOS请求的反应组件？
我在useEffect中将功能组件与请求进行了反应。 https://codesandbox.io/s/nifty-dew-r2p1d?file=/src/App.tsx const App = () => { const [data, setData] = useState(undefined); const [isLoading, setIs
..
reactjs相关内容
当状态更新不影响用户界面时，防止未包装在动作(...)中的Jest警告(&C)
我正在尝试找出是否有方法可以防止在导致警告发生的状态更新后没有断言时，由Jest/Testing-Library引发的警告中没有包装"；，或者我是否应该直接忽略此警告。 假设我有这样一个简单的组件： import React, {useEffect, useState} from 'react'; import {getData} from 'services'; const
..
如何使用'；toHaveClass'；匹配Jest中的子字符串？
有一个元素，我要给它一个类success。但是Reaction-MUI在DOM上附加了一个文本，比如说，类似于mui-AbcXYZ-success。所以当我这样做的时候 expect( getByTestId('thirdCheck')).toHaveClass("success") 我无法通过此测试，因为它需要完整的名称mui-AbcXYZ-success。只有当我提供准确的名称(使
..
模块方向键不允许导入我的测试实用程序
我想用Jest和@testing-lib/react-native测试我的EXPO Reaction Native应用程序。 我的package.json中有以下设置。 "jest": { "preset": "jest-expo", "moduleDirectories": [ "node_modules", "test-utils"
..
尝试呈现反应测试库中的组件时出错-获得对象
我正在尝试设置连接到我们的Redux存储区的某些Reaction组件的一些集成测试。 我们的一般模式是一个常量(而不是组件)，它使用redux“连接”到存储区(我认为这只是问题的背景，因为我的正常组件也有相同的问题)。 我正在关注https://testing-library.com/docs/example-react-redux 我收到此错误 console.er
..
Jest setSystemTime不适用于全局作用域
我正在尝试测试一个简单的减法器，它的Date属性设置为Today。 const today = new Date(); export const initialState = { today }; console.log(new Date().toDateString()); //
..
如何模拟或断言window.ert是否已在带有TypeScrip的Reaction&；Jest中触发？
我正在使用JEST测试来测试我的Reaction项目，该项目是用Create Reaction App创建的#tyescript编写的。我正在使用react-testing-library。我有一个表单组件，如果表单是空提交的，它会显示alert。我想(也许)通过监视/模仿window.alert来测试此功能，但它不起作用。 我尝试按照许多SO答案中的建议使用jest.fn()，但也不起作用
..
Reaction Native：如何测试元素是否聚焦？
简单的测试用例：希望查看给定元素是否被聚焦。 要检查某个元素是否集中在带有RTL和JEST的Reaction Web应用程序上，您可以使用两个简单的选项： 您可以检查元素是否与Docent.activeElement相同(可能需要丢弃一些包装器) 您可以使用https://github.com/testing-library/jest-dom#tohavefocus和expect(
..
使用useSelector时，Reaction测试库无法工作
我有一个ReduxuseSelector组件，当我想测试呈现文本时，它在useSelector上显示错误消息，并显示错误消息：could not find react-redux context value; please ensure the component is wrapped in a 。我已经把放到了顶层组件，我的测试代码哪里错了？应用本身运行正
..
Reaction Ref；s Offsethe Right，即使在加载内容之后，JEST测试用例也始终返回
我使用的是反应测试库和jest。在Componentdidupdate中，即使在加载内容后，仍尝试将‘this.testRef.current.offsetHeight’，获取OffsetHeight为0。我需要DOM的精确OffsetHeight，因为它有一些基于它的条件。 在反应测试库和JEST中是否有解决方案。 我正在使用DangerouslySetInnerHTML为testR
..
Reaction测试库如何使用waitFor
我正在跟踪a tutorial的反应测试。本教程有一个如下所示的简单组件，用于展示如何测试异步操作： import React from 'react' const TestAsync = () => { const [counter, setCounter] = React.useState(0) const delayCount = () => ( setTimeou
..
反应测试库(RTL)：测试响应性设计
我正在尝试测试一个响应式设计，当屏幕尺寸太窄时，我会隐藏一些文本(以跨度为单位)。 import React from 'react' import './index.css' function Welcome(props) { return (
..
如何在Reaction-Testing-Library中获取具有名称属性的元素
我正在使用Reaction测试库和JEST测试我的Reaction应用程序。 并且我想知道如何在Reaction-Testing-Library中获取具有‘name’属性的元素。 例如，在下一页中，是否可以使用"；用户名"；来获取此元素？ 还是应该将data-testId设置到元素中并
..
如何才能使Reaction-I18N转换文件在使用Reaction-Testing-Library和JEST进行的单元测试中使用？
我正在使用JEST和反应测试库为我的前端应用程序进行单元测试，这是通过Reaction完成的。在我使用REACT-I18NEXT-LIBRARY添加国际化之前，我的单元测试运行良好。现在，当我运行测试时，它似乎没有找到/使用翻译文件，并且所有应该阅读的地方都留空了。我使用的是带有钩子的最新Reaction版本，而不是React。Component我使用的是这种“const-Components”：
..
在DOM测试库或反应测试库中测试输入值的最佳方法
测试dom-testing-library/react-testing-library中元素的值的最佳方式是什么？ 我采取的方法是通过closest()方法获取原始输入元素本身，然后使我可以直接访问value属性： const input = getByLabelText("Some Label") expect(input.closest("input").value)
..
反应-测试-库-屏幕与呈现查询
使用react-testing-library查询有两种方式。 您可以使用render方法返回的查询： import React from 'react' import { render } from '@testing-library/react' ... const { getByText } = render(
Foo) expect(getByText
..
Reaction-Testing-Library中的名称选项是什么？
自从使用@Testing-Library for Reaction开始，我就被name属性搞糊涂了。可以获得呈现的按钮的引用，例如： // Button text screen.getbyRole("button", {name: /button text/gi}) 在本例中，名称指的是按钮内部的textNode。关于输入的情况类似，name可以指idn
..
在测试时，应将导致反应状态更新的代码包装到ACT中
我有这样的测试： import { render, cleanup, waitForElement } from '@testing-library/react' const TestApp = () => { const { loading, data, error } = useFetch('https://example.com', { onMount
..
使用Reaction测试库检查出现在元素内的文本
我正在使用Testing Library为Reaction应用程序编写一些测试。我想检查某些文本是否出现，但我需要检查它是否出现在特定位置，因为我知道它已经出现在其他位置。 Testing Library documentation for queries表示getByText查询接受container参数，我猜该参数允许您在该容器内进行搜索。我尝试这样做，按照文档中指定的顺序使用contain
..
Redux-Form V6 isDirty(和isPristine)选择器不会在状态更改时触发重新呈现
我正在尝试检测父组件中的表单状态是否已更改，以便只有在表单值已更改时才能显示提交按钮。 初始呈现如预期显示FALSE，但更改这些值不会触发使用新的值重新呈现。 import React from 'react' import { isDirty } from 'redux-form' import { connect } from 'react-redux' {
..