在使用Cypress進行端對端測試時,一個很重要的配置文件就是cypress.json。這個文件可以讓我們配置Cypress的一些全局選項。比如,我們可以配置Cypress使用哪種瀏覽器進行測試,我們的測試文件是存放在哪里的等等。
下面是一個典型的cypress.json文件的示例:
{ "baseUrl": "http://localhost:3000", "defaultCommandTimeout": 10000, "viewportWidth": 1280, "viewportHeight": 720, "fixturesFolder": "cypress/fixtures", "integrationFolder": "cypress/integration", "screenshotsFolder": "cypress/screenshots", "videosFolder": "cypress/videos", "supportFile": "cypress/support/index.js", "testFiles": "**/*.spec.js", "video": true, "screenshotOnRunFailure": true }
我們可以依次解釋一下每個選項的含義:
- baseUrl:定義我們應用程序的根URL,這個選項在我們編寫測試的時候非常有用。
- defaultCommandTimeout:如果一個測試用例中的某個命令執行時間超過了這個值,那么這個命令就會被視為失敗。
- viewportWidth / viewportHeight:定義Cypress測試運行時瀏覽器的視口大小。
- fixturesFolder / integrationFolder / screenshotsFolder / videosFolder:定義測試用例的存放位置。
- supportFile:定義一個JavaScript文件,存放我們所有的輔助方法,比如我們自己實現的自定義命令。
- testFiles:定義我們測試用例的文件匹配模式。
- video / screenshotOnRunFailure:這兩個選項分別表示是否錄制測試運行的視頻和是否在測試用例失敗時自動截屏。
通過修改這些選項,我們可以讓Cypress更好地適應我們的應用程序,并且讓測試執行得更加穩定和快速。