引言

　　前面一節已經講過訪問百度的腳本，現在一個登錄的UI自動化案例，以禪道為例(暫時不用公司網站，最近公司信息安全管控比較嚴格)。

　　腳本編寫

　　寫腳本如寫用例，只不過腳本是以代碼的方式寫，用例以漢字的方式寫。首先我們寫一個登錄的用例，就要捋好各個節點：

　　1、輸入賬號；

　　2、檢查賬號；

　　3、輸入密碼；

　　4、檢查密碼；

　　5、點擊登錄；

　　6、判斷頁面重定向跳轉到首頁；

　　7、判斷頁面包含某個文件；

　　8、判斷登錄成功后，cookie存在；

　　具體代碼如下：

/*@author: Leo

@software: pycharm

@file:  login_web.js

@time: 2020/7/5 0005 11:48

@Desc:
*/


/* __author__ = 'Leo' */

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

    it("登陸案例", function()
    {
        // 輸入用戶名
        cy.get('#account').type('******')
              .should('have.value', '******')
        // 輸入密碼
        cy.get('[name="password"]').type('******')
              .should('have.value', '******')
        // 提交表單
        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')
    })
    })

　　

　　執行腳本

　　還是啟動Cypress程序，雙擊腳本login_web.js

執行結果：

　　腳本分析

　　1、Cypress特性之一：實時重新加載代碼。這句話的意思就是，如果你在編輯器里修改了的腳本部分內容，不需要重啟應用程序，直接運行腳本會加載最新編輯的代碼。

　　2、最后三個斷言：

　　一個是斷言url：

　　3、我們知道元素定位方式一般兩種：

get：按 css 或元素特定屬性的方式定位元素
contains：按特定字符串定位元素

　　所以是斷言body中，也就是返回的頁面是否存在"我的地盤"這個特殊字符。

　　4、就是驗證登錄后的cookies：

　　以上內容就是這些。

　　總結

　　有興趣可以持續關注。另外喜歡測試開發、性能測試的伙伴可以加入學習交流QQ群，一起學習成長。

總結

以上是生活随笔為你收集整理的Cypress学习笔记4——编写第二个测试脚本(登录案例)的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。