Vibetest: Kiểm Thử QA Powered AI với MCP Server

Sẵn sàng "tiêu diệt" những lỗi website phiền toái với Vibetest-use MCP? Công cụ mã nguồn mở tuyệt vời này, được hỗ trợ bởi Browser-Use, cho phép bạn triển khai các tác nhân AI để thu thập dữ liệu trang web của mình, phát hiện lỗi 404, nút không hoạt động và các lỗi giao diện người dùng (UI) chỉ trong vòng chưa đầy một phút. Tôi đã tìm thấy nó trên GitHub và nó thực sự là một công cụ thay đổi cuộc chơi cho việc kiểm thử tự động. Chỉ với một lệnh duy nhất, bạn có thể khởi chạy nhiều tác nhân để kiểm tra khả năng chịu tải (stress-test) trang web của mình—dù là cục bộ hay đang hoạt động (live). Trong hướng dẫn này, tôi sẽ chỉ cho bạn cách thiết lập Vibetest-use MCP, chạy kiểm thử trên trang web cục bộ hoặc live, và biến quy trình QA (đảm bảo chất lượng) của bạn trở nên dễ dàng. Hãy cùng "đập tan" những lỗi đó nào!

💡

Bạn đang làm việc với API hoặc tài liệu hóa dự án? Hãy tải APIdog để thiết kế, kiểm thử và chia sẻ tài liệu API một cách dễ dàng—hoàn hảo cho các quy trình làm việc Vibetest-use MCP của bạn!

button

Tại sao Vibetest-use MCP là Siêu anh hùng QA

Vibetest-use MCP là một công cụ được hỗ trợ bởi Browser-Use, tự động hóa kiểm thử QA bằng cách triển khai các tác nhân AI để thu thập dữ liệu các trang web và gắn cờ các vấn đề như liên kết hỏng, nút không phản hồi hoặc lỗi UI. Được xây dựng trên Giao thức Ngữ cảnh Mô hình (Model Context Protocol - MCP), nó tích hợp với Browser-Use để điều khiển các trình duyệt (Chrome, Firefox, v.v.) thông qua Playwright, đảm bảo kiểm thử kỹ lưỡng. Kho lưu trữ GitHub nhấn mạnh khả năng kiểm thử bất kỳ URL nào—các trang live như https://example.com hoặc các thiết lập cục bộ như localhost:3000—với số lượng tác nhân có thể cấu hình (ví dụ: 3, 5 hoặc 10) để quét sâu hơn. Từ việc kiểm thử một trang web phát triển đến một ứng dụng sản phẩm, Vibetest-use MCP biến công việc QA thành một cuộc dạo chơi.

Thiết lập Vibetest-use MCP

Hãy cùng cài đặt Vibetest-use MCP. Việc này rất thân thiện với người mới bắt đầu và tôi sẽ hướng dẫn rõ ràng!

1. Nhân bản Kho lưu trữ và Thiết lập Môi trường ảo:

Nhân bản kho lưu trữ (repo) và chuẩn bị môi trường Python:

git clone https://github.com/browser-use/vibetest-use.git
cd vibetest-use
uv venv
source .venv/bin/activate  # macOS/Linux
.venv\Scripts\activate     # Windows
uv pip install -e .

Thao tác này cài đặt các phụ thuộc và thiết lập môi trường máy chủ MCP.

2. Cấu hình Biến môi trường của bạn:

Vibetest-use MCP cần khóa API của Google cho một số tính năng. Xuất nó hoặc thêm vào tệp .env:

export GOOGLE_API_KEY="your_google_api_key_here"

Ngoài ra, tạo tệp .env:

GOOGLE_API_KEY=your_google_api_key_here

Lấy khóa từ console.cloud.google.com.

3. Chạy Máy chủ MCP:

Khởi động máy chủ:

.venv/bin/vibetest-mcp

Thao tác này khởi chạy máy chủ MCP, sẵn sàng nhận lệnh kiểm thử.

Tôi đã cài đặt xong trong 10 phút—nhanh chóng và không gặp khó khăn gì!

Ví dụ về các Trường hợp sử dụng của Vibetest-use MCP

Sẵn sàng kiểm thử với Vibetest-use MCP chưa? Dưới đây là ba cách để phát hiện lỗi nhanh chóng!

1. Kiểm thử một Trang web đang hoạt động (Live) với nhiều Tác nhân:

Kiểm thử một trang web live như https://example.com với 6 tác nhân:

vibetest my website with 6 agents: https://example.com

Năm tác nhân Browser-Code sẽ thu thập dữ liệu đồng thời, kiểm tra các liên kết hỏng, lỗi UI hoặc vấn đề về khả năng truy cập. Kết quả dự kiến sẽ hiển thị như: “404 tại /page-not-found, nút không phản hồi tại /submit.”

2. Kiểm thử một Trang web Phát triển trên Localhost:

Kiểm thử máy chủ phát triển cục bộ của bạn (ví dụ: localhost:3000):

run vibetest on localhost:3000

Thao tác này giúp phát hiện sớm các vấn đề, chẳng hạn như một div bị lệch căn chỉnh mà tôi đã tìm thấy trên một trang web kiểm thử!

3. Kiểm thử Chế độ không giao diện (Headless) với Số lượng Tác nhân Tùy chỉnh:

Đối với CI/CD, chạy ở chế độ không giao diện với 10 tác nhân:

run a headless vibetest on localhost:8080 with 10 agents

Chế độ không giao diện chạy mà không hiển thị trình duyệt, chỉ ghi lại kết quả (ví dụ: --output results.json). Hoàn hảo cho các quy trình tự động.

Các bài kiểm thử này chỉ mất chưa đầy 60 giây mỗi lần—Vibetest-use MCP thực sự là một "quái vật" tốc độ!

Tích hợp Vibetest-use MCP với Claude Code Desktop

Bạn muốn chạy các bài kiểm thử Vibetest-use MCP từ Claude Code Desktop? Dưới đây là cách tích hợp nó.

1. Thêm Máy chủ Vibetest MCP vào Claude Desktop:

Sử dụng CLI của Claude:

claude mcp add vibetest /full/path/to/vibetop-use/.venv/bin/vibetest-mcp -e GOOGLE_API_KEY="your_google_api_key"

Thao tác này đăng ký máy chủ với Claude Desktop, truyền khóa API Google của bạn.

2. Xác minh Kết nối:

Mở Claude Desktop và gõ:

/mcp

Kiểm tra xem máy chủ vibetest có hiển thị trạng thái đã kết nối không.

3. Chạy Lệnh Vibetop:

Trong Claude Desktop, nhập:

Vibetest my website with 5 agents: https://example.com
Run vibetop on localhost:3000

Claude sẽ chuyển tiếp lệnh đến máy chủ MCP và trả về kết quả kiểm thử.

Tôi đã kiểm thử một trang web thông qua Claude Desktop và nó đã báo lỗi một form ngay lập tức—rất mượt mà!

Sử dụng Vibetest-use MCP với Cursor

Ưa thích giao diện tinh tế của Cursor hơn? Dưới đây là cách thiết lập Vibetest-use MCP để kiểm thử.

1. Thêm Máy chủ MCP qua Giao diện Cài đặt của Cursor:

Mở Cài đặt Cursor > MCP (thanh bên trái).
Nhấp vào Thêm Máy chủ hoặc nút “+”.
Thêm cấu hình này (điều chỉnh đường dẫn và khóa):

{
  "mcpServers": {
    "vibetest": {
      "command": "/full/path/to/vibetop-use/.venv/bin/vibetest-mcp",
      "env": {
        "GOOGLE_API_KEY": "your_google_api_key"
      }
    }
  }
}

Lưu và khởi động lại Cursor nếu cần.

2. Sử dụng Lệnh Vibetest trong Cursor:

Trong giao diện trò chuyện hoặc lệnh của Cursor, thử:

Vibetest my website with 5 agents: https://example.com
Run vibetest on localhost:3000
Run a headless vibetest on localhost:8080 with 10 agents

Cursor giao tiếp với máy chủ MCP, hiển thị kết quả ngay trong dòng.

Tôi đã chạy một bài kiểm thử không giao diện trong Cursor và đầu ra JSON rất rõ ràng—đúng là thiên đường QA!

Tùy chỉnh Vibetest-use MCP cho Nhu cầu của bạn

Bạn muốn tinh chỉnh Vibetest-use MCP? Dưới đây là cách biến nó thành của riêng bạn.

1. Điều chỉnh Số lượng Tác nhân:

Sử dụng --agents 2 cho các lần quét nhanh hoặc --agents 10 cho kiểm thử chuyên sâu. Nhiều tác nhân hơn có nghĩa là phạm vi kiểm thử tốt hơn nhưng sử dụng bộ nhớ cao hơn.

2. Nhắm mục tiêu các Tính năng Cụ thể:

Chỉnh sửa tệp prompts.py để kiểm thử các luồng cụ thể (ví dụ: quy trình thanh toán):

prompt = "Vibetest with 3 the checkout flow on {website}. Verify cart updates and payment buttons."

Chạy:

uv run vibetest --url https://shop.com --prompt "Test checkout flow"

3. Tích hợp với CI/CD (Ubuntu):

Thêm vào GitHub Actions:

name: QA with Vibetest-use
on: [push]
jobs:
  test:
    runs-on: ubuntu-latest
    steps:
      - uses: actions/checkout@v4
      - run: |
          curl -LsSf https://astral.sh/uv/install.sh | sh
          uv venv
          source .venv/bin/activate
          uv pip install -e .
          uv pip install playwright
          uv run playwright install chromium
          uv run vibetest --url http://localhost:3000 --agents 5 --output results.json
      env:
        GOOGLE_API_KEY: ${{ secrets.GOOGLE_API_KEY }}

4. Sử dụng DeepSeek để Tăng cường Trí tuệ:

Kết hợp với DeepSeek:

uv run vibetest --url https://example.com --llm deepseek-chat

Tăng cường khả năng suy luận cho các bài kiểm thử phức tạp.

Khám phá các Tính năng của Vibetest-use MCP

Vibetest-use MCP có rất nhiều tính năng hữu ích cho QA. Hãy cùng tìm hiểu:

Kiểm thử Song song: Chạy hơn 10 tác nhân để quét dưới 60 giây, như đã được quảng bá rầm rộ trên X.

2. Kiểm thử trên nhiều Trình duyệt: Kiểm thử Firefox/Safari qua tệp playwright.config.ts:

{ browserName: 'firefox' }

3. Chế độ Nghiên cứu Chuyên sâu: Sử dụng mcp-browser-cli --deep-research để phân tích UX, lưu báo cáo định dạng Markdown.

4. Cộng đồng: Tham gia Discord hoặc GitHub của Browser-Code (38 sao) để chia sẻ ý tưởng.

Tôi đã phát hiện một lỗi chỉ xảy ra trên Firefox trong một bài kiểm thử—Vibetest-use MCP đúng là một nhà vô địch QA!

Kết thúc: Làm chủ Vibetest-use MCP

Bạn đã khai thác sức mạnh của Vibetest-use MCP để tự động hóa QA (đảm bảo chất lượng) như một chuyên gia! Từ việc thiết lập đến kiểm thử các trang web live, máy chủ cục bộ và tích hợp với Claude Desktop hoặc Cursor, bạn đã sẵn sàng để giữ cho các ứng dụng của mình không có lỗi. Hãy thử nghiệm với nhiều tác nhân hơn, DeepSeek hoặc CI/CD, và đừng quên tài liệu hóa các API của bạn với APIdog. Chia sẻ những thành công của bạn với Vibetest-use MCP trên X hoặc GitHub—tôi rất mong được thấy công việc QA của bạn thăng hoa! 🚀

button