此系列文章会同步发文到个人部落格,有兴趣的读者可以前往观看喔。
今天要带大家完成第一个测试脚本,这次要用铁人赛的网站测试登入。在开始写测试脚本前,先规划要测试的情境,情境建议设计简短,把每个情境都当成一个小小的测试用例去写,方便未来找 Bug。
测试用例是依照需求去规划测试的情境,可以用以下表格辅助使用。将测试用例写好後,就能开始转成程序码,写成自动化测试脚本。
以登入为例,以下为正确登入的步骤:
在 cypress/integration 资料夹写测试脚本:
describe('测试铁人赛登入', function() {
it('输入正确帐密後应该要可以登入', function() {
cy.visit('https://member.ithome.com.tw/login') //到登入页
cy.get('#account').type("account"); //输入帐号
cy.get('#password').type("password"); //输入密码
cy.get('.btn-agree').click({force: true,}); //点选登入
cy.get(".account-fontsize").contains("jennifershih").should("be.visible"); //要有帐号
cy.get('li > a').contains("登出").click({force: true,}); //点选登出
})
})
以登入为例,以下为错误登入的步骤:
在 cypress/integration 资料夹写测试脚本:
describe('测试铁人赛登入', function() {
it('输入错误帐密後应该不可以登入', function() {
cy.visit('https://member.ithome.com.tw/login') //到登入页
cy.get('#account').type("account"); //输入帐号
cy.get('#password').type("password"); //输入密码
cy.get('.btn-agree').click({force: true,}); //点选登入
cy.get(".bs-callout-danger").contains("登入失败!请检查帐号密码是否正确。").should("be.visible"); //要有错误讯息
})
})
写完测试脚本後,到 package.json 档设定脚本的指令。
在 package.json 档案定义打开脚本的方式
"scripts": {
"cypress:open": "cypress open"
}
在命令列输入 npm run cypress:open
打开脚本,就可以启用 Cypress 介面了
"scripts": {
"cypress:run": "cypress run"
},
npm run cypress:run
就可以执行 Cypress 脚本了大家可以尝试写人生第一个测试,那我们下一篇见啦!
(这篇会延续Constructor Function的内容,来解释 Prototype 和 Prot...
学习目标 这篇内容是纪录阅读官方文件Display a selection list,文章主要内容是...
题目连结 程序码: #include <iostream> using namespac...
这次解的题目是计算当月的每周平均工时,要以CTE的方式查询 详细的题目是从这篇文章延伸出来的,其他延...
我们稍微改写一下之前所写的加法函式 ...