我正在使用jest来测试一个带有< Link>的组件.来自react-router v4.
我收到一条警告< Link />需要来自react-router< Router />的上下文.零件.
如何在测试中模拟或提供路由器上下文? (基本上我该如何解决此警告?)
Link.test.js
import React from 'react'; import renderer from 'react-test-renderer'; import { Link } from 'react-router-dom'; test('Link matches snapshot',() => { const component = renderer.create( <Link to="#" /> ); let tree = component.toJSON(); expect(tree).toMatchSnapshot(); });
测试运行时的警告:
Warning: Failed context type: The context `router` is marked as required in `Link`,but its value is `undefined`.
您可以使用StaticRouter将组件包装在测试中,以将路由器上下文放入组件中:
import React from 'react'; import renderer from 'react-test-renderer'; import { Link } from 'react-router-dom'; import { StaticRouter } from 'react-router' test('Link matches snapshot',() => { const component = renderer.create( <StaticRouter location="someLocation" context={context}> <Link to="#" /> </StaticRouter> ); let tree = component.toJSON(); expect(tree).toMatchSnapshot(); });
看看反应路由器docs about testing
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。