PlayWright(七)- 选择框

2023-10-17 09:58:31 浏览数 (3)

今天,我们讲下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,然后在选择北京

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

0 人点赞