MCP Browser Skill Test Capture

MCP Browser Capture Test Case

Step 1: Install and Authorize Claude

To use MCP-based test case creation through Claude, first install the Claude Chrome extension and authorize it to connect with your Claude account.

1.1 Install the Claude Chrome Extension

  1. Open the Chrome Web Store.
  2. Search for Claude. 1
  3. Select the official Claude extension from claude.com.
  4. Click Add to Chrome.
  5. Review the permissions and click Add extension.

1   1

1.2 Authorize Claude

After installing the extension:

  1. Open the Claude extension.
  2. You will be redirected to the Claude authorization page.
  3. Review the requested account permissions.
  4. Click Authorize to connect the extension with your Claude account.
1

Step 2 – Download QA Touch MCP Skill

Download the MCP Browser QA Touch Capture Skill using the provided link and upload it to Claude.

⬇ Download Skill    GitHub Repository mcpbrowser-qatouch-capture-case.skill

  • Enables Claude to interact with QA Touch through the browser.
  • Helps create test cases using natural-language prompts.
  • Reduces manual test case creation effort.
  • Speeds up repetitive test case creation.

Step 3: Claude Desktop Setup

Add QA Touch MCP Server to your Claude Desktop configuration.

Windows

%APPDATA%\Claude\claude_desktop_config.json

macOS

~/Library/Application Support/Claude/claude_desktop_config.json

Linux

~/.config/Claude/claude_desktop_config.json

Configuration Example

{
"mcpServers": {
"qatouch": {
"command": "npx",
"args": [
"-y",
"qatouch-mcp-server"
],
"env": {
"QATOUCH_DOMAIN": "yourdomain",
"QATOUCH_API_TOKEN": "yourtoken"
}
}
}
}

Step 3 – Open Claude and Start a Conversation

Open Claude and start a new conversation. Invoke the QA Touch test case recorder skill and provide the application URL.

/mcpbrowser-qatouch-capture-case

Example:

/mcpbrowser-qatouch-capture-case
https://www.saucedemo.com/ START
or
/mcpbrowser-qatouch-capture-case https://opensource-demo.orangehrmlive.com/web/index.php/auth/login START

Claude will use the skill to interact with the application and capture the required test case details.

After completing all required actions, instruct Claude to stop recording. Claude will capture the recorded steps and provide them in QA Touch test case format as a CSV file, ready for import.

Review the generated test case CSV and import it into QA Touch to create the test case.

1

Example result:

I’ve stopped the recording and turned it into 2 QA Touch test cases, attached as a CSV ready to import:

  1. Login (Critical): log in as Admin and land on the Dashboard. The password is masked as ********.
  2. Admin (Medium): open the Admin module from the menu and land on the System Users page.

You clicked Admin twice in a row, so that became a single step. No sample CSV was uploaded, so the file uses the standard QA Touch column layout.

Step 4: Create Generated Test Case in QA Touch through Claude

Specify the QA Touch project ID and module name, where the test case needs to be created.

Import these test cases into QA Touch project - PROJECT_NAME PROJECT_KEY.

Example prompt:

Import these test cases into QA Touch project - PROJECT_NAME PROJECT_KEY

Open QA Touch and verify that the test case contains the correct steps, expected results, and Title.

Example test cases created in QA Touch (project: Claude Test / QA Touch Demo, module: Login):

Case CodeTitle
CT 1-3Verify user can navigate to the Admin module from the main menu
CT 1-2Verify user can login successfully with valid credentials
CT 1-1Verify the Register page loads with all required registration fields
1

Step 5: Create Test Run and Execute the Results

Create a Test Run with these test cases and name it as “September Regression Test Run name”

Create a New Test Run and include the module which is required, and assign it to the respective person.

Verify the Test Run has been created in QA Touch in the respective project. Then execute the Test Run — status will be updated automatically in QA Touch.

Example flow:

  1. Prompt: Create a Test run with all test cases and name it as "September Run" under release "Sprint 1" and Assign them to user "Emma jones" Result: “September Run” (run key 41Ek9) is created in the  project, assigned to Emma Jones, including every test case.
  2. Prompt: execute all test case and update the result as Passed in QA Touch Result — all 3 test cases in “September Run” pass, and QA Touch shows each as Passed
CaseTitleResult
TR0001Verify the Register page loads with all required registration fieldsPassed, 5 of 5 steps
TR0002Verify user can login successfully with valid credentialsPassed, 4 of 4 steps; landed on /dashboard/index
TR0003Verify user can navigate to the Admin module from the main menuPassed, 5 of 5 steps; landed on /admin/viewSystemUsers

1   1

Final Test Runs view in QA Touch (All/Filtered Test Cases, 3/3):

Case CodeTest Case TitleStatusAssigned to
TR0003Verify user can navigate to the Admin module from the main menuPassedEmma Jon…
TR0002Verify user can login successfully with valid credentialsPassedEmma Jon…
TR0001Verify the Register page loads with all required registration fieldsPassedEmma Jon…