Testing Svelte komponen menggunakan @testing-library/svelte dan Vitest.

Setup

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

Test Komponen

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

describe("Counter", () => {
  it("menampilkan count awal", () => {
    render(Counter)
    expect(screen.getByText("Count: 0")).toBeTruthy()
  })

  it("increment saat klik", async () => {
    render(Counter)
    await fireEvent.click(screen.getByText("+1"))
    expect(screen.getByText("Count: 1")).toBeTruthy()
  })
})

Test dengan Props

render(Greeting, { props: { nama: "Budi" } })
expect(screen.getByText("Halo, Budi!")).toBeTruthy()

Gunakan vitest untuk menjalankan test dan jsdom sebagai environment DOM.