mcpField
E
E-commerce Test Automation with Cypress

E-commerce Test Automation with Cypress

本地服务
github.com/JoanEsquivel浏览器自动化1577 周前更新
代码仓库

关于 E-commerce Test Automation with Cypress

E-commerce Test Automation with Cypress 是面向模拟电商应用的 TypeScript 端到端测试项目，使用 Cypress 和 Page Object Model 测试成功下单及支付失败流程。

主要功能

  1. 01自动化成功下单流程
  2. 02测试支付被拒流程
  3. 03使用 TypeScript 和 Cypress
  4. 04采用 Page Object Model 组织测试
  5. 05在图形界面或无头模式运行

适用场景

  1. 01检查成功购买时的结账流程
  2. 02验证支付被拒时的行为
  3. 03在本地或 CI 中运行电商测试

配置

本地服务的配置在各客户端中通用，复制后粘贴到客户端的 MCP 配置文件即可。

暂未收录安装方式

我们还没有获取到这个服务的安装包或远程地址，请按项目 README 中的说明安装。

代码仓库

工具

还没有获取到工具列表

本地服务需要在你的电脑上运行后才能读取工具，维护者暂未提供工具列表。

详细介绍

使用 Cypress 进行电子商务测试自动化

此项目使用 Cypress、TypeScript 和页面对象模型模式，为一个模拟电子商务应用编写端到端测试。

概述

这些测试会自动执行两个主要流程：

  1. 成功下单流程——用户能够成功完成购买
  2. 下单失败流程——用户的付款始终被拒绝

项目结构

cypress/
  ├── e2e/                  # Test files
  │   ├── successful-order-flow.cy.ts
  │   └── failed-order-flow.cy.ts
  ├── fixtures/             # Test data
  │   ├── users.json
  │   ├── products.json
  │   └── payment.json
  ├── pages/                # Page Objects
  │   ├── LoginPage.ts
  │   ├── ProductsPage.ts
  │   ├── CartPage.ts
  │   └── CheckoutPage.ts
  └── support/              # Support files
      ├── commands.ts
      └── e2e.ts

设置

  1. 克隆代码库
  2. 安装依赖： 
    npm install
  3. 设置环境变量：
    • 创建 cypress.env.json 文件（文件已包含在项目中，但在实际项目中不应提交到版本控制）
    • 或使用包含所需凭据的 .env 文件

运行测试

运行所有测试：

npm test

以无头模式运行测试：

npm run test:headless

运行特定测试流程：

npm run test:success  # Successful order flow
npm run test:failure  # Failed order flow

打开 Cypress GUI：

npm run cypress:open

环境变量

以下环境变量会用于测试：

  • CYPRESS_USERNAME：成功登录的用户名
  • CYPRESS_PASSWORD：两个用户共用的密码
  • CYPRESS_FAILURE_USERNAME：付款失败用户的用户名

这些变量可以在以下位置设置：

  1. cypress.env.json 文件（用于本地开发）
  2. .env 文件
  3. CI/CD 流水线环境变量

测试应用

这些测试适用于以下地址的模拟电子商务应用：
https://v0-imagine-deals.vercel.app

备注

  • 此项目仅为测试用途的演示项目
  • 该应用会模拟付款场景：
    • 总金额以 .99 结尾时，会模拟付款被拒绝
    • 总金额以 .88 结尾时，会模拟网络错误

评论

支持 Markdown

第一次接触 MCP？

从协议是什么，到在客户端里装上第一个服务，这几条回答覆盖了大多数入门问题。

一个开放协议，规定了 AI 应用如何以统一方式连接外部工具与数据源。客户端负责与模型对话，MCP 服务负责提供工具、资源和提示模板，两者通过标准消息通信，同一个服务可以被不同客户端复用。