運行Cypress第一個測試腳本

一.啟動Cypress

　　進入cypress安裝目錄，輸入yarn run cypress open 啟動cypress

　　

 

 二.啟動測試項目

　　進入到項目文件夾啟動測試項目

　　

 

三.編寫測試腳本

　　在生成的integration文件夾下編寫測試用例testLogin.js

//testLogin.js
///<reference types="cypress"/>

describe('登錄', function(){
        //此用戶名密碼服務器默認
        const username = 'jane.lane'
        const password = 'password123'

        context('HTML 表單登錄測試',function(){

                it('登陸成功，跳轉到dashboard頁',function(){
                    cy.visit('http://localhost:7077/login')
                    cy.get('input[name=username]').type(username)
                    cy.get('input[name=password]').type(password)
                    cy.get('form').submit()

                    //斷言，驗證登陸成功則跳轉dashbard頁面
                    //斷言，驗證用戶名存在
                    cy.url().should('include', '/dashboard')
                    cy.get('h1').should('contain','jane.lane')

                    }
                )
            }
        )
    }
)

　　

　　

 

 四.在Cypress中運行測試腳本

　　在啟動的Cypress中點擊添加的測試腳本，運行。

　　

 

 

五.查看斷言結果及相關頁面