webdriver node js在类标记下获取多链接

Question

how to get multiple link under-class tag,HTML contain multiple multiple class tag="blog-item-wrap" each tag contain tag . need to get all the href links under-clas's tag

<div class="blog-item-wrap">
            <a href="https://website.com/data-wrangling-with/" title="Data 
Wrangling with JavaScript">
                        </a>
   </div>
  <div .... >
  <div class="blog-item-wrap">
            <a href="https://website.com/data-wrangling-with/" title="Data 
    Wrangling with JavaScript">
                        </a>
    </div>
     </div>

using this and getting error:

StaleElementReferenceError: stale element reference: element is not attached to the page document

browser.findElement(By.xpath('//*[@class="blog-item-wrap"]/a')).then(res => {  res.getText().then(text => { console.log('text', text); }).catch(err => { console.log('err', err); });

Answer 1

You should use getAttribute("href") on all the elements with driver.findElements(By.xpath('//*[@class="blog-item-wrap"]/a')) .

Then iterate the list with the getAttribute("href") .

you should think about using async ...

Hope this helps you!

Answer 2

The error come because the element removed or modified from the page try using Promise and use findElements() to get all elements.

browser.get('https://..........')
.then(() => {
  browser.findElements(By.xpath('//*[@class="blog-item-wrap"]//a'))
  .then(res => {
    var links = res.map(aTags => aTags.getText()) // .getAttribute("href")
    Promise.all(links).then(texts => {
      texts.forEach(text => console.log('text: ', text))
    })
  })
  .catch(err => {
    console.log('err: ', err);
  });
})

Non Promise

browser.get('https://....')
  .then(() => {
    browser.findElements(By.xpath('//*[@class="blog-item-wrap"]//a'))
    .then(res => {
      res.forEach(aTags => {
        aTags.getText()
        //aTags.getAttribute("href")
        .then(text => console.log('text: ', text))
        .catch(err => console.log('err: ', err))
    })
  })
})