Cypress web自動化18-cypress.json文件配置baseUrl

前言

當我們測試一個web網站的時候，一般最好設置一個baseUrl地址，這樣方便維護。
一旦部署環境發生了改變，就不需要去基本里面去查找，秩序更改cypress.json文件即可

cypress.json文件

如果我的web服務部署環境是 http://49.235.x.x:8080 於是在項目的根目錄找到cypress.json文件

{
  "baseUrl": "http://49.235.x.x:8080"
}

設置窗口大小

也可以設置瀏覽器的默認寬和高，如果沒設置果，瀏覽器默認的寬高是 660*1000

可以在 cypress.json 文件中改變這個值

{
  "baseUrl": "http://49.235.x.x:8080",
  "viewportWidth": 1280,
  "viewportHeight": 600
}

后面測試用例如果需要指定特定大小窗口，也可以用cy.viewport()命令去設置
參考前面這篇https://www.cnblogs.com/yoyoketang/p/12878064.html

查找測試文件

cypress 默認查找 cypress/integration 下的 js 文件測試用例，查找項目目錄也可以自己定義，測試文件匹配規則也可以修改

{
  "baseUrl": "http://49.235.x.x:8080",
  "viewportWidth": 1280,
  "viewportHeight": 600,
  "integrationFolder": "cypress/integration",
  "testFiles": "**/*.spec.js"
}

如果testFiles 設置匹配規則 **/*.spec.js ,這樣就只能匹配到 cypress/integration 目錄下的 .spec.js 后綴的文件了

跨域問題

解決chrome 下的跨域問題：在 cypress.json 中添加：

"chromeWebSecurity": false

添加上面的配置，可以解決點a標簽跨域的問題https://www.cnblogs.com/yoyoketang/p/12929779.html
或者點submit后重定向到另外一個跨域鏈接，也可以解決。

但是還是無法一個用例里面訪問兩個不同域名網址

describe('跨域問題', function() {

      it("test case:跨域 ", ()=>{

          cy.visit('https://www.baidu.com/');
          cy.visit("https://www.cnblogs.com/yoyoketang/")

      })
    
    })

這段運行會報錯，如果你要訪問2個不同域名網址，建議使用2個it用例分開。

查看配置

打開 cypress 窗口，setting>Configuration

可以找到對應的參數，查看已經生效

QQ交流群：939110556