MaterialUI-ExpansionPanelSummary分配ID /类/名称/数据标签以检索内部文本

Question

我正在运行一些UI测试，并且需要断言内部div元素中是否存在此文本“ TEXT TO RETRIEVE”。

<div class="MuiButtonBase-root-123 MuiExpansionPanelSummary-root-456 MuiExpansionPanelSummary-expanded-789 class_EPSummary" tabindex="0" role="button" aria-expanded="true" id="id_EPSummary">

   <div class="MuiExpansionPanelSummary-content-352 MuiExpansionPanelSummary-expanded-789">TEXT TO RETRIEVE</div>

   <div class="MuiButtonBase-root-123 MuiIconButton-root-234 MuiExpansionPanelSummary-expandIcon-012 MuiExpansionPanelSummary-expanded-789" tabindex="-1" role="button" aria-hidden="true"> </div>

</div>

这是我的渲染函数，它生成了上面的HTML-

<div>
    <ExpansionPanel key={queryResults.param1} defaultExpanded={shouldExpand}>

        <ExpansionPanelSummary id="id_EPSummary" className="class_EPSummary" expandIcon={<ExpandMoreIcon/>}>
            {queryResults.param1 } ({queryResults.results.length})
        </ExpansionPanelSummary>

        <ExpansionPanelDetails>
            <div className={classes.type} > 
                { this.someMethodToGetOutput(finalOutput) }
            </div>
        </ExpansionPanelDetails>
    </ExpansionPanel>
</div>

现在，具有id =“ id_EPSummary ”的元素将其内部文本返回为“（”。但是我想从内部div检索“ 要检索的文本”。 / p>

有哪些可能的方法？有没有一种方法可以向内部div添加id / class / name / data标记以直接调用它并检查其内部文本？

任何帮助将不胜感激。