MaterialUI - ExpansionPanelSummary назначает идентификатор / класс / имя / тег данных для извлечения внутреннего текста

Question

Я провожу некоторое тестирование пользовательского интерфейса и должен подтвердить, существует ли этот текст "TEXT TO RETRIEVE" во внутреннем элементе div.

<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.

Каковы возможные способы сделать это? Есть ли способ добавить id / class / name /тег данных к внутреннему div, чтобы напрямую вызвать его и проверить его внутренний текст?

Буду признателен за любую помощь.