如何透過playWright作整合測試

 

                  大家有沒有經驗，明明都寫完了程式，也都單元測試完了，但一上線就炸了，QA也都測試過了… 怎麼還是有問題，如何讓程式品質提升或讓RD就時間打怪呢… 決定就是你了【PlayWright】

前提大家都有安裝VS Code ，身為RD 這應該是必備的工具，就不多講述，如果沒安裝，直接下戴安裝即可 https://code.visualstudio.com/download

一、在擴充點選Playwright test for VSCode

二、在工具列中輸入

> install playwright 

預設值 會支援chromium / Firefox/ WebKit, 選擇OK 即可

三 呼叫command line : npx playwright codegen http://測址網址

自動會開啟瀏覽器，此時可以作操作畫面，右邊的視窗會自動錄下所有操作的行為

四 開始執行測試

將原本視窗內的自動產生的程式碼 拷貝一下

到tests\example.spec.ts 將原本的程式碼拿掉，貼上新的代碼即可

點選 左下的水瓶 à 點右箭頭，然後一切就自動化的執行你剛才所做的操作行為囉!!!