Playwright Claude Skill Test Capture

QA Touch Playwright Capture Case Skill

The QA Touch Playwright Capture Case Skill lets you record real user interactions on a website and automatically convert them into QA Touch import-ready test cases.

Download and Install the Skill

Go to the qatouch-claude-skills repository on GitHub and download the playwright-qatouch-capture-case skill.

⬇ Download Skill    GitHub Repository

playwright-qatouch-capture-case.skill

Open Claude and go to:

Customize Skills Add Upload Skill

Upload the downloaded skill package and enable it. The skill is now available in Claude.

Setup

Before using the skill, configure both the QA Touch MCP Server and Playwright MCP in Claude Desktop.

Open the claude_desktop_config.json file.

Add the following configuration under mcpServers:

{
"mcpServers": {
"qatouch-server": {
"command": "npx",
"args": [
"-y",
"qatouch-mcp-server"
],
"env": {
"QATOUCH_DOMAIN": "YOUR_DOMAIN",
"QATOUCH_API_TOKEN": "YOUR_API_TOKEN"
}
},
"playwright": {
"command": "npx",
"args": [
"@playwright/mcp@latest"
]
}
}
}

Replace:

  • YOUR_DOMAIN with your QA Touch domain.
  • YOUR_API_TOKEN with your QA Touch API token.

Save the configuration and restart Claude Desktop.

1

How to Use

1. Start the Skill

In Claude, enter:

/playwright-qatouch-capture-case <URL> START

For example:

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

The skill opens the provided website in a browser and starts recording your actions.

2. Perform Your Actions

Interact with the website normally and complete the workflow you want to convert into test cases.

The skill records the actions performed during the active recording session.

3. Stop the Recording

Once you complete the workflow, return to Claude and type:

STOP

The skill stops the recording and processes the captured actions.

4. Generate QA Touch Test Cases

The recorded workflow is automatically converted into QA Touch import-ready test cases.

The generated test cases include the relevant test case details such as:

  • Test Case Title
  • Precondition
  • Test Data
  • Test Steps
  • Expected Results
  • Type
  • Module

The test cases are provided as a CSV file, ready to import into QA Touch.

Workflow

START Open Website Perform Actions STOP QA Touch Test Cases

To Import Generated Test Cases to QA Touch

In Claude, enter:

Import these test cases into QA Touch project - PROJECT_NAME PROJECT_KEY

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 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