WebApp Testing Skill 入门指南：从零搭建自动化测试框架

8次阅读

没有评论

共计 2604 个字符，预计需要花费 7 分钟才能阅读完成。

测试是确保 Web 应用质量的关键环节，能够提前发现并修复潜在问题。
自动化测试可以显著提高测试效率，减少重复劳动，让团队专注于更重要的开发任务。
良好的测试覆盖率能够增强应用的稳定性，降低上线后的故障风险。

自动化测试工具有很多选择，这里对比三种主流工具：Selenium、Playwright 和 Cypress。

Selenium
优点：支持多种编程语言（Python、Java 等），社区支持广泛，适合复杂项目。
缺点：配置较复杂，执行速度较慢，需要额外处理等待和同步问题。
适用场景：大型企业级项目，需要跨浏览器测试的场景。
Playwright
优点：现代架构，执行速度快，内置自动等待机制，支持多浏览器（Chromium、WebKit、Firefox）。
缺点：相对较新，社区资源不如 Selenium 丰富。
适用场景：快速开发和执行测试，尤其是需要跨浏览器测试的项目。
Cypress
优点：简单易用，内置测试运行器和断言库，适合前端开发人员。
缺点：仅支持 JavaScript，不支持多标签页测试。
适用场景：小型到中型项目，尤其是前端为主的 Web 应用。

下面是一个完整的示例，展示如何使用 Pytest 和 Selenium 测试一个登录功能，并采用页面对象模式（POM）设计。

首先，确保安装了必要的 Python 库：

pip install selenium pytest

创建一个 login_page.py 文件，定义登录页面的元素和操作：

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


class LoginPage:
    def __init__(self, driver):
        self.driver = driver
        self.url = "https://example.com/login"

    def load(self):
        self.driver.get(self.url)

    def login(self, username, password):
        # 显式等待元素加载完成
        username_field = WebDriverWait(self.driver, 10).until(EC.presence_of_element_located((By.ID, "username"))
        )
        password_field = WebDriverWait(self.driver, 10).until(EC.presence_of_element_located((By.ID, "password"))
        )
        submit_button = WebDriverWait(self.driver, 10).until(EC.element_to_be_clickable((By.ID, "submit"))
        )

        username_field.send_keys(username)
        password_field.send_keys(password)
        submit_button.click()

创建一个 test_login.py 文件，编写测试用例：

import pytest
from selenium import webdriver
from login_page import LoginPage


@pytest.fixture(scope="module")
def browser():
    # 启动浏览器（这里使用 Chrome）driver = webdriver.Chrome()
    yield driver
    driver.quit()


def test_successful_login(browser):
    login_page = LoginPage(browser)
    login_page.load()
    login_page.login("testuser", "password123")

    # 断言登录成功
    welcome_message = WebDriverWait(browser, 10).until(EC.presence_of_element_located((By.ID, "welcome"))
    )
    assert "Welcome, testuser" in welcome_message.text, "登录失败，欢迎消息未显示"