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

前言

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

登入腳本

腳本實作功能：

• 輸入使用者名，斷言輸入框輸入成功
• 輸入密碼，斷言輸入成功
• 點登陸按鈕
• 斷言1 判斷頁面重定向跳轉到首頁
• 斷言2 判斷頁面包含某個檔案
• 斷言3 判斷登入成功後，cookie存在

login_web.js腳本參考示例

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腳本執行