Как установить значение innerText для li с помощью селектора запросов в angular 8

Question

Попытка установить внутренний текст для третьего li из ul в angular 8, но не работает. Как выбрать ul и третий li, используя queryselector, чтобы найти решение

app.component. html:

<tr>
<div class="wrapper">
  <ul>
    <li><span>Test 1</span></li>
    <li><span>Test 2</span></li>
    <li><span>Test 3</span></li>
    <li><span>Test 4</span></li>
    <li><span>Test 5</span></li>
  </ul>
</div>
</tr>

app.component.ts:

setInnertext(event){ 
    let getTr=event.target.closest('tr');
    getTr.querySelector('.wrapper').querySelector('ul').querySelector('li:nth-child(3)').innerText="New Name";
  }