乐闻世界logo
5月29日 00:52

Cypress 和 Selenium 有什么区别？何时选择 Cypress？

核心区别在架构：Cypress 运行在与应用同源的浏览器内，通过 Chrome DevTools Protocol 直接操作 DOM，内置自动等待和重试机制；Selenium 通过外部 WebDriver 进程与浏览器通信，需显式编写等待逻辑。这意味着 Cypress 调试体验远优于 Selenium（可视化 Test Runner、时间旅行），且代码更简洁，但仅支持 Chromium 内核和 JavaScript；Selenium 跨浏览器覆盖全面（Chrome/Firefox/Safari），支持多语言（Java/Python/C#），适合需要兼容性测试的团队。选择 Cypress 的场景：前端 SPA 项目为主、团队用 JavaScript、追求快速反馈和低维护成本。选 Selenium 的场景：必须覆盖多浏览器、团队非 JS 技术栈、需测试非 Web 应用。

追问

  • Cypress 的同源架构为什么无法测试跨域场景？有什么变通方案？
  • Selenium 的显式等待（WebDriverWait）和隐式等待（implicit wait）有什么区别？各自的风险是什么？
  • Cypress 的 cy.intercept() 如何模拟后端响应？与 Selenium 的 Mock Server 方案相比优劣如何？
  • 大型项目中 Cypress 测试执行变慢，如何优化？
  • Playwright 与 Cypress 相比有哪些改进？是否正在取代 Cypress？

写段代码

javascript
// Cypress: 自动等待，无需 sleep
cy.visit('/login');
cy.get('#user').type('admin');
cy.get('#pass').type('1234');
cy.get('#submit').click();
cy.url().should('include', '/dashboard');

// Selenium (Python): 必须显式等待
from selenium.webdriver.support.ui import WebDriverWait
elem = WebDriverWait(driver, 10).until(
    EC.element_to_be_clickable((By.ID, 'submit'))
)
elem.click()
标签：Cypress