自动化测试，让你上班拥有一杯咖啡的时间 | Day 16 - 如何选取下拉式选单的值

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

在 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