mirror of
https://github.com/oven-sh/bun
synced 2026-02-09 18:38:55 +00:00
93f92658b3
(For internal tracking: fixes ENG-19852) --------- Co-authored-by: Devin AI <158243242+devin-ai-integration[bot]@users.noreply.github.com> Co-authored-by: Jarred-Sumner <709451+Jarred-Sumner@users.noreply.github.com> Co-authored-by: Kai Tamkun <kai@tamkun.io> Co-authored-by: autofix-ci[bot] <114827586+autofix-ci[bot]@users.noreply.github.com> Co-authored-by: taylor.fish <contact@taylor.fish>
56 lines
2.0 KiB
TypeScript
56 lines
2.0 KiB
TypeScript
// these tests involve ensuring certain libraries are working correctly. it
|
|
// should be preferred to write specific tests for the bugs that these libraries
|
|
// discovered, but it easy and still a reasonable idea to just test the library
|
|
// entirely.
|
|
import { expect } from "bun:test";
|
|
import { devTest } from "../bake-harness";
|
|
|
|
// Bugs discovered thanks to Svelte:
|
|
// - Circular import situations
|
|
// - export { live_binding }
|
|
// - export { x as y }
|
|
devTest("svelte component islands example", {
|
|
fixture: "svelte-component-islands",
|
|
timeoutMultiplier: 2,
|
|
skip: ["win32"],
|
|
async test(dev) {
|
|
const html = await dev.fetch("/").text();
|
|
if (html.includes("Bun__renderFallbackError")) throw new Error("failed");
|
|
|
|
// Expect SSR
|
|
expect(html).toContain('self.$islands={"pages/_Counter.svelte":[[0,"default",{initial:5}]]}');
|
|
expect(html).toContain(`<p>This is my svelte server component (non-interactive)</p> <p>Bun v${Bun.version}</p>`);
|
|
expect(html).toContain(`>This is a client component (interactive island)</p>`);
|
|
|
|
await using c = await dev.client("/");
|
|
expect(await c.elemText("button")).toBe("Clicked 5 times");
|
|
const result = await c.js`
|
|
document.querySelector("button").click();
|
|
await new Promise(resolve => setTimeout(resolve, 10));
|
|
return document.querySelector("button").textContent;
|
|
`;
|
|
expect(result).toBe("Clicked 6 times");
|
|
|
|
await c.expectReload(async () => {
|
|
await dev.patch("pages/index.svelte", {
|
|
find: "non-interactive",
|
|
replace: "awesome",
|
|
});
|
|
});
|
|
|
|
await dev.patch("pages/_Counter.svelte", {
|
|
find: "interactive island",
|
|
replace: "magical",
|
|
});
|
|
|
|
expect(await c.elemText("#counter_text")).toInclude("magical");
|
|
|
|
const html2 = await dev.fetch("/").text();
|
|
if (html2.includes("Bun__renderFallbackError")) throw new Error("failed");
|
|
|
|
// Expect SSR
|
|
expect(html2).toContain(`<p>This is my svelte server component (awesome)</p> <p>Bun v${Bun.version}</p>`);
|
|
expect(html2).toContain(`>This is a client component (magical)</p>`);
|
|
},
|
|
});
|