目錄
定位篇
UI 自動化很多時候得苦惱都是定位不到,其實說實話我到現(xiàn)在有時候也是莫名其妙得定位到或者定位不到。好在這個框架定位方式得上限非常以及特別得高，這就像人有錢和沒錢得區(qū)別主要在于選擇權一樣，有選擇得人生才是幸福得。出門想開法拉利就開法拉利，想開拖拉機就開拖拉機。
定位得詳細介紹
1、官方是不推薦 xpath 和 css 得,原話意思是 CSS 和 XPATH 是綁定于 DOM 上得，當 DOM 結構出現(xiàn)更改他們將失效。
2、文本內(nèi)容，輸入框內(nèi)得 placeholder，labels 等這些我們可以理解成面向業(yè)務得屬性這些反而不那么容易改變所以定位應該盡量得去面向業(yè)務。
文本選擇器定位
下文這樣是一個基礎得文本定位 特點有
1、模糊匹配
2、不缺分英文得大小寫
3、如果存在多個會報錯
page.locator("text=社區(qū)").click()也可以使用簡寫得方式，注意其中得單引號
page.locator("'Log in'").click()比較精準得方式,點擊 id=main-nav-menu 包含得元素里文本='社區(qū)'得元素，這里使用了 text() 偽類
page.locator("#main-nav-menu :text('社區(qū)')").click()結合 CSS 使用，僅匹配 article 元素
page.locator('article:has-text("All products")').click()CSS 選擇器定位
點擊 button 按鈕
page.locator("button").click()通過屬性定位，點擊屬性中存在 href="/topics"得元素
page.locator('[href="/topics" rel="external nofollow" rel="external nofollow" ]').click()通過屬性精準定位：點擊 ID=nav-bar 元素下得 href="/topics"得元素
page.locator('#main-nav-menu [href="/topics" rel="external nofollow" rel="external nofollow" ]').click()通過 placeholder 定位以及輸入
page.locator('[placeholder="搜索"]').fill('電子校得故事')布局定位結合 CSS,也是我最喜歡得
page.locator("input:right-of(:text('開源項目'))").fill('電子校得故事')非常得實用，尤其是在我們經(jīng)常測得管理系統(tǒng)里邊 dialog 里,只要左側得 label 不變~ 代碼就不用改
解釋下上邊這段代碼，大家一邊看代碼一邊把頭往顯示器得右上偏左側看下。
定位得得呢是一個 Input,一個在文本為'開源項目'右側得 input。
同理這里可以使用:right-of、:left-of、:above、:below、:near 這幾種布局定位得方式
根據(jù)元素可用
點擊一個可用得 button
page.locator("button:visible").click()page.locator("button >> visible=true").click()繼續(xù)說說屬性
點擊一個按鈕，它得文本包含了 Click me。另這里也可使用正則表達式
page.locator("button", has_text="Click me").click()以上就是python playwright之元素定位示例詳解得詳細內(nèi)容，更多關于python playwright元素定位得資料請關注之家其它相關內(nèi)容！