首页 > 编程语言 >Playwright nodejs切换页面tab

Playwright nodejs切换页面tab

时间:2024-02-23 11:37:04浏览次数:29  
标签:Playwright nodejs 代码 await tab test page 页面

主要使用下面的代码

 await page.bringToFront();

录制代码时,鼠标点击页面tab的代码没有录制进去,需要手动加上面一行代码

完整的代码如下

import { test, expect } from '@playwright/test';

test('test', async ({ page }) => {
  await page.goto('https://www.baidu.com/');
  await page.locator('#kw').fill('日期');
  await page.getByRole('button', { name: '百度一下' }).click();
  const page1Promise = page.waitForEvent('popup');
  await page.getByRole('link', { name: '日期 - 百度百科' }).click();
  const page1 = await page1Promise;
  await page.bringToFront();
});

 

标签:Playwright,nodejs,代码,await,tab,test,page,页面
From: https://www.cnblogs.com/daizichuan/p/18029128

相关文章

  • 【Unity】ScriptableObject使用之后,重新打开Unity会报错
    导致问题出现的原因:ScriptableObject的类与其他类放一起了具体请见:unity2020.3官方文档ScriptableObject部分解决方法:为ScriptableObject单独创建一个c#脚本,并将c#名称与ScriptableObject类名保持一致。猜测出现这样的原因,如果哪里不对烦请大佬指正一下:Unity中基本上都是会通......
  • crontab无法执行kubectl命令
    crontab无法执行kubectl命令问题:自己写了个kubectl命令删除失败pods的脚本,然后crontab自动执行总是失败。分析:[root@k8s-master-1lyf]#whichkubectl/usr/local/bin/kubectl[root@k8s-master-1lyf]#cat/etc/crontabSHELL=/bin/bashPATH=/sbin:/bin:/usr/sbin:/usr/bi......
  • 分享个我自己封装的Datatable拓展
    废话不多说,直接上代码1publicstaticclassDataTableExtensions2{3///<summary>4///DetermineswhethertheDataTableisnullorempty.5///</summary>6///<paramname="dt">TheDataTabletocheck.<......
  • Protable 树结构移除选中行
    信铁寒胜:它里面这个迭代的思想还是比较有用的。要在ProTable树形结构中实现移除选中行的功能,你需要做以下几步:在ProTable的父组件中定义数据源 data 和一个函数用于移除行。在ProTable组件中传入数据源和定义一个列,其中包含一个操作列,可以在该列中添加一个移除按钮。......
  • iptables命令详解和举例
     1、防火墙概述          防火墙,其实说白了讲,就是用于实现Linux下访问控制的功能的,它分为硬件的或者软件的防火墙两种。无论是在哪个网络中,防火墙工作的地方一定是在网络的边缘。而我们的任务就是需要去定义到底防火墙如何工作,这就是防火墙的策略,规则,以达到让......
  • 为什么要开 bridge-nf-call-iptables?
    为什么要开bridge-nf-call-iptables?Kubernetes环境中,很多时候都要求节点内核参数开启 bridge-nf-call-iptables:sysctl-wnet.bridge.bridge-nf-call-iptables=1 参考官方文档 NetworkPluginRequirements如果不开启或中途因某些操作导致参数被关闭了,就可能造......
  • CompletableFuture异步编程详解
    Future介绍先来回顾下Future,Future是JDK1.5中添加的接口,主要功能为:获取并发的任务完成后的执行结果;能够取消并发执行中的任务;判断并发任务是否执行完成;但Future也有着非常明显的缺点:阻塞:调用get()方法会一直阻塞,直到等待直到计算完成;异常处理:Future没有提供任何异常处理的方......
  • Antd的ProTable高级表格缓存列设置
    1、目的:要将ProTable组件的列设置缓存到localStorage中,你可以使用浏览器的localStorageAPI。通过监听onColumnsStateChange事件,你可以在每次列的显示和隐藏状态发生变化时,将最新的列设置保存到localStorage中。然后,在组件初始化时,从localStorage中读取之前保存的列设......
  • (ColumnTypes[number] & { editable?: boolean; dataIndex: string; })[]
    (ColumnTypes[number]&{editable?:boolean;dataIndex:string;})[]在TypeScript中,这段类型定义可以分解理解:ColumnTypes[number]:首先,如果ColumnTypes是一个数组类型(如Column[]),那么ColumnTypes[number]就是获取数组中的元素类型。在TypeScript中,number表示数组......
  • type ColumnTypes = Exclude<EditableTableProps["columns"], undefined>; 这是什么意
    在TypeScript中,Exclude<T,U>是一个内置的类型操作符,它的作用是从联合类型T中排除那些与类型U相匹配的类型。这里的EditableTableProps["columns"]表示从EditableTableProps这个接口或类型中提取columns属性的类型。假设EditableTableProps定义如下:interfaceEdit......