[英]How to find for a text element, in react-test-renderer renderer instance?
提示:本站为国内最大中英文翻译问答网站，提供中英文对照查看，鼠标放在中文字句上可显示英文原文。
我正在尝试对我的组件进行快照测试。 期望是组件被正确渲染然后它是。 与之前保存的快照相比。
import renderer from 'react-test-renderer';
const tree = renderer.create(<PolicySummary />);
expect(tree.toJSON()).toMatchSnapshot();
但这里的问题是在组件有机会完全渲染之前比较快照太早了。 这导致无论组件有什么数据，测试用例总是通过。
如果我添加等待await new Promise((r,_) => setTimeout(() => r(true), 3000)); 然后它可以正常工作，并且与快照相比，组件在它之前完全呈现。
那么，如何向渲染器查询一些文本，并等到文本在渲染器中可用，然后再将其与快照进行比较？
对于开玩笑的 dom，渲染我使用
await waitForExpect(() => expect(screen.queryByText(TestUtils.TEST_NAME)).toBeInTheDocument());
这适用于 jest-dom 渲染。 但是有什么办法可以在 react-test-renderer 中实现这一点吗？
您可以使用如下方式等待组件呈现：
await new Promise(process.nextTick)
然后你可以使用react-test-renderer中的findBy*方法之一，例如：
const queryText = (component: renderer.ReactTestRenderer, text: string) => {
return component.root.findAll(node =>
node.children.length === 1 &&
typeof(node.children[0]) === 'string' &&
node.children[0] === text,
{deep: true})
}
那么您的代码可能如下所示：
const tree = renderer.create(<PolicySummary />);
await new Promise(process.nextTick);
expect(queryText(component, TestUtils.TestName)).toHaveLength(1);
expect(tree).toMatchSnapshot();
如何将 React 组件作为常规 JS 传递给 react-test-renderer
[英]How to pass React component as regular JS to react-test-renderer
使用 react-test-renderer 测试异步 componentDidMount()
[英]Testing async componentDidMount() with react-test-renderer
在使用 react-test-renderer 的 Jest 快照测试中，Refs 为空
[英]Refs are null in Jest snapshot tests with react-test-renderer
如何使用 react-test-renderer 或其他替代库渲染普通的 html 代码？
[英]How to render plain html code with react-test-renderer or other alternative libs?
使用Jest和react-test-renderer使用Material-UI时，为什么我的渲染器失败？
[英]Why is my renderer failing when using Material-UI using Jest and react-test-renderer?
"在反应应用程序中使用反应测试渲染器和故事书执行组件测试时出错"
[英]Error to execute component test with react-test-renderer and storybook in a react app
具有react，react-native，react-dom，react-test-renderer的软件包的版本冲突
[英]Version conflict of packages with react, react-native, react-dom, react-test-renderer
反应测试渲染器测试失败类型错误：无法读取未定义的属性（读取“当前”）
[英]react-test-renderer test failing TypeError: Cannot read properties of undefined (reading 'current')
TypeError：无法读取未定义的 React-test-renderer 的属性“__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED”
[英]TypeError: Cannot read property '__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED' of undefined React-test-renderer
如何将带有参数的渲染器 function 传递给 React 中的组件？
[英]How to pass a renderer function with parameters to a component in React?
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.