我想为Footer组件编写快照测试，但是会引发错误：You should not use <Link> outside a <Router>。这是我的代码：
import React from 'react'
import renderer from 'react-test-renderer'
import Footer from '../footer'
it('Footer renders correctly', () => {
const tree = renderer
.create(<Footer />)
.toJSON()
expect(tree).toMatchSnapshot()
})
我知道发生这种情况是因为Footer组件使用Linkfrom react-router-dom。为了解决这个问题，我将Footer组件包装在BrowserRouter：
const tree = renderer
.create(
<BrowserRouter>
<Footer />
</BrowserRouter>
)
.toJSON()
但现在它抛出错误： Browser history needs a DOM
我用MemoryRouter代替，BrowserRouter它解决了问题。
import React from 'react'
import { MemoryRouter } from 'react-router-dom'
import renderer from 'react-test-renderer'
import Footer from '../footer'
it('Footer renders correctly', () => {
const tree = renderer
.create(
<MemoryRouter>
<Footer />
</MemoryRouter>
)
.toJSON()
expect(tree).toMatchSnapshot()
})
本文收集自互联网，转载请注明来源。
如有侵权，请联系 [email protected] 删除。
我来说两句