一 在自動(dòng)化測(cè)試報(bào)告中標(biāo)注出已提單的問(wèn)題
type：備注“issue”，或者更多詳細(xì)內(nèi)容
describe:可以貼上問(wèn)題單鏈接
Info Annotation_1.png
注釋之后將在報(bào)告中展示issue信息
Info Annotation_2.png
二 設(shè)置debug選項(xiàng)
在terminal用命令配置debug
debug option_1.png
命令執(zhí)行后會(huì)分別吊起調(diào)試窗口（如下圖左側(cè)）和指定的瀏覽器（右側(cè)）
debug option_2.png
三 soft Assertions
當(dāng)我們?cè)跍y(cè)試腳本中用expect來(lái)執(zhí)行多個(gè)斷言，如果前面的斷言出現(xiàn)了錯(cuò)誤，之后的腳本將無(wú)法執(zhí)行下去
soft assertions_1.png
soft assertions_2.png
為了解決這個(gè)問(wèn)題倦沧，我們可以用 expect.soft 來(lái)代替expect 執(zhí)行斷言
soft assertions_3.png
soft assertions_4.png
四 UI Mode
npx playwright test --ui
UI Mode_1.png
在terminal 執(zhí)行命令 npx playwright test ./tests/demo-to-app.spec.ts --ui
將會(huì)吊起可是戶測(cè)試模型
UI Mode_2.png
五 接口測(cè)試
https://www.youtube.com/watch?v=dFLEHJq9iCE&list=PLYDwWPRvXB89caN5PHWDLrXJuyugu5Mg_&index=4
六 mock API requests
1. abort
Abort requests_1.png
await page.route('**/*.{png,jpg,jpeg}', route => route.abort());
// Abort based on the request type
await page.route('**/*', route => {
return route.request().resourceType() === 'image' ? route.abort() : route.continue();
});
以下事例是mock掉包含css的請(qǐng)求
Abort requests_2.png
以豆瓣網(wǎng)頁(yè)為例
image.png
image.png
執(zhí)行結(jié)果顯示成功，并且已經(jīng)去掉了css文件
image.png
2. Fulfill 截取request征炼，并返回自定義response
image.png
示例
image.png
執(zhí)行之后摩泪，查看該接口的response已經(jīng)被修改
image.png
image.png
此外，官網(wǎng)還提供了 截取response并修改的方法
https://playwright.dev/docs/mock#modify-api-responses
