Cypress web自動化3- 登錄web網站案例腳本

前言

先從第一個登錄頁面的案例開始，寫一個登陸案例的腳本示例，這里以禪道網站登錄為例。

登錄腳本

腳本實現功能：

• 輸入用戶名，斷言輸入框輸入成功
• 輸入密碼，斷言輸入成功
• 點登陸按鈕
• 斷言1 判斷頁面重定向跳轉到首頁
• 斷言2 判斷頁面包含某個文件
• 斷言3 判斷登錄成功后，cookie存在

login_web.js腳本參考示例

/**
 * Created by dell on 2020/5/11.
 * 作者：上海-悠悠 交流QQ群:939110556
 */


describe('登陸web網站案例', function() {
    beforeEach(() => {
          cy.visit('http://ip:8080/zentao/user-login.html')
        })

    it("登陸案例", function()
    {
        // 輸入用戶名
        cy.get('#account').type('admin')
              .should('have.value', 'admin')
        // 輸入密碼
        cy.get('[name="password"]').type('***123456')
              .should('have.value', '***123456')
        // 提交表單
        cy.get('#submit').click()
        // 判斷頁面跳轉到 /zentao/my/
        cy.url().should('include', '/zentao/my/')
        // and '歡迎您：admin' in page
        cy.get('body').should('contain', '我的地盤')
        // 判斷存在cookie值 'zentaosid'
        cy.getCookie('zentaosid').should('exist')
    })
    })

執行腳本

點擊login_web.js腳本執行

執行效果

QQ交流群：939110556