benim böyle bi kodum var arraydeki testName leri foreach ile alıp li etiketiyle ekrana yazdırıyom

let testNames = [ {testName: 'test'}, {testName: 'test2'} ];

const container = document.getElementById('container');
let a;
testNames.forEach(function(x){
    a = document.createElement('li')
    a.classList.add('li-item')
  
    a.innerHTML += `<p>${x.testName}</p>`;
    container.appendChild(a)
})

daha sonra bu kod ile arraydeki değeri değiştiriyorum

testNames[0].testName = 'name changed';

arraydadaki değer değişiyor ama ekranda yazan değişmiyor, bunu yeni değer ile ekrana yazdırmak için ne yapmalıyım?