木偶-麻烦选择页面内部的选项卡

Question

我有一个包含3个标签的页面。全球公司范围和个人。当我第一次进入页面时，默认情况下会选择“全局”。我希望木偶选择“全公司范围”。这不应涉及url的更改。我无法切换标签。我确实在代码中截取了屏幕截图，但是它显示Global标签仍然处于选中状态。当我将选择器放到开发工具中时，它指示它是一个数组，因此我尝试引用0索引，但这也不起作用。

这是页面的屏幕截图。

await page.waitForSelector('a[id="libraryDropdown"]');
//await page.waitForSelector('a[id="libraryDropdown"]>img');

await page.click('a[id="libraryDropdown"]>img');


// THIS NEXT CLICK TRANSITIONS TO COMPANY WIDE LIBRARY
await page.waitForSelector('#lineTab > li:nth-child(2)> a[aria-selected="false"]');

//await page.click('#lineTab > li:nth-child(2)> a[aria-selected="false"]' [0]);
await page.click('#lineTab > li:nth-child(2)> a[aria-selected="false"]');
await page.waitFor(1000);

await page.screenshot({
  path: './__test__/line66.png',
  fullPage: true
});

<ul class="nav nav-tabs mb-2" id="lineTab" role="tablist">
  <li class="nav-item"><a class="nav-link show" id="underline-home-tab" data-toggle="tab" href="#underline-home" role="tab" aria-controls="underline-home" aria-selected="false">Global (Public)</a></li>
  <li class="nav-item"><a class="nav-link show active" id="underline-company-tab" data-toggle="tab" href="#underline-      company" role="tab" aria-controls="underline-company" aria-selected="true">Company Wide</a></li>
  <li class="nav-item"><a class="nav-link show" id="underline-personal-tab" data-toggle="tab" href="#underline-personal" role="tab" aria-controls="underline-personal" aria-selected="true">Personal</a></li>
</ul>