iT邦幫忙

2021 iThome 鐵人賽

DAY 18
0
Software Development

你還在用手動測試嗎?30 天帶你學會前端自動化測試框架 - Cypress系列 第 18

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

  • 分享至 

  • xImage
  •  

此系列文章會同步發文到個人部落格,有興趣的讀者可以前往觀看喔。

今天要跟大家分享如何測試提交表單,提交表單要針對一個 <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://ithelp.ithome.com.tw/upload/images/20211002/201408839RhHBvNNBc.png

參考資料


上一篇
自動化測試,讓你上班擁有一杯咖啡的時間 | Day 17 - 如何勾選元素
下一篇
自動化測試,讓你上班擁有一杯咖啡的時間 | Day 19 - 如何寫入檔案和讀取檔案
系列文
你還在用手動測試嗎?30 天帶你學會前端自動化測試框架 - Cypress30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言