大佬教程收集整理的这篇文章主要介绍了使用 apollo 客户端进行查询和订阅的测试反应组件,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
有没有人有关于使用 apollo 客户端测试使用查询和订阅的 React 组件的提示?当您使用带有 <mockedProvIDer />@H_489_4@ 和
mocks@H_489_4@ 道具的
link@H_489_4@ 组件时,它似乎只是忽略了模拟。
感谢帮助!!
除非您有充分的理由,否则您不应弄乱 link@H_489_4@ 的
mockedProvdier@H_489_4@ 道具。
mockedProvider@H_489_4@ 中使用的默认链接是 mockLink,它管理为给定查询生成模拟的逻辑。像这样对 apollo docs 中给出的示例进行建模,它应该可以工作:
import TestRenderer from 'react-test-renderer';
import { mockedProvider } from '@apollo/client/tesTing';
import { GET_DOG_QUERY,Dog } from './dog';
const mocks = [
{
request: {
query: GET_DOG_QUERY,variables: {
name: 'Buck',},result: {
data: {
dog: { id: '1',name: 'Buck',breed: 'bulldog' },];
it('renders without error',() => {
const component = TestRenderer.create(
<mockedProvider mocks={mocks} addTypename={falsE}>
<Dog name="Buck" />
</mockedProvider>,);
const tree = component.toJSON();
expect(tree.children).toContain('Loading...');
});
@H_489_4@
以上是大佬教程为你收集整理的使用 apollo 客户端进行查询和订阅的测试反应组件全部内容,希望文章能够帮你解决使用 apollo 客户端进行查询和订阅的测试反应组件所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。