1.css id選擇器查詢元素
注意:
如果元素的id不唯一,或者是動態的
或者name以及linktext屬性值也不唯一
我們就需要考利用xpath來查詢元素了,然後再對元素執行操作
不管用什麼方式查詢元素,id、name、xpath、css等等 都需要在頁面上查詢到唯一的元素。都應該只找到乙個匹配的node 除非想要查詢一批元素放集合裡,然後來操作集合
語法:
tag[='value']
"#" --->id
"." --->class
例項:
a[id='js-signin-btn']
#js-signin-btn
//a是標籤名,雖然是唯一的,但能做到id乙個頁面下不重複很少網頁能做到,這樣寫,還能加速搜尋時間
a#js-signin-btn
2.css 類選擇器查詢元素
示例:
.icon-shopping-cart
span.icon-shopping-cart
span[class='icon-shopping-cart']
如果定位的元素不是唯一就會報錯,或者會預設選擇第乙個
3.css多個類選擇器查詢元素
追加類:
.class.class2.class3---> 直到找到唯一的元素
4.css選擇器-萬用字元查詢元素
在css選擇器中使用萬用字元:
"^" --->代表以什麼文字開始
"$" --->代表以什麼文字結尾
"*" --->代表包含什麼文字
語法:
tag[attribute='value']
舉例:
div[class='search-area'] --->1個匹配的節點
div[class^='search'] --->2個匹配的節點
div[class='search-warp'] ---沒有匹配的節點
div[class$='area'] --->1個匹配的節點
div[class*='warp'] --->1個匹配的節點
5.css選擇器-查詢子節點
查詢子節點
//子節點可以是標籤的名字、id、class
li>#js-signin-btn div>.search-input -> 1個匹配的節點
div>h1 div>label ->1個匹配的節點
ul>li>a.shop-cart-icon
CSS基礎 定位 選擇器
定位方式有 static fixed relative absolute static 靜態定位 預設 無定位,元素正常出現了流中,不受left right top bottom屬性影響 fixed fix定位會將元素從流中 摘 出來單獨進行定位,其定位取決於left top 重新定位之後可能會出現...
自動定位失敗 自動化測試01
測試金字塔 1.1 測試的成本 ui自動化依賴於使用者介面,使用者介面發生變化,可能需要調整大量用例,用例維護成本較高 在使用者介面的測試中發現缺陷,修復缺陷的成本也是遠遠高於通過單元測試的成本。單元測試不依賴於使用者介面,維護成本較低 單元測試發現的缺陷可以盡早暴露缺陷,修復成本相對較低。1.2 ...
web自動化測試Xpath定位
find element by xpath 1.解決的問題 無id name class屬性 位置定位的元素為活動元素 2.xpath定位策略 1 路徑定位 1 絕對路徑 從起始位置開始的路徑 以 開頭。說明 從最外層元素到指定元素之間所有經過元素層級路徑 如 html body div p 0 快...