前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >PlayWright(七)- 选择框

PlayWright(七)- 选择框

作者头像
似小陈吖
发布2023-10-17 09:58:31
4990
发布2023-10-17 09:58:31
举报
文章被收录于专栏:测试那些事测试那些事

今天,我们讲下playwright的下拉框怎么处理,在selenium中使用选择框比较复杂,但是在playwright中真的炒鸡方便

1、什么是选择框

代码语言:javascript
复制
<select id="xz">
    <option value="bj">北京</option>
    <option value="sh">上海</option>
    <option value="sz">深圳</option>
</select>

这是一个下拉选择框代码,我们来在页面看一下

2、操作select选择框

语法:

代码语言:javascript
复制
page.select_option(selector,value)        # 通过value选择
page.select_option(selector,index)        # 通过index选择
page.select_option(selector,label)        # 通过label选择

selector选择器,先定位元素

第一种通过value选择,顾名思义,可以通过我们的选择框的value元素进行选择

第二种通过index选择,意思是我们可以通过下标来选择

第三种通过label选择,意思是我们可以通过选项值来选择

直接看demo:

1、定位并选择上述HTML代码中的上海

代码语言:javascript
复制
page.select_option('#xz', 'sh')           # 通过value选择
page.select_option('#xz', '2')           # 通过下标选择
page.select_option('#xz', '上海')           # 通过label选择

3、进阶练习

代码语言:javascript
复制
<select id="xz">
    <option value="bj">北京</option>
    <option value="sh">上海</option>
    <option value="sz">深圳</option>
</select>

1、上述代码中,选择深圳后停留2s,然后在选择北京

写一下吧,这个没有标准答案哦!

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2023-06-05,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 1、什么是选择框
  • 2、操作select选择框
  • 3、进阶练习
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档