[{"data":1,"prerenderedAt":-1},["ShallowReactive",2],{"skill:01M6CQKTHRZ9GDSS924TNBM03F":3,"skill-same:01M6CQKTHRZ9GDSS924TNBM03F":91},{"skillNo":4,"name":5,"nameZh":6,"description":7,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":16,"categories":17,"keywords":29,"publishedAt":49,"linkOnly":50,"markdownContent":51,"markdownBody":52,"frontMatter":53,"refName":62,"commitSha":63,"skillDirectory":64,"forksCount":14,"repositoryHtmlUrl":65,"repositoryHomepageUrl":66,"ownerHtmlUrl":67,"ownerBlogUrl":68,"ownerDescription":69,"updatedAt":70,"install":71,"resources":84},"01M6CQKTHRZ9GDSS924TNBM03F","testing",null,"TDD loops, Playwright automation, unit\u002Fintegration\u002Fe2e, test pyramids.","Trollz1004\u002FANTIGRAVITY","Trollz1004","https:\u002F\u002Favatars.githubusercontent.com\u002Fu\u002F132442315?v=4","01M6CQ4Z97ERZA2CXR388F6NZ1","Joshua Coleman","01M6CQ4ZCYE67QPNWBBV8H9DBE",0,"MIT","https:\u002F\u002Fgithub.com\u002FTrollz1004\u002FANTIGRAVITY\u002Fblob\u002Fmain\u002Fhermes\u002Ffrontend-react\u002Ftesting\u002FSKILL.md",[18,23,26],{"categoryNo":19,"categoryName":20,"taxonomyType":21,"taxonomyTypeDesc":22},"01JBSEEDCAT000000000000008","测试与质量","SCENARIO","使用场景",{"categoryNo":24,"categoryName":25,"taxonomyType":21,"taxonomyTypeDesc":22},"01JBSEEDCAT000000000000009","前端开发",{"categoryNo":27,"categoryName":28,"taxonomyType":21,"taxonomyTypeDesc":22},"01JBSEEDCAT000000000000023","Skill与智能体开发",[5,30,31,32,33,34,35,36,37,38,39,40,41,42,43,44,45,46,47,48],"development","test-driven","test-driven-development","loops","unit","driven","hermes agent","hermes","e2e","integration","windows","react","test","playwright","automation","tdd","linux","macos","frontend","2026-11-10 10:12:30",false,"---\nname: testing\ndescription: \"TDD loops, Playwright automation, unit\u002Fintegration\u002Fe2e, test pyramids.\"\nversion: 1.0.0\nauthor: Joshua (joshlcoleman), Hermes Agent\nlicense: MIT\nplatforms: [linux, macos, windows]\nmetadata:\n  hermes:\n    tags: [testing, tdd, playwright, unit, integration, e2e]\n    related_skills: [test-driven-development, frontend-react]\n---\n\n# Testing\n\n## When to Use\n\n- Writing unit, integration, or e2e tests\n- Setting up test infrastructure\n- Test-driven development workflows\n- Playwright browser automation\n\n## Quick Reference\n\n| Type | Tool | When |\n|------|------|------|\n| Unit | Vitest\u002FJest | Pure functions, hooks |\n| Integration | Testing Library | Component behavior |\n| E2E | Playwright | Full user flows |\n| API | Supertest\u002FVitest | API routes |\n| Visual | Playwright\u002FChromium | Visual regression |\n\n## Test Pyramid\n\n```\n        \u002F  E2E  \\         ← Few (critical paths)\n       \u002F Integration \\    ← Some (feature behavior)\n      \u002F   Unit Tests   \\  ← Many (logic, edge cases)\n     \u002F__________________\\\n```\n\n## Unit Testing (Vitest)\n\n```ts\n\u002F\u002F useCounter.test.ts\nimport { renderHook, act } from '@testing-library\u002Freact';\nimport { useCounter } from '.\u002FuseCounter';\n\ndescribe('useCounter', () => {\n  it('increments count', () => {\n    const { result } = renderHook(() => useCounter(0));\n    act(() => result.current.increment());\n    expect(result.current.count).toBe(1);\n  });\n\n  it('respects max value', () => {\n    const { result } = renderHook(() => useCounter(0, { max: 5 }));\n    for (let i = 0; i \u003C 10; i++) act(() => result.current.increment());\n    expect(result.current.count).toBe(5);\n  });\n});\n```\n\n## Integration Testing (Testing Library)\n\n```tsx\n\u002F\u002F LoginForm.test.tsx\nimport { render, screen, userEvent } from '@testing-library\u002Freact';\nimport { LoginForm } from '.\u002FLoginForm';\n\nit('shows error on invalid email', async () => {\n  render(\u003CLoginForm \u002F>);\n  const email = screen.getByLabelText(\u002Femail\u002Fi);\n  await userEvent.type(email, 'not-an-email');\n  await userEvent.click(screen.getByRole('button', { name: \u002Fsubmit\u002Fi }));\n  expect(screen.getByText(\u002Finvalid email\u002Fi)).toBeInTheDocument();\n});\n```\n\n## E2E Testing (Playwright)\n\n```ts\n\u002F\u002F tests\u002Fauth.spec.ts\nimport { test, expect } from '@playwright\u002Ftest';\n\ntest('user can log in', async ({ page }) => {\n  await page.goto('\u002Flogin');\n  await page.fill('[name=\"email\"]', 'test@example.com');\n  await page.fill('[name=\"password\"]', 'password123');\n  await page.click('button[type=\"submit\"]');\n  await expect(page).toHaveURL('\u002Fdashboard');\n  await expect(page.getByText('Welcome')).toBeVisible();\n});\n```\n\n## Playwright Config\n\n```ts\n\u002F\u002F playwright.config.ts\nimport { defineConfig } from '@playwright\u002Ftest';\n\nexport default defineConfig({\n  testDir: '.\u002Ftests',\n  fullyParallel: true,\n  retries: process.env.CI ? 2 : 0,\n  reporter: [['html'], ['list']],\n  use: {\n    baseURL: 'http:\u002F\u002Flocalhost:3000',\n    trace: 'on-first-retry',\n    screenshot: 'only-on-failure',\n  },\n  projects: [\n    { name: 'chromium', use: { ...devices['Desktop Chrome'] } },\n    { name: 'mobile', use: { ...devices['iPhone 14'] } },\n  ],\n});\n```\n\n## Pitfalls\n\n- **Testing implementation details** → Test behavior, not internals\n- **Over-mocking** → Use real dependencies when possible\n- **Flaky tests** → Add proper waits, avoid `sleep`\n- **Missing error states** → Test failure paths too\n- **No CI integration** → Tests must run on every PR\n\n## Verification\n\n- [ ] All tests pass locally\n- [ ] Tests pass in CI\n- [ ] Coverage ≥ 80% for critical paths\n- [ ] No flaky tests (run 3x)\n- [ ] E2E covers critical user flows\n","# Testing\n\n## When to Use\n\n- Writing unit, integration, or e2e tests\n- Setting up test infrastructure\n- Test-driven development workflows\n- Playwright browser automation\n\n## Quick Reference\n\n| Type | Tool | When |\n|------|------|------|\n| Unit | Vitest\u002FJest | Pure functions, hooks |\n| Integration | Testing Library | Component behavior |\n| E2E | Playwright | Full user flows |\n| API | Supertest\u002FVitest | API routes |\n| Visual | Playwright\u002FChromium | Visual regression |\n\n## Test Pyramid\n\n```\n        \u002F  E2E  \\         ← Few (critical paths)\n       \u002F Integration \\    ← Some (feature behavior)\n      \u002F   Unit Tests   \\  ← Many (logic, edge cases)\n     \u002F__________________\\\n```\n\n## Unit Testing (Vitest)\n\n```ts\n\u002F\u002F useCounter.test.ts\nimport { renderHook, act } from '@testing-library\u002Freact';\nimport { useCounter } from '.\u002FuseCounter';\n\ndescribe('useCounter', () => {\n  it('increments count', () => {\n    const { result } = renderHook(() => useCounter(0));\n    act(() => result.current.increment());\n    expect(result.current.count).toBe(1);\n  });\n\n  it('respects max value', () => {\n    const { result } = renderHook(() => useCounter(0, { max: 5 }));\n    for (let i = 0; i \u003C 10; i++) act(() => result.current.increment());\n    expect(result.current.count).toBe(5);\n  });\n});\n```\n\n## Integration Testing (Testing Library)\n\n```tsx\n\u002F\u002F LoginForm.test.tsx\nimport { render, screen, userEvent } from '@testing-library\u002Freact';\nimport { LoginForm } from '.\u002FLoginForm';\n\nit('shows error on invalid email', async () => {\n  render(\u003CLoginForm \u002F>);\n  const email = screen.getByLabelText(\u002Femail\u002Fi);\n  await userEvent.type(email, 'not-an-email');\n  await userEvent.click(screen.getByRole('button', { name: \u002Fsubmit\u002Fi }));\n  expect(screen.getByText(\u002Finvalid email\u002Fi)).toBeInTheDocument();\n});\n```\n\n## E2E Testing (Playwright)\n\n```ts\n\u002F\u002F tests\u002Fauth.spec.ts\nimport { test, expect } from '@playwright\u002Ftest';\n\ntest('user can log in', async ({ page }) => {\n  await page.goto('\u002Flogin');\n  await page.fill('[name=\"email\"]', 'test@example.com');\n  await page.fill('[name=\"password\"]', 'password123');\n  await page.click('button[type=\"submit\"]');\n  await expect(page).toHaveURL('\u002Fdashboard');\n  await expect(page.getByText('Welcome')).toBeVisible();\n});\n```\n\n## Playwright Config\n\n```ts\n\u002F\u002F playwright.config.ts\nimport { defineConfig } from '@playwright\u002Ftest';\n\nexport default defineConfig({\n  testDir: '.\u002Ftests',\n  fullyParallel: true,\n  retries: process.env.CI ? 2 : 0,\n  reporter: [['html'], ['list']],\n  use: {\n    baseURL: 'http:\u002F\u002Flocalhost:3000',\n    trace: 'on-first-retry',\n    screenshot: 'only-on-failure',\n  },\n  projects: [\n    { name: 'chromium', use: { ...devices['Desktop Chrome'] } },\n    { name: 'mobile', use: { ...devices['iPhone 14'] } },\n  ],\n});\n```\n\n## Pitfalls\n\n- **Testing implementation details** → Test behavior, not internals\n- **Over-mocking** → Use real dependencies when possible\n- **Flaky tests** → Add proper waits, avoid `sleep`\n- **Missing error states** → Test failure paths too\n- **No CI integration** → Tests must run on every PR\n\n## Verification\n\n- [ ] All tests pass locally\n- [ ] Tests pass in CI\n- [ ] Coverage ≥ 80% for critical paths\n- [ ] No flaky tests (run 3x)\n- [ ] E2E covers critical user flows\n",{"name":5,"author":54,"license":15,"version":55,"metadata":56,"platforms":61,"description":7},"Joshua (joshlcoleman), Hermes Agent","1.0.0",{"hermes":57},{"tags":58,"related_skills":59},[5,45,43,34,39,38],[32,60],"frontend-react",[46,47,40],"main","6deb42cc8c67a99d7613cb5802f8bbe01a0f3d12","hermes\u002Ffrontend-react\u002Ftesting","https:\u002F\u002Fgithub.com\u002FTrollz1004\u002FANTIGRAVITY","https:\u002F\u002Fwww.ai-solutions.store","https:\u002F\u002Fgithub.com\u002FTrollz1004","https:\u002F\u002Fyouandinotai.com","Founder building YouAndINotAI, OnlineRecycle, and AIDoesItAll through Trash Or Treasure Online Recycler LLC.","2026-11-15 02:28:18",{"source":8,"skillName":5,"commands":72,"prompt":82,"zipAvailable":83},[73,76,79],{"tool":74,"command":75},"npx","npx skills add Trollz1004\u002FANTIGRAVITY --skill testing",{"tool":77,"command":78},"bunx","bunx skills add Trollz1004\u002FANTIGRAVITY --skill testing",{"tool":80,"command":81},"pnpm","pnpm dlx skills add Trollz1004\u002FANTIGRAVITY --skill testing","安装技能，技能地址：https:\u002F\u002Fgithub.com\u002FTrollz1004\u002FANTIGRAVITY\u002Fblob\u002Fmain\u002Fhermes\u002Ffrontend-react\u002Ftesting\u002FSKILL.md",true,[85],{"path":86,"resourceType":87,"resourceTypeDesc":88,"sizeBytes":89,"sourceHtmlUrl":90},"REPORT_GUIDE.md","REFERENCE","参考文档",20652,"https:\u002F\u002Fgithub.com\u002FMirrgieRiana\u002FMirrgieRiana.github.io\u002Fblob\u002Fmain\u002F.claude\u002Fskills\u002Facrimony-recovery\u002FREPORT_GUIDE.md",[92,120,155,179,202,228],{"skillNo":93,"name":94,"nameZh":6,"description":95,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":96,"sourceHtmlUrl":97,"categories":98,"keywords":99,"publishedAt":49},"01M6M5BT49KEBHJM9D0P5NM8ED","security-audit","Security guidance and vulnerability review for codebases, APIs, services, CLI tools, libraries, and daemons. Use for security questions, focused reviews, vulnerability research, security audits, or pen tests. Run the complete workflow only for explicit codebase audit or pen-test requests, full\u002Fcomprehensive\u002Fend-to-end reviews, or requested report artifacts.","https:\u002F\u002Fgithub.com\u002FTrollz1004\u002FANTIGRAVITY\u002Fblob\u002Fmain\u002F.agents\u002Fskills\u002Fsecurity-audit\u002FLICENSE","https:\u002F\u002Fgithub.com\u002FTrollz1004\u002FANTIGRAVITY\u002Fblob\u002Fmain\u002F.agents\u002Fskills\u002Fsecurity-audit\u002FSKILL.md",[],[100,101,102,103,104,105,106,107,108,109,110,111,112,113,114,115,116,117,118,119],"security audit","audit","security","reviews","end","only","workflow","vulnerability","review","libraries","cli","run","Tools","full","for","complete","security guidance","codebase audit","tests","use",{"skillNo":121,"name":122,"nameZh":6,"description":123,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":124,"licenseFileUrl":125,"sourceHtmlUrl":126,"categories":127,"keywords":137,"publishedAt":49},"01M6M5B16Q534MKFHKBHRZ2773","impeccable","Use when the user wants to design, redesign, shape, critique, audit, polish, simplify, harden, animate, or otherwise improve a frontend interface: websites, landing pages, dashboards, product UI, components, forms, settings, onboarding, empty states, and native iOS or Android screens. Handles UX review, hierarchy, layout, typography, color, motion, UX copy, accessibility, responsive behavior, edge cases, and capturing or documenting design systems (DESIGN.md, tokens). Also for making bland UI bolder, loud UI quieter, or ambitious visual effects. Not for backend-only or non-UI tasks.","Apache-2.0","https:\u002F\u002Fgithub.com\u002FTrollz1004\u002FANTIGRAVITY\u002Fblob\u002Fmain\u002F.agents\u002Fskills\u002Fimpeccable\u002FLICENSE","https:\u002F\u002Fgithub.com\u002FTrollz1004\u002FANTIGRAVITY\u002Fblob\u002Fmain\u002F.agents\u002Fskills\u002Fimpeccable\u002FSKILL.md",[128,129,132],{"categoryNo":24,"categoryName":25,"taxonomyType":21,"taxonomyTypeDesc":22},{"categoryNo":130,"categoryName":131,"taxonomyType":21,"taxonomyTypeDesc":22},"01JBSEEDCAT000000000000015","视觉设计",{"categoryNo":133,"categoryName":134,"taxonomyType":135,"taxonomyTypeDesc":136},"01JBSEEDCAT000000000000032","设计师","PROFESSION","适用职业",[122,138,139,140,48,141,142,143,105,144,145,146,147,148,108,149,150,151,152,153,154],"ux copy","states","quieter","improve","design","interface","design systems","effects","simplify","tasks","components","hierarchy","critique","native","product","layout","when",{"skillNo":156,"name":157,"nameZh":6,"description":158,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":159,"sourceHtmlUrl":160,"categories":161,"keywords":164,"publishedAt":49},"01M6M5AHHV2NPZYVMW48HP7A6H","hallmark","Design skill for websites and new pages that look designed, not generated. Use when the user asks to build or design something new, or names Hallmark. Never use it on an existing design unless the user names Hallmark, as in `\u002Fhallmark redesign \u003Cpath>`.","https:\u002F\u002Fgithub.com\u002FTrollz1004\u002FANTIGRAVITY\u002Fblob\u002Fmain\u002F.agents\u002Fskills\u002Fhallmark\u002FLICENSE","https:\u002F\u002Fgithub.com\u002FTrollz1004\u002FANTIGRAVITY\u002Fblob\u002Fmain\u002F.agents\u002Fskills\u002Fhallmark\u002FSKILL.md",[162,163],{"categoryNo":130,"categoryName":131,"taxonomyType":21,"taxonomyTypeDesc":22},{"categoryNo":27,"categoryName":28,"taxonomyType":21,"taxonomyTypeDesc":22},[157,165,166,114,167,168,142,169,119,170,171,172,101,173,174,175,176,177,178,154],"as","never","true","pages","generated","Existing","prompt","build","redesign","look","it","user","path","new",{"skillNo":180,"name":181,"nameZh":6,"description":182,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":124,"licenseFileUrl":183,"sourceHtmlUrl":184,"categories":185,"keywords":188,"publishedAt":49},"01M6CQDXJ785JCD5PMKYD239ZZ","webapp-testing","Toolkit for interacting with and testing local web applications using Playwright. Supports verifying frontend functionality, debugging UI behavior, capturing browser screenshots, and viewing browser logs.","https:\u002F\u002Fgithub.com\u002FTrollz1004\u002FANTIGRAVITY\u002Fblob\u002Fmain\u002F.agents\u002Fskills\u002Fwebapp-testing\u002FLICENSE.txt","https:\u002F\u002Fgithub.com\u002FTrollz1004\u002FANTIGRAVITY\u002Fblob\u002Fmain\u002F.agents\u002Fskills\u002Fwebapp-testing\u002FSKILL.md",[186,187],{"categoryNo":19,"categoryName":20,"taxonomyType":21,"taxonomyTypeDesc":22},{"categoryNo":24,"categoryName":25,"taxonomyType":21,"taxonomyTypeDesc":22},[189,5,190,191,48,192,193,194,195,43,196,197,198,199,114,200,201],"webapp","webapp testing","applications","debugging","toolkit","logs","browser","web","behavior","ui","screenshots","local","with",{"skillNo":203,"name":204,"nameZh":6,"description":205,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":206,"sourceHtmlUrl":207,"categories":208,"keywords":209,"publishedAt":49},"01M6CQ5HBDE9Q5WJZXQ7G72MYD","appinsights-instrumentation","Guidance for instrumenting webapps with Azure Application Insights. Provides telemetry patterns, SDK setup, and configuration references. USE FOR: how to instrument app, App Insights SDK, telemetry patterns, what is App Insights, Application Insights guidance, instrumentation examples, APM best practices. DO NOT USE FOR: adding App Insights to my app (use azure-prepare), add telemetry to my project (use azure-prepare), add monitoring (use azure-prepare). This skill provides guidance—azure-prepare orchestrates component changes.","https:\u002F\u002Fgithub.com\u002FTrollz1004\u002FANTIGRAVITY\u002Fblob\u002Fmain\u002F.agents\u002Fskills\u002Fappinsights-instrumentation\u002FLICENSE.txt","https:\u002F\u002Fgithub.com\u002FTrollz1004\u002FANTIGRAVITY\u002Fblob\u002Fmain\u002F.agents\u002Fskills\u002Fappinsights-instrumentation\u002FSKILL.md",[],[210,211,212,213,214,119,215,216,217,218,219,220,221,222,223,224,225,226,227,114],"appinsights instrumentation","instrumentation","do","azure","telemetry","monitoring","references","component","how","patterns","apm","sdk setup","app","project","insights","how to","my","add",{"skillNo":229,"name":230,"nameZh":6,"description":231,"descriptionZh":6,"repositoryFullName":8,"ownerLogin":9,"ownerAvatarUrl":10,"ownerAccountNo":11,"ownerDisplayName":12,"repositoryNo":13,"starsCount":14,"licenseSpdxId":15,"licenseFileUrl":6,"sourceHtmlUrl":232,"categories":233,"keywords":247,"publishedAt":49},"01M6CQNQ5FNDP6K32RKXQ9X157","youtube-automation","YouTube automation: upload, SEO, thumbnails, scheduling, analytics.","https:\u002F\u002Fgithub.com\u002FTrollz1004\u002FANTIGRAVITY\u002Fblob\u002Fmain\u002Fops\u002Fskills\u002Fyoutube-automation\u002FSKILL.md",[234,237,240,241,244],{"categoryNo":235,"categoryName":236,"taxonomyType":21,"taxonomyTypeDesc":22},"01JBSEEDCAT000000000000013","分析与可视化",{"categoryNo":238,"categoryName":239,"taxonomyType":21,"taxonomyTypeDesc":22},"01JBSEEDCAT000000000000019","营销推广",{"categoryNo":27,"categoryName":28,"taxonomyType":21,"taxonomyTypeDesc":22},{"categoryNo":242,"categoryName":243,"taxonomyType":135,"taxonomyTypeDesc":136},"01JBSEEDCAT000000000000033","数据分析师",{"categoryNo":245,"categoryName":246,"taxonomyType":135,"taxonomyTypeDesc":136},"01JBSEEDCAT000000000000035","市场营销",[44,248,249,40,250,46,251,252,37,253,36,254,47,255],"youtube","youtube automation","seo","scheduling","thumbnails","analytics","content","upload"]