ts和playwright定位左侧菜单不显示的菜单项

该示例展示了如何使用Playwright库中的chromium启动浏览器,打开新页面并导航到指定网址。然后,通过XPath选择菜单项,利用page.evaluate()方法结合scrollIntoView()将菜单项滚动到视图中心,并执行点击操作。这适用于网页自动化测试和交互场景。
摘要由CSDN通过智能技术生成

import { chromium } from 'playwright';

(async () => {
  const browser = await chromium.launch();
  const page = await browser.newPage();
  
  await page.goto('https://example.com');
  // 使用 XPath 定位菜单项
  const menuXPath = '//*[@id="menu"]/li[3]/a'; // 替换为你要点击的菜单项的 XPath
  const menuLocator = page.locator(menuXPath);

  // 滚动页面到菜单项位置
  await page.evaluate((menuElement) => {
    menuElement.scrollIntoView();
  }, await menuLocator.element());
    // 单击菜单项
  await menuLocator.click();

  await browser.close();
})();

在上面的示例中,我们使用了 page.evaluate() 方法来执行一个 JavaScript 匿名函数,该函数使用 scrollIntoView() 方法将要点击的菜单项滚动到视图中心。该函数使用 await menuLocator.element() 来获取菜单项的实际 DOM 元素。
在上面的示例中,我们使用了 page.evaluate() 方法来执行一个 JavaScript 匿名函数,该函数使用 scrollIntoView() 方法将要点击的菜单项滚动到视图中心。该函数使用 await menuLocator.element() 来获取菜单项的实际 DOM 元素。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值