1?創建工程文件
創建一個做工程項目的文件夾 如:h5vue
2?cmd? 進入文件?h5vue
3?輸入如下命令
npm create vue@latest
也可以輸入
npm create vite@latest?
4 輸入項目名稱
?
項目名稱:自已輸入
回車?
? 可以按鍵盤 a (全選)
回車:
Playwright
- 特點:支持所有主流瀏覽器,包括Chromium、WebKit和Firefox;提供無頭模式和有頭模式;具有自動等待元素和強大的網絡控制能力;支持多種編程語言,如Python、Java、Node.js等。
- 使用場景:適用于自動化測試、爬蟲和Web開發,特別適合需要高效自動化測試和生成測試報告的場景。
- 代碼示例:展示了瀏覽器控制、文件處理、移動端適配等基礎操作。
Cypress
- 特點:專注于前端測試,提供直觀的API和開箱即用的功能;具有可視化測試運行器和自動等待機制;支持多種瀏覽器,包括Chrome、Firefox、Edge等。
- 使用場景:常用于Web應用的自動化測試和端到端測試,特別適合需要快速反饋和調試的場景。
- 代碼示例:演示了測試用例的編寫和組織,包括使用
.only()
和.skip()
來控制測試流程。
Nightwatch
- 特點:基于Node.js和Webdriver API,支持串行、并行和重試測試;提供清晰的語法和內置測試運行器;支持云測試集成和持續集成。
- 使用場景:適用于端到端自動化測試,特別適合需要擴展和自定義命令的場景。
- 代碼示例:展示了如何檢查元素的背景圖像屬性。
接下來,我將根據這些信息為用戶提供關于Playwright、Cypress和Nightwatch的對比、使用場景推薦和代碼示例。
根需要自已選擇
創建完成:
5 VS-Code中需要的配置
左上角 終端》新建終端
6 運行項目