运行Cypress第一个测试脚本

一.启动Cypress

进入cypress安装目录,输入yarn run cypress open 启动cypress

运行Cypress第一个测试脚本

 二.启动测试项目

  进入到项目文件夹启动测试项目

  运行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中运行测试脚本

  在启动的Cypress中点击添加的测试脚本,运行。

  运行Cypress第一个测试脚本

五.查看断言结果及相关页面

  运行Cypress第一个测试脚本

   

相关推荐