chore: update vitest-browser-svelte to version 3.0.0 and update render calls to be awaited

Author: DarthGigi

package.json

@@ -121,7 +121,7 @@
     "vaul-svelte": "1.0.0-next.7",
     "vite": "^8.0.16",
     "vitest": "^4.1.9",
-    "vitest-browser-svelte": "^2.1.1",
+    "vitest-browser-svelte": "^3.0.0",
     "zod": "^4.4.3"
   },
   "dependencies": {

pnpm-lock.yaml

@@ -7,7 +7,7 @@ const icon = createRawSnippet(() => ({ render: () => '<svg aria-hidden="true"></
 
 describe("SettingToggleRow", () => {
   it("forwards its disabled state to the switch", async ({ expect }) => {
-    const { container } = render(SettingToggleRow, {
+    const { container } = await render(SettingToggleRow, {
       icon,
       title: "Performance Mode",
       description: "Locked on",

src/lib/components/header/settings/SettingToggleRow.svelte.spec.ts

@@ -34,8 +34,8 @@ const imageBlock = {
 } satisfies Block;
 
 describe.concurrent("PostRenderer", () => {
-  it("applies Typeset to classless newsroom rich content", ({ expect }) => {
-    const { container } = render(PostRenderer, { body: [richTextBlock, imageBlock] });
+  it("applies Typeset to classless newsroom rich content", async ({ expect }) => {
+    const { container } = await render(PostRenderer, { body: [richTextBlock, imageBlock] });
 
     const typeset = container.querySelector(".typeset.typeset-article.max-w-\\[37em\\]");
     const heading = container.querySelector("h2");

src/lib/components/newsroom/PostRenderer.svelte.spec.ts

@@ -4,15 +4,15 @@ import SectionTitle from "./SectionTitle.svelte";
 
 describe.concurrent("SectionTitle Tests", () => {
   it("renders with text prop", async ({ expect }) => {
-    const { container } = render(SectionTitle, { text: "Test Section" });
+    const { container } = await render(SectionTitle, { text: "Test Section" });
 
     const heading = container.querySelector("h3");
     expect(heading).toBeTruthy();
     expect(heading?.textContent?.trim()).toBe("Test Section");
   });
 
   it("applies default classes", async ({ expect }) => {
-    const { container } = render(SectionTitle, { text: "Test" });
+    const { container } = await render(SectionTitle, { text: "Test" });
 
     const heading = container.querySelector("h3");
     expect(heading?.classList.contains("text-2xl")).toBe(true);
@@ -22,7 +22,7 @@ describe.concurrent("SectionTitle Tests", () => {
   });
 
   it("applies custom class via class prop", async ({ expect }) => {
-    const { container } = render(SectionTitle, {
+    const { container } = await render(SectionTitle, {
       text: "Custom",
       class: "custom-class"
     });
@@ -42,15 +42,15 @@ describe.concurrent("SectionTitle Tests", () => {
   });
 
   it("renders empty heading when neither text nor children provided", async ({ expect }) => {
-    const { container } = render(SectionTitle, {});
+    const { container } = await render(SectionTitle, {});
 
     const heading = container.querySelector("h3");
     expect(heading).toBeTruthy();
     expect(heading?.textContent?.trim()).toBe("");
   });
 
   it("handles complex class merging via cn()", async ({ expect }) => {
-    const { container } = render(SectionTitle, {
+    const { container } = await render(SectionTitle, {
       text: "Test",
       class: "mt-10 text-2xl"
     });
@@ -62,7 +62,7 @@ describe.concurrent("SectionTitle Tests", () => {
   });
 
   it("renders h3 element", async ({ expect }) => {
-    const { container } = render(SectionTitle, { text: "Test" });
+    const { container } = await render(SectionTitle, { text: "Test" });
 
     const heading = container.querySelector("h3");
     expect(heading?.tagName).toBe("H3");

src/lib/components/sections/SectionTitle.svelte.spec.ts

@@ -5,7 +5,7 @@ import AdditionStat from "./AdditionStat.svelte";
 
 describe.concurrent("AdditionStat Tests", () => {
   it("renders basic stat with text and data", async ({ expect }) => {
-    const { container } = render(WithContext, {
+    const { container } = await render(WithContext, {
       component: AdditionStat,
       componentProps: {
         text: "strength",
@@ -21,7 +21,7 @@ describe.concurrent("AdditionStat Tests", () => {
   });
 
   it("renders with subData", async ({ expect }) => {
-    const { container } = render(WithContext, {
+    const { container } = await render(WithContext, {
       component: AdditionStat,
       componentProps: {
         text: "health",
@@ -37,7 +37,7 @@ describe.concurrent("AdditionStat Tests", () => {
   });
 
   it("applies maxed class when maxed prop is true", async ({ expect }) => {
-    const { container } = render(WithContext, {
+    const { container } = await render(WithContext, {
       component: AdditionStat,
       componentProps: {
         text: "crit damage",
@@ -52,7 +52,7 @@ describe.concurrent("AdditionStat Tests", () => {
   });
 
   it("applies accent color when dataMaxed is true", async ({ expect }) => {
-    const { container } = render(WithContext, {
+    const { container } = await render(WithContext, {
       component: AdditionStat,
       componentProps: {
         text: "speed",
@@ -68,7 +68,7 @@ describe.concurrent("AdditionStat Tests", () => {
   });
 
   it("renders info tooltip indicator when asterisk prop is true", async ({ expect }) => {
-    const { container } = render(WithContext, {
+    const { container } = await render(WithContext, {
       component: AdditionStat,
       componentProps: {
         text: "magic find",
@@ -86,7 +86,7 @@ describe.concurrent("AdditionStat Tests", () => {
   });
 
   it("applies custom class", async ({ expect }) => {
-    const { container } = render(WithContext, {
+    const { container } = await render(WithContext, {
       component: AdditionStat,
       componentProps: {
         text: "defense",
@@ -101,7 +101,7 @@ describe.concurrent("AdditionStat Tests", () => {
   });
 
   it("capitalizes text label", async ({ expect }) => {
-    const { container } = render(WithContext, {
+    const { container } = await render(WithContext, {
       component: AdditionStat,
       componentProps: {
         text: "sea creature chance",
@@ -116,7 +116,7 @@ describe.concurrent("AdditionStat Tests", () => {
   });
 
   it("renders without subData", async ({ expect }) => {
-    const { container } = render(WithContext, {
+    const { container } = await render(WithContext, {
       component: AdditionStat,
       componentProps: {
         text: "intelligence",