Setting Up Your Environment for Vibetest-Use

This guide will walk you through the process of setting up your environment to use `vibetest-use`, a tool that appears to be designed for website testing using AI agents. We'll cover everything from cloning the repository to configuring the necessary components. ### Step 1: Get the Code First, you need to get the source code. You can do this by cloning the repository directly, or by forking it to your own GitHub account and then cloning your fork. - **Clone the repository:** ``` bash git clone git@github.com:browser-use/vibetest-use.git ``` - **Or, fork the project** on GitHub and then clone your forked repository. ### Step 2: Python Environment Setup `vibetest-use` requires Python 3.12 or newer. Here's how to set it up on a Debian-based Linux distribution: 1. **Add the `deadsnakes` PPA to your system's software sources:** ``` bash sudo add-apt-repository ppa:deadsnakes/ppa ``` 2. **Update your package list and install Python 3.12:** ``` bash sudo apt update sudo apt install python3.12 python3.12-venv -y ``` 3. **Create and activate a virtual environment:** ``` bash mkdir venv python3.12 -m venv venv source venv/bin/activate ``` ### Step 3: Install Vibetest-Use With your virtual environment activated, you can now install `vibetest-use` and its dependencies. 1. **Upgrade pip:** ``` bash pip install --upgrade pip ``` 2. **Install `uv` (a fast Python package installer):** ``` bash pip install uv ``` 3. **Install `vibetest-use` in editable mode:** ``` bash uv pip install -e . ``` ### Step 4: Setup the MCP Server in Roo Code A key part of the setup is configuring the Model Context Protocol (MCP) server. MCP allows AI models to access external tools and data, extending their capabilities. This video provides a detailed tutorial on how to set up an MCP server in Roo Code: You'll need to configure the MCP server in your Roo Code settings. Make sure to check the command path carefully. If your virtual environment is in a folder named `venv`, the path in the configuration should reflect that. ``` json { "mcpServers": { "vibetest": { "command": "/full/path/to/vibetest-use/venv/bin/vibetest-mcp", "env": { "GOOGLE_API_KEY": "your_api_key" } } } } ``` ### What is MCP? For a deeper dive into what MCP is and how it works, you can refer to this article: [post/3k2Nrx](https://codelove.tw/@tony/post/3k2Nrx) ### Running the MCP Server The following is a sequence of commands that might be run during the process of setting up and running the `vibetest-mcp` server. This gives you an idea of the workflow: ``` bash (venv) ➜ vibetest-use python -m vibetest.mcp_server (venv) ➜ vibetest-use git:(main) pip install . (venv) ➜ vibetest-use git:(main) python -m vibetest.mcp_server (venv) ➜ vibetest-use git:(main) vibetest-mcp (venv) ➜ vibetest-use git:(main) playwright install (venv) ➜ vibetest-use git:(main) playwright install-deps (venv) ➜ vibetest-use git:(main) sudo apt-get install libnss3 libnspr4 (venv) ➜ vibetest-use git:(main) vibetest-mcp ``` ### Example Prompt Once everything is set up, you can start using `vibetest-use` with prompts like this: ### Reference - VibeTest - https://github.com/browser-use/vibetest-use - Configuring MCP Servers in RooCode - https://docs.roocode.com/features/mcp/using-mcp-in-roo/ - https://youtu.be/QDy3dm1xJ6Y - MCP - https://www.anthropic.com/news/model-context-protocol - https://modelcontextprotocol.io/introduction - https://codelove.tw/@tony/post/3k2Nrx - https://ikala.ai/zh-tw/blog/ikala-ai-insight/what-is-model-context-protocol-mcp/ - https://github.com/modelcontextprotocol/servers/tree/main