CtrlK
BlogDocsLog inGet started
Tessl Logo
SkillPublic

dev-create-test

Use when a module needs test coverage - creates tests for adapters, hooks/composables/stores, and components.

Quality

81%

Does it follow best practices?

Run evals on this skill

Adds up to 20 points to the overall score

View guide
SecuritybySnyk

Passed

No findings from the security scan

SKILL.md
Quality
Evals
Security

Create tests for the specified file or module.

Target: $ARGUMENTS

Steps

  1. Analyze the file to understand what to test.

  2. Determine the test type:

Adapter (high priority -- pure functions, easy to test)

import { describe, it, expect } from 'vitest'
import { xxxAdapter } from '../adapters/xxx-adapter'

describe('xxxAdapter', () => {
  describe('toXxx', () => {
    it('should convert API response to app contract', () => {
      const response = { uuid: '123', field_name: 'test', created_at: '2024-01-01T00:00:00Z' }
      const result = xxxAdapter.toXxx(response)
      expect(result.id).toBe('123')
      expect(result.fieldName).toBe('test')
      expect(result.createdAt).toBeInstanceOf(Date)
    })
  })
})

Hook (medium priority -- mock service, use renderHook)

import { describe, it, expect, vi } from 'vitest'
import { renderHook, waitFor } from '@testing-library/react'
import { QueryClient, QueryClientProvider } from '@tanstack/react-query'
import { useXxxList } from '../hooks/useXxxList'
import type { ReactNode } from 'react'

// Mock service
vi.mock('../services/xxx-service')

function createWrapper() {
  const queryClient = new QueryClient({
    defaultOptions: { queries: { retry: false } },
  })
  return ({ children }: { children: ReactNode }) => (
    <QueryClientProvider client={queryClient}>{children}</QueryClientProvider>
  )
}

describe('useXxxList', () => {
  it('should return items', async () => {
    const { result } = renderHook(() => useXxxList({ page: 1 }), {
      wrapper: createWrapper(),
    })
    await waitFor(() => expect(result.current.isLoading).toBe(false))
    expect(result.current.items).toBeDefined()
  })
})

Component (medium-low priority -- React Testing Library)

import { describe, it, expect } from 'vitest'
import { render, screen } from '@testing-library/react'
import userEvent from '@testing-library/user-event'
import { XxxComponent } from '../components/XxxComponent'

describe('XxxComponent', () => {
  it('should render', () => {
    render(<XxxComponent name="Test" onSelect={vi.fn()} />)
    expect(screen.getByText('Test')).toBeInTheDocument()
  })

  it('should call onSelect when clicked', async () => {
    const onSelect = vi.fn()
    render(<XxxComponent name="Test" onSelect={onSelect} />)
    await userEvent.click(screen.getByRole('button'))
    expect(onSelect).toHaveBeenCalledOnce()
  })
})
  1. Create the test in __tests__/OriginalName.spec.ts(x).

  2. Run: npx vitest run --reporter=verbose

Repository

fernandezbaptiste/specialist-agent

Path

packs/react/skills/dev-create-test/SKILL.md

Last updated
First committed

Is this your skill?

If you maintain this skill, you can claim it as your own. Once claimed, you can manage eval scenarios, bundle related skills, attach documentation or rules, and ensure cross-agent compatibility.