自动化测试，让你上班拥有一杯咖啡的时间 | Day 18 - 如何提交表单

此系列文章会同步发文到个人部落格，有兴趣的读者可以前往观看喔。

今天要跟大家分享如何测试提交表单，提交表单要针对一个 <form> 做 submit()。

1. 语法

   .submit()
   .submit(options)
   

2. 写脚本：这次用台铁官网订票系统来做测试，查询台铁的时刻表是否还有票。

   describe('测试台铁时刻表查询', function() {
       it('未输入资料後应该要有提示，且不可以提交表单', function() {
         cy.visit('https://tip.railway.gov.tw/tra-tip-web/tip/tip001/tip112/gobytime')//到高铁页面
         cy.get('form').submit() // Submit a form
         cy.get(".info-error").contains("输入资料有误，请依下方提示检查後重新填写。").should("be.visible"); //要有提示
       })
   })
   

3. 当表单验证失败时，会列出验证失败的原因，且无法送出表单。
   

参考资料

• https://docs.cypress.io/api/commands/submit#Submit-is-not-an-action-command