Tell Bun to load this plugin before your tests run

preload = ["./svelte-loader.ts"]

This also works:

test.preload = ["./svelte-loader.ts"]

* * *

Add an example `.svelte` file in your project.

Counter.svelte

<button on:click="{()" ="">(count += 1)}>+1</button>

* * *

Now you can `import` or `require` `*.svelte` files in your tests, and it will load the Svelte component as a JavaScript module.

![https://mintcdn.com/bun-1dd33a4e/JUhaF6Mf68z\_zHyy/icons/typescript.svg?fit=max&auto=format&n=JUhaF6Mf68z\_zHyy&q=85&s=7ac549adaea8d5487d8fbd58cc3ea35b](https://mintcdn.com/bun-1dd33a4e/JUhaF6Mf68z_zHyy/icons/typescript.svg?fit=max&auto=format&n=JUhaF6Mf68z_zHyy&q=85&s=7ac549adaea8d5487d8fbd58cc3ea35b)hello-svelte.test.ts

import { test, expect } from "bun:test"; import { render, fireEvent } from "@testing-library/svelte"; import Counter from "./Counter.svelte";

test("Counter increments when clicked", async () => { const { getByText, component } = render(Counter); const button = getByText("+1");

// Initial state expect(component.$$.ctx[0]).toBe(0); // initialCount is the first prop

// Click the increment button await fireEvent.click(button);

// Check the new state expect(component.$$.ctx[0]).toBe(1); });

* * *

Use `bun test` to run your tests.

terminal

bun test