web自动化测试(十八)执行JavaScript脚本

JavaScript简介

• JavaScript 是一种具有函数优先的轻量级，解释型或即时编译型的编程语言
• 可以嵌入到HTML页面对浏览器事件做出响应
• 也可以基于Node.js技术进行服务器端编程

自动化测试中使用JavaScript脚本

• 使用场景：部分场景使用selenium原生方法无法解决
  1. 修改时间控件
  2. 滚动到某个元素
  3. 其他场景

通过属性修改展示下拉框

• 打开淘宝首页https://www.taobao.com/
• 修改下拉框属性
• 点击悬浮框内的选项

def test_select_down():
    driver = webdriver.Chrome()
    driver.implicitly_wait(3)    # 打开网址
    driver.get("https://www.taobao.com/")
    # 修改下拉框属性
    sleep(1)
    driver.execute_script('document.querySelector("#J_SiteNavMytaobao").'
                                'className="site-nav-menu site-nav-mytaobao '
                                'site-nav-multi-menu J_MultiMenu '
                                'site-nav-menu-hover"')
    driver.find_element(By.XPATH, "//*[text()='已买到的宝贝']").click()
    sleep(5)
    driver.quit()

通过属性修改时间控件的值

• 打开12306网站
• 修改时间控件值
• 打印出发日期

def test_data_time():
    # 打开网址
    driver = webdriver.Chrome()
    driver.implicitly_wait(3)
    driver.get("https://www.12306.cn/index/")
    sleep(1)
    # 修改出发日期
    driver.execute_script('document.querySelector("#train_date").value="2022-12-22"')
    sleep(1)
    # 打印出发日期， 返回值的使用
    train_data = driver.execute_script('return document.querySelector("#train_date").value')
    print(train_data)
    sleep(3)