使用Jest从react-router v4测试链接
发布时间:2020-12-15 20:53:49 所属栏目:百科 来源:网络整理
导读:我正在使用jest来测试一个带有 Link的组件.来自react-router v4. 我收到一条警告 Link /需要来自react-router Router /的上下文.零件. 如何在测试中模拟或提供路由器上下文? (基本上我该如何解决此警告?) Link.test.js import React from 'react';import r
我正在使用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 (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |