Requirements
- Target platform
- OpenClaw
- Install method
- Manual import
- Extraction
- Extract archive
- Prerequisites
- OpenClaw
- Primary doc
- SKILL.md
Tencent SkillHub ยท Developer Tools
Automated QA Testing Bots
Build and run automated QA bots to simulate user journeys, detect broken links, validate UI, run regressions, test responsiveness, and measure performance ac...
skill openclawclawhub Free
Build and run automated QA bots to simulate user journeys, detect broken links, validate UI, run regressions, test responsiveness, and measure performance ac...
โฌ 0 downloads โ
0 stars Unverified but indexed
Install for OpenClaw
Quick setup
- Download the package from Yavira.
- Extract the archive and review SKILL.md first.
- Import or place the package into your OpenClaw setup.
Package facts
- Download mode
- Yavira redirect
- Package format
- ZIP package
- Source platform
- Tencent SkillHub
- What's included
- SKILL.md
Validation
- Use the Yavira download entry.
- Review SKILL.md after the package is downloaded.
- Confirm the extracted package contains the expected setup assets.
Install with your agent
Agent handoff
Hand the extracted package to your coding agent with a concrete install brief instead of figuring it out manually.
- Download the package from Yavira.
- Extract it into a folder your agent can access.
- Paste one of the prompts below and point your agent at the extracted folder.
New install
I downloaded a skill package from Yavira. Read SKILL.md from the extracted folder and install it by following the included instructions. Tell me what you changed and call out any manual steps you could not complete.
Upgrade existing
I downloaded an updated skill package from Yavira. Read SKILL.md from the extracted folder, compare it with my current installation, and upgrade it while preserving any custom configuration unless the package docs explicitly say otherwise. Summarize what changed and any follow-up checks I should run.
Trust & source
Release facts
- Source
- Tencent SkillHub
- Verification
- Indexed source record
- Version
- 1.0.0
Provenance
- Publisher
- g4dr
- Source page
- View original listing
- Canonical URL
- Open canonical page
Documentation
Overview
This skill enables Claude to build and run automated QA testing bots that simulate real user journeys across websites and web applications โ catching bugs, broken flows, and regressions before your users do. Powered by Apify with Puppeteer and Playwright under the hood. ๐ Sign up for Apify here: https://www.apify.com/?fpr=dx06p
What This Skill Does
Simulate complete user journeys (signup, login, checkout, form submission) Detect broken links, 404 errors, and failed redirects across an entire site Validate UI elements โ buttons, inputs, modals, dropdowns โ are present and functional Run regression tests after deployments to catch newly introduced bugs Take screenshots and video recordings at each step for visual debugging Test across multiple viewports (desktop, tablet, mobile) Assert response times and flag pages that are too slow
Step 1 โ Get Your Apify API Token
Go to https://www.apify.com/?fpr=dx06p and create a free account Navigate to Settings โ Integrations Direct link: https://console.apify.com/account/integrations Copy your Personal API Token: apify_api_xxxxxxxxxxxxxxxx Set it as an environment variable: export APIFY_TOKEN=apify_api_xxxxxxxxxxxxxxxx
Step 2 โ Install Dependencies
npm install apify-client
Actors for QA Testing
Actor IDBest Forapify/puppeteer-scraperFull browser automation, form testing, click flowsapify/playwright-scraperCross-browser testing (Chrome, Firefox, WebKit)apify/broken-links-checkerDetect all 404s and broken links site-wideapify/website-content-crawlerCrawl all pages and validate structure
Test a Full User Registration Flow
import ApifyClient from 'apify-client'; const client = new ApifyClient({ token: process.env.APIFY_TOKEN }); const run = await client.actor("apify/puppeteer-scraper").call({ startUrls: [{ url: "https://your-app.com/signup" }], pageFunction: async function pageFunction(context) { const { page } = context; const results = { steps: [], passed: true, errors: [] }; try { // Step 1 โ Page loads await page.waitForSelector('#signup-form', { timeout: 5000 }); results.steps.push({ step: "Page loaded", status: "PASS" }); // Step 2 โ Fill registration form await page.type('#firstName', 'Test'); await page.type('#lastName', 'User'); await page.type('#email', `testuser+${Date.now()}@example.com`); await page.type('#password', 'SecurePass123!'); results.steps.push({ step: "Form filled", status: "PASS" }); // Step 3 โ Submit await Promise.all([ page.waitForNavigation({ timeout: 8000 }), page.click('button[type="submit"]') ]); results.steps.push({ step: "Form submitted", status: "PASS" }); // Step 4 โ Assert success redirect const currentUrl = page.url(); if (!currentUrl.includes('/dashboard')) { throw new Error(`Expected /dashboard, got: ${currentUrl}`); } results.steps.push({ step: "Redirected to dashboard", status: "PASS" }); // Step 5 โ Screenshot proof await page.screenshot({ path: 'signup-success.png', fullPage: true }); } catch (err) { results.passed = false; results.errors.push(err.message); await page.screenshot({ path: 'signup-error.png', fullPage: true }); } return results; } }); const { items } = await run.dataset().getData(); const report = items[0]; console.log(report.passed ? "โ All steps passed" : "โ Test failed"); report.steps.forEach(s => console.log(` [${s.status}] ${s.step}`)); if (report.errors.length) console.log("Errors:", report.errors);
Test a Complete E-Commerce Checkout Flow
const run = await client.actor("apify/puppeteer-scraper").call({ startUrls: [{ url: "https://your-shop.com/products/test-item" }], pageFunction: async function pageFunction(context) { const { page } = context; const journey = []; // 1 โ Product page await page.waitForSelector('.add-to-cart'); journey.push({ step: "Product page loaded", status: "PASS" }); // 2 โ Add to cart await page.click('.add-to-cart'); await page.waitForSelector('.cart-count', { timeout: 3000 }); const cartCount = await page.$eval('.cart-count', el => el.innerText); journey.push({ step: "Item added to cart", status: cartCount > 0 ? "PASS" : "FAIL", value: cartCount }); // 3 โ Go to cart await page.click('.cart-icon'); await page.waitForSelector('.cart-summary'); journey.push({ step: "Cart page loaded", status: "PASS" }); // 4 โ Proceed to checkout await page.click('.proceed-to-checkout'); await page.waitForSelector('#checkout-form'); journey.push({ step: "Checkout page loaded", status: "PASS" }); // 5 โ Fill shipping info await page.type('#shipping-name', 'QA Test User'); await page.type('#shipping-address', '123 Test Street'); await page.type('#shipping-city', 'San Francisco'); await page.type('#shipping-zip', '94105'); journey.push({ step: "Shipping info filled", status: "PASS" }); return { journey, allPassed: journey.every(s => s.status === "PASS") }; } });
Detect All Broken Links Site-Wide
const run = await client.actor("apify/broken-links-checker").call({ startUrls: [{ url: "https://your-website.com" }], maxCrawlingDepth: 3, maxRequestsPerCrawl: 200 }); const { items } = await run.dataset().getData(); const broken = items.filter(link => link.statusCode >= 400); console.log(`Found ${broken.length} broken links out of ${items.length} checked`); broken.forEach(link => { console.log(` [${link.statusCode}] ${link.url} โ found on: ${link.referrer}`); });
Responsive Design Test โ Multi-Viewport
const viewports = [ { name: "Desktop", width: 1440, height: 900 }, { name: "Tablet", width: 768, height: 1024 }, { name: "Mobile", width: 375, height: 812 } ]; const run = await client.actor("apify/puppeteer-scraper").call({ startUrls: [{ url: "https://your-app.com" }], pageFunction: async function pageFunction(context) { const { page } = context; const results = []; const viewports = [ { name: "Desktop", width: 1440, height: 900 }, { name: "Tablet", width: 768, height: 1024 }, { name: "Mobile", width: 375, height: 812 } ]; for (const vp of viewports) { await page.setViewport({ width: vp.width, height: vp.height }); await page.reload(); const navVisible = await page.$('.navbar') !== null; const ctaVisible = await page.$('.cta-button') !== null; results.push({ viewport: vp.name, resolution: `${vp.width}x${vp.height}`, navbarPresent: navVisible, ctaButtonPresent: ctaVisible, status: navVisible && ctaVisible ? "PASS" : "FAIL" }); } return results; } });
Performance & Load Time Assertions
const run = await client.actor("apify/puppeteer-scraper").call({ startUrls: [{ url: "https://your-app.com" }], pageFunction: async function pageFunction(context) { const { page } = context; const startTime = Date.now(); await page.waitForSelector('main'); const loadTime = Date.now() - startTime; const metrics = await page.metrics(); const perfEntries = await page.evaluate(() => JSON.stringify(window.performance.timing) ); const timing = JSON.parse(perfEntries); const ttfb = timing.responseStart - timing.navigationStart; const domReady = timing.domContentLoadedEventEnd - timing.navigationStart; return { url: page.url(), loadTimeMs: loadTime, ttfbMs: ttfb, domReadyMs: domReady, jsHeapUsedMB: (metrics.JSHeapUsedSize / 1024 / 1024).toFixed(2), passed: loadTime < 3000 && ttfb < 600, warnings: [ loadTime > 3000 ? `Slow load: ${loadTime}ms (threshold: 3000ms)` : null, ttfb > 600 ? `High TTFB: ${ttfb}ms (threshold: 600ms)` : null ].filter(Boolean) }; } });
QA Workflow โ How Claude Uses This Skill
When asked to test a site or app, Claude will: Map the user journeys to test (registration, login, checkout, search...) Build a Puppeteer/Playwright test script for each journey Run all tests in parallel via Apify actors Collect pass/fail results, screenshots, and error messages Generate a structured test report with step-by-step results Flag failures with context โ which step failed and why Optionally schedule recurring runs after each deployment
Normalized Test Report Schema
{ "testName": "User Registration Flow", "url": "https://your-app.com/signup", "passed": true, "duration": 4823, "steps": [ { "step": "Page loaded", "status": "PASS", "durationMs": 820 }, { "step": "Form filled", "status": "PASS", "durationMs": 310 }, { "step": "Form submitted", "status": "PASS", "durationMs": 2100 }, { "step": "Redirected to dashboard","status": "PASS", "durationMs": 593 } ], "errors": [], "screenshotUrl": "https://api.apify.com/v2/key-value-stores/.../records/signup-success.png", "runAt": "2025-02-25T10:00:00Z" }
CI/CD Integration (GitHub Actions)
# .github/workflows/qa.yml name: Automated QA Tests on: push: branches: [main, staging] pull_request: branches: [main] jobs: qa: runs-on: ubuntu-latest steps: - uses: actions/checkout@v3 - name: Run QA Tests via Apify run: | curl -X POST \ -H "Content-Type: application/json" \ -H "Authorization: Bearer ${{ secrets.APIFY_TOKEN }}" \ -d '{"startUrls":[{"url":"${{ vars.STAGING_URL }}"}]}' \ "https://api.apify.com/v2/acts/apify~puppeteer-scraper/runs"
Best Practices
Use unique test emails with +timestamp suffixes to avoid conflicts between runs Always take a screenshot on failure for instant visual debugging Set timeout on every waitForSelector โ never let a test hang indefinitely Use waitForNavigation after any click that triggers a page load Test both the happy path and edge cases (empty fields, wrong passwords, network slow) Store all test artifacts (screenshots, reports) in Apify Key-Value Store for later review Integrate with Slack or email webhooks to get instant failure notifications
Error Handling
try { const run = await client.actor("apify/puppeteer-scraper").call(input); const dataset = await run.dataset().getData(); return dataset.items; } catch (error) { if (error.statusCode === 401) throw new Error("Invalid Apify token โ check credentials"); if (error.statusCode === 429) throw new Error("Rate limit hit โ reduce parallel test runs"); if (error.message.includes("timeout")) throw new Error("Test timed out โ check if the app is reachable"); throw error; }
Requirements
An Apify account โ https://www.apify.com/?fpr=dx06p A valid Personal API Token from Settings โ Integrations Node.js 18+ for apify-client A staging or production URL to test against Optional: CI/CD pipeline (GitHub Actions, GitLab CI) for post-deployment triggering
Category context
Code helpers, APIs, CLIs, browser automation, testing, and developer operations.
Source: Tencent SkillHub
Largest current source with strong distribution and engagement signals.
Package contents
Included in package
1 Docs
- SKILL.md