如何使用 React js 和 typescript 开玩笑地从 <Typography /> 获取文本

Question

我正在为我的项目编写笑话测试用例。但我坚持在 .so 中获取文本值，我需要如何从 Typography 中获取文本。谁给个解决办法。

这里我声明了我的代码，

let wrapper = shallow(<Typist />).dive();

const pageName = wrapper.find('Typography');

console.log('***pageName***', pageName.debug());

这里我从 pageName

得到了这个输出

***pageName***
<Typography type="h1" className="cr-page__title">
  JobsTitleName
</Typography>

我想测试此文本 JobsTitleName。

这里我是这样用的，

pageName.text()

但是我得到了这个输出，但是我从来没有得到文本 JobsTitleName.

<Typography />

Answer 1

你可以试试

console.log(wrapper.find('selector').props().children)

从里面获取文本

How does get text from <Typography /> in jest with react js and typescript