如何使用Selenium从动态下拉菜单中选择指定选项

数据老陈

2026-10-3

自动化选择下拉菜单出发地城市实现方案

实现步骤

调用goToConfiguration方法跳转至配置页面，等待页面所有元素加载渲染完成
定位出发地字段对应的dropdownMenuButton组件，触发点击事件展开下拉选项列表
在展开的列表中定位目标城市选项，点击完成选择操作，可额外增加校验步骤确认选择生效

参考代码

Flutter 集成测试版本

import 'package:flutter_test/flutter_test.dart';

void selectDepartureCity(String targetCity) async {
  // 跳转配置页
  await goToConfiguration();
  await tester.pumpAndSettle();

  // 定位并展开出发地下拉菜单
  final departureDropdown = find.byKey(const Key('departure_city_dropdown'));
  await tester.tap(departureDropdown);
  await tester.pumpAndSettle();

  // 选中目标城市
  final cityOption = find.text(targetCity);
  await tester.tap(cityOption);
  await tester.pumpAndSettle();

  // 验证选择结果
  expect(find.descendant(of: departureDropdown, matching: find.text(targetCity)), findsOneWidget);
}

Web 端 Selenium Python 版本

from selenium.webdriver.common.by import By
from selenium.webdriver.support.ui import WebDriverWait
from selenium.webdriver.support import expected_conditions as EC

def select_departure_city(driver, target_city):
    # 跳转配置页
    goToConfiguration(driver)
    wait = WebDriverWait(driver, 10)

    # 定位并展开出发地下拉菜单
    departure_dropdown = wait.until(EC.element_to_be_clickable((By.ID, 'departure_city_dropdown')))
    departure_dropdown.click()

    # 选中目标城市
    city_option = wait.until(EC.element_to_be_clickable((By.XPATH, f'//*[contains(@class,"dropdown-option") and text()="{target_city}"]')))
    city_option.click()

    # 验证选择结果
    assert target_city in departure_dropdown.text