自動化測試，讓你上班擁有一杯咖啡的時間 | Day 16 — 如何選取下拉式選單的值

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

在 E2E 測試中，不僅有選取元素，點選按鈕，常常我們也需要測試下拉式選單。今天要跟大家分享如何正確選到下拉式選單的值。

1. 語法

cy.get('select').select('user-1') // Select the 'user-1' option

2. 寫腳本：這次用高鐵官網訂票系統來做測試，查詢高鐵的時刻表是否還有票。

describe('測試下拉選單', function() {
    it('應該要可以選擇起迄站', function() {
    cy.visit('<https://www.thsrc.com.tw/>') //到高鐵首頁
    cy.get(".swal2-confirm").click({force: true,}); //點選同意
    cy.get('#select_location01').select('TaoYuan', { force: true }).should('have.value', 'TaoYuan') //選擇起迄站
    cy.get('#select_location02').select('TaiNan', { force: true }).should('have.value', 'TaiNan') //選擇到達站
    cy.get('#typesofticket').select('tot-1', { force: true }) //選擇單程
    cy.get("#start-search").click({force: true,}); //點選查詢
    })
})

3. 在 select() 可以加上 { force: true } 解決選不到元素的問題

4. 看結果

參考資料

• https://docs.cypress.io/api/commands/select#Text-Content