Невозможно нажать на определенную вкладку на веб-странице

Question

Я пытался щелкнуть на вкладке кератина, расположенной прямо над заголовками большой таблицы. Эта самая вкладка называется и отображается как Pitchers. Куда я иду не так?

ссылка на сайт

Это скрипт, который я пытаюсь использовать:

const puppeteer = require('puppeteer');

(async function main() {
  try {
    const browser = await puppeteer.launch({headless:false});
    const [page] = await browser.pages();
    await page.goto('https://www.rotowire.com/baseball/stats.php');
    await page.waitForSelector("div[data-name='p']");
    const elem = await page.$("div[data-name='p']");
    await elem.click();
    // await browser.close();
  } catch (e) {
    console.log('the error: ', e);
  }
})();

Ошибка, с которой он сталкивается:

TimeoutError: waiting for selector "div[data-name='p']" failed: timeout 30000ms exceeded

Как получить щелчок на вкладке Pitchers на этой веб-странице?

Answer 1

Этот селектор чувствителен к регистру.Это должно работать:

await page.waitForSelector("div[data-name='P']");
const elem = await page.$("div[data-name='P']");

Использование нечувствительного к регистру селектора также должно работать:

await page.waitForSelector("div[data-name='P' i]");
const elem = await page.$("div[data-name='P' i]");