自動化測試，讓你上班擁有一杯咖啡的時間 | Day 18 — 如何提交表單

此系列文章會同步發文到13th鐵人賽，有興趣的讀者可以前往觀看喔。

今天要跟大家分享如何測試提交表單，提交表單要針對一個 <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