How can i click on the link, which contains a text inside the span

I am trying to click on the link, which contains a text inside the span

Code i tried

 page
      .waitForSelector('span[text=]')
     .then(() => page.click('span[text=dummy]'));

DOM

<a class="nt-card__headline" href="/test" tabindex="0" ">
              <span aria-hidden="true">
                         Some
                         <span class="white-space-pre"> </span>
                          dummy              
                         <span class="white-space-pre"> </span>
                          text to match            
                         </span>
              <span class="visually-hidden">Some dummy text to match</span>
</a>

Any suggestion how how can i do this?

[vsemozhetbyt]

If I understand correctly, you need to find a link by its text content to click on. If so, these are at least two ways:

const puppeteer = require('puppeteer');

(async function main() {
  try {
    const browser = await puppeteer.launch({ headless: false, defaultViewport: null });
    const [page] = await browser.pages();

    const textToFind = 'More information...';

    // Way 1.

    await page.goto('https://example.org/');

    const link1 = await page.evaluateHandle(
      text => [...document.querySelectorAll('a')].find(a => a.innerText === text),
      textToFind
    );
    await link1.click();
    await page.waitFor(3000);

    // Way 2.

    await page.goto('https://example.org/');

    const [link2] = await page.$x(`//a[text()="${textToFind}"]`);
    await link2.click();
    await page.waitFor(3000);

    await browser.close();
  } catch (err) {
    console.error(err);
  }
})();

[stale[bot]]

We are closing this issue. If the issue still persists in the latest version of Puppeteer, please reopen the issue and update the description. We will try our best to accomodate it!