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