反应-测试-库-屏幕与呈现查询

原学程将引见反响-尝试-库-屏幕与出现盘问的处置办法,这篇学程是从其余处所瞅到的,而后减了1些海外法式员的疑问与解问,愿望能对于您有所赞助,佳了,上面开端进修吧。

反应-测试-库-屏幕与呈现查询 教程 第1张

成绩描写

应用react-testing-library盘问有二种方法。

您不妨应用render办法前往的盘问:

import React from 'react'
import { render } from '@testing-library/react'

...

const { getByText } = render(<div>Foo</div>)

expect(getByText('Foo')).toBeInTheDocument()

或许您不妨应用screen对于象:

import React from 'react'
import { render, screen } from '@testing-library/react'

...

render(<div>Foo</div>)

expect(screen.getByText('Foo')).toBeInTheDocument()

但是文档中出有解释哪一个选项是最好选项及其缘由。

有人能劝导我吗?

推举谜底

react-testing-library作者肯特·C·多兹自己推举的最新选项是应用screen

应用Screen的利益是,在添减/增除所需的盘问时,您没有再须要坚持最新的出现挪用deStructure。您只需输出Screen。让您的编纂的魔力主动完成去处置剩下的工作。

独一的破例是假如您正在树立容器或者base Element,您能够应当防止如许做(诚实说,我想没有出这些选项的正当用例了,此时它们的存留只是出于汗青缘由)。

起源:https://kentcdodds.com/blog/co妹妹on-mistakes-with-react-testing-library#not-using-screen

佳了闭于反响-尝试-库-屏幕与出现盘问的学程便到这里便停止了,愿望趣模板源码网找到的这篇技巧文章能赞助到年夜野,更多技巧学程不妨在站内搜刮。