Testing komponen Solid menggunakan @solidjs/testing-library dan Vitest.

Setup

npm install -D @solidjs/testing-library vitest jsdom

Test Komponen

import { render, screen, fireEvent } from "@solidjs/testing-library"
import { describe, it, expect } from "vitest"
import Counter from "./Counter"

describe("Counter", () => {
  it("shows initial count", () => {
    render(() => <Counter />)
    expect(screen.getByText("Count: 0")).toBeTruthy()
  })

  it("increments on click", async () => {
    render(() => <Counter />)
    fireEvent.click(screen.getByText("+1"))
    expect(screen.getByText("Count: 1")).toBeTruthy()
  })
})

Perhatikan: render(() => <Counter />) — harus dibungkus function karena Solid reaktivitas.