元素定位的问题

一. How to use and create CSS Selectors in Selenium ... - Tools QA

https://toolsqa.com/selenium-webdriver/css-selectors-in-selenium/

https://toolsqa.com/selenium-webdriver/find-element-selenium/

https://toolsqa.com/selenium-webdriver/selenium-checkbox/

https://toolsqa.com/selenium-webdriver/selenium-radio-buttons/

https://toolsqa.com/selenium-webdriver/dropdown-in-selenium/

https://www.toolsqa.com/selenium-webdriver/handle-dynamic-webtables-in-selenium-webdriver/

Python+Selenium-select:  

https://www.cnblogs.com/wangyongwei/p/12781596.html

 

 ex： https://demoqa.com/select-menu

（1）by ID

ex:

user_input = [By.ID, 'username']
pwd_input = [By.ID, 'password']

 （2）by Xpath

ex:

home_link = [By.XPATH, '//span[text()="Home"]']

media_insert_button = [By.XPATH, '//button[contains(text(),"Insert")]'] //模糊匹配

By.xpath("//button[@id = 'submit']")

driver.findElement(By.xpath("//div/input[@id='yesRadio']")).click(); // 向上找一个 tag，中间用/连接

String sRow = "2";

String sCol = "1";

driver.findElement(By.xpath("/html/body/div[1]/div[2]/div/div[2]/article/div/table/tbody/tr["+sRow+"]/td["+sCol+"]")).getText();

 

（3）by CSS Selector  
https://toolsqa.com/selenium-webdriver/css-selectors-in-selenium/

node[attribute_name = ‘attribute_value’]

Where,

• node is the tag name of the HTML element, which needs to locate. 
• attribute_name is the name of the attribute which can locate the element.
• attribute_value is the value of the attribute, which can locate the element.

元素定位多个，或者不好定位时：
a. 可以向上找一个节点，中间通过 空格

media_modal_loading = [By.CSS_SELECTOR, 'div[class*="modal"] div[data-test*="data-loading"]']

b.增加一个或者多个属性名，属性值

node.class[attribute_name = ‘attribute_value’]....
//node[
attribute_name1 = ‘attribute_value1’
]
[
attribute_name2 = ‘attribute_value2’
]

item_status_open = [By.CSS_SELECTOR,'input.ant-select-selection-search-input[aria-owns="status_list"]']

c. 向上找相邻的两个节点
node1.class1 node2>node3:nth-of-type(index)'
ex:
product_label=[By.CSS_SELECTOR,'thead.ant-table-thead tr>th:nth-of-type(2)']
reference_label=[By.CSS_SELECTOR,'thead.ant-table-thead tr>th:nth-of-type(3)']

二: chekbox 处理

https://toolsqa.com/selenium-webdriver/selenium-checkbox/