testcafe доступ к элементам li

Question

Мне нужна помощь в доступе к элементам li в приведенной ниже ссылке.

https://www.healthdirect.gov.au/medicines/brand/amt,934621000168103/l-arginine-rch

Мои элементы li в document.querySelectorAll ('# disclaimer + section li')

Я пытался,

const seeAlsoElements =  Selector( () => {

            const seeA = document.querySelectorAll('#disclaimer+section li');
            return seeA;

        });

       const seeAlso = await seeAlsoElements();

       actualSeeAlsoFirstLine = seeAlso[0].innerText().split(':');
       aSADAlink = seeAlsoElements[1].child('a').getAttribute('href');
       genericVsBrandArticle = seeAlsoElements[2].getAttribute('href');

, но я получаю ошибки.Пожалуйста, помогите мне исправить этот код.Мне нужно индивидуально получить доступ к тегам li для их href или внутреннего текста;

Answer 1

Ваш код должен выглядеть следующим образом:

const seeAlsoItems = Selector('main')
    .find('footer')
    .find('section')
    .find('h2').withText('See also')
    .sibling('ul')
    .find('li');

const arginineLink = seeAlsoItems.nth(0).find('a');

await t
    .expect(arginineLink.getAttribute('href'))
    .eql('https://www.healthdirect.../arginine', {timeout: 10000});