[BUG] Element is not found for click

[jperl]

Context:

• Playwright Version: 0.15.0
• Operating System: Mac
• Node version: [e.g. 10.12, 10.14]
• Browser: Chromium

Code Snippet

const playwright = require("playwright");

(async () => {
  const browser = await playwright.chromium.launch({ headless: false });
  const page = await browser.newPage();
  await page.goto("https://appannie.com/");
  await page.click("text=Products");
  await page.click("css=div:nth-of-type(6) >> text=Connect");
  await page.click("text=Connect your apps for free");
})();

Describe the bug

The selector is not clicked on. When you manually hover over the menu the click proceeds.

TimeoutError: waiting for selector "css=div:nth-of-type(6) >> text=Connect" failed: timeout exceeded

[pavelfeldman]

I guess css=div:nth-of-type(6) points to different places depending on whether you hover or not. Looks like the page could make a step towards tesability and provide stable id or classes :/

[jperl]

Ok I thought I saw somewhere in the code that playwright click tries to force a hover, but I was probably mistaken.

[arjunattam]

Just in case it helps, using the href attribute worked for me

const playwright = require("playwright");

(async () => {
  const browser = await playwright.chromium.launch({ headless: false });
  const page = await browser.newPage();
  await page.goto("https://appannie.com/");
  await page.click("text=Products");
  await page.click("a[href=\"/en/product/connect/\"]");
  await page.click("text=Connect your apps for free");
})();

[jperl]

Thank you 🙏