webdriver node js get multile link under class tag

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); });

Based on this answer: https://stackoverflow.com/questions/5543724/selenium-how-to-select-an-object-by-class you should use XPATH `//div[contains(@class, 'ui-autocomplete')]/a` — ymz, Dec 16 '18 at 16:04
browser.findElement(By.xpath('//*[@class="blog-item-wrap"]/a')).then(res => { console.log(res); res.getText().then(text => { console.log('text', text); }).catch(err => { console.log('err', err); }); — Atiq Ur Rehman, Dec 16 '18 at 16:18
trying this but getting error UnhandledPromiseRejectionWarning: StaleElementReferenceError: stale element reference: element is not attached to the page documen — Atiq Ur Rehman, Dec 16 '18 at 16:18

score 2 · Accepted Answer · answered Dec 16 '18 at 17:22

2

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!

answered Dec 16 '18 at 17:22

Moshe Slavin

5,127
5
23
38

bro i am new can u please explain me in code format – Atiq Ur Rehman Dec 17 '18 at 12:32
browser.findElement(By.xpath('//*[@class="blog-item-wrap"]//a')).then(res => { res.getAttribute("href") .then(text => { console.log('text: ', text) }) this give me one link can u please tell how to get all links Thanks – Atiq Ur Rehman Dec 18 '18 at 05:11
Just change `browser.findElement` to `browser.findElements` – Moshe Slavin Dec 18 '18 at 06:39

ewwink · Answer 2 · 2018-12-17T11:33:57.397

1

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))
    })
  })
})

edited Dec 17 '18 at 11:33

answered Dec 17 '18 at 10:59

ewwink

18,382
2
44
54

res = WebElement {driver_: thenableWebDriverProxy, id_: Promise} driver_:thenableWebDriverProxy {session_: Promise, executor_: Executor, fileDetector_: null, …} id_:Promise { resolved } should:Proxy __proto__:Object {constructor: , getDriver: , getId: , …} res.map is not a function error – Atiq Ur Rehman Dec 17 '18 at 11:24
may I know URL of the page – ewwink Dec 17 '18 at 11:26
it work find, except in xpath need to change `/a` to `//a` and make sure you're using latest `chromedriver` and `Chrome` – ewwink Dec 17 '18 at 11:35
using non `Promise` also return expected result, see edited answer. I guess the problem is old version of apps. – ewwink Dec 17 '18 at 11:39
UnhandledPromiseRejectionWarning: TypeError: res.forEach is not a function – Atiq Ur Rehman Dec 17 '18 at 11:47
res is in the form of promise not array – Atiq Ur Rehman Dec 17 '18 at 11:47
do you use latest `chromedriver` and `Chrome`? also consider updating `nodejs` – ewwink Dec 17 '18 at 11:51
chromedriver is latest i will update chrome and node – Atiq Ur Rehman Dec 17 '18 at 11:53
@AtiqUrRehman so you have followed my suggestion to update Chrome? – ewwink Dec 18 '18 at 10:57

webdriver node js get multile link under class tag

2 Answers2