日韩性视频-久久久蜜桃-www中文字幕-在线中文字幕av-亚洲欧美一区二区三区四区-撸久久-香蕉视频一区-久久无码精品丰满人妻-国产高潮av-激情福利社-日韩av网址大全-国产精品久久999-日本五十路在线-性欧美在线-久久99精品波多结衣一区-男女午夜免费视频-黑人极品ⅴideos精品欧美棵-人人妻人人澡人人爽精品欧美一区-日韩一区在线看-欧美a级在线免费观看

歡迎訪問 生活随笔!

生活随笔

當前位置: 首頁 > 前端技术 > vue >内容正文

vue

vue如何取消下拉框按回车自动下拉_Web自动化测试 | Select下拉框

發布時間:2024/10/8 vue 77 豆豆
生活随笔 收集整理的這篇文章主要介紹了 vue如何取消下拉框按回车自动下拉_Web自动化测试 | Select下拉框 小編覺得挺不錯的,現在分享給大家,幫大家做個參考.

簡介

在web自動化測試中,經常會遇到下拉框,對列出的選項進行選擇,或者判斷選擇的選項,本文將介紹如何使用Selenium去操作下拉框,實現自動化測試。

測試頁面

測試URL:http://sahitest.com/demo/selectTest.htm

Select方法

使用WebElement類的send_keys(value)方法也可以選擇下拉框(select標簽)的值,但它只能使用選項的value值來定位:

self.driver.get("http://sahitest.com/demo/selectTest.htm")ele = self.driver.find_element_by_id('s3Id')print(ele.text) # 打印select所有選項值ele.send_keys("o2val") # 選擇value=o2val 的選項print(ele.get_attribute("value")) # 打印所選擇的value值

結果:

o1o2o3? ? With spaces? ? With nbspo2val

select類所有方法:

  • select_by_index(index):通過選項index選擇

  • select_by_value(value):通過選項value值選擇

  • select_by_visible_text(text):過顯示的文本選擇

  • deselect_by_index(index):取消選擇,用于多選

  • deselect_by_value(value):取消選擇,用于多選

  • deselect_by_visible_text(text):取消選擇,用于多選

  • deselect_all():全部取消,用于多選

  • options:所有選項

  • first_selected_option:第一個選擇的選項(多選情況下)或者當前選擇的選項(單選)

  • all_selected_options:所有已經選擇的選項

  • 選擇

    select_by_index、select_by_value、select_by_visible_text三種方法選擇

    first_selected_option.text返回當前所選擇的選項值

    self.driver.get("http://sahitest.com/demo/selectTest.htm")ele = self.driver.find_element_by_id('s3Id')selected_element = Select(ele)? # 實例化Selectselected_element.select_by_index(1)# for select in selected_element.all_selected_options:#? ? print(select.text)print(selected_element.first_selected_option.text) # 打印當前選擇的選項值sleep(1)selected_element.select_by_value("o2val")print(selected_element.first_selected_option.text)sleep(1)selected_element.select_by_visible_text("o3")print(selected_element.first_selected_option.text)sleep(1)

    結果:

    o1 o2 o3

    取消選擇

    取消選擇deselect不能用于下拉框選擇,只能用于多選,即屬性multiple="multiple"的select標簽。

    取消選擇有deselect_by_indexdeselect_by_valuedeselect_by_visible_textdeselect_all四種方法

    all_selected_options返回所有已選擇的選項

    self.driver.get("http://sahitest.com/demo/selectTest.htm")## 多選ele2 = self.driver.find_element_by_id('s4Id')selected_element2 = Select(ele2)? # 實例化Selectselected_element2.select_by_index(1)selected_element2.select_by_index(2)selected_element2.select_by_index(3)print("######")for select in selected_element2.all_selected_options:? ? print(select.text)print("######")selected_element2.deselect_by_index(1)for select in selected_element2.all_selected_options:? ? print(select.text)print("######")selected_element2.deselect_by_value("o2val")for select in selected_element2.all_selected_options:? ? print(select.text)print("######")selected_element2.deselect_by_visible_text("o3")for select in selected_element2.all_selected_options:? ? print(select.text)

    結果:

    ######o1o2o3######o2o3######o3######

    總結

    以上是生活随笔為你收集整理的vue如何取消下拉框按回车自动下拉_Web自动化测试 | Select下拉框的全部內容,希望文章能夠幫你解決所遇到的問題。

    如果覺得生活随笔網站內容還不錯,歡迎將生活随笔推薦給好友。