CSS選擇器定位 自動化測試學習

2021-08-19 01:40:36 字數 1364 閱讀 8158

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 快...