如何使用 react js 和 typescript 从 <Typography /> 中获取文本答案

【问题标题】：How does get text from <Typography /> in jest with react js and typescript如何使用 react js 和 typescript 从 <Typography /> 中获取文本
【发布时间】：2019-12-10 23:34:43
【问题描述】：

我正在为我的项目编写开玩笑的测试用例。但我坚持在 .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 />

【问题讨论】：

标签： jestjs tsx

【解决方案1】：

你可以试试

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

从内部获取文本

【讨论】：

这也很好用， const pageName = wrapper.find('Typography').dive(); console.log('pageName', pageName.text());