chore: update eslint config, update tests, constants

tests/unit/components/image/ImageManager.test.ts

@@ -1,9 +1,11 @@
 import ImageManager from "$components/image/ImageManager.svelte";
 import { render } from "@testing-library/svelte";
-import { describe, it } from "vitest";
+import { describe, expect, it } from "vitest";
 
 describe("ImageManager.svelte", () => {
   it("should render without crashing", () => {
-    render(ImageManager);
+    const { container } = render(ImageManager);
+
+    expect(container).toBeTruthy();
   });
 });

tests/unit/components/panel/Preview.test.ts

@@ -2,11 +2,11 @@ import Preview from "$components/panel/Preview.svelte";
 import { cleanup, render } from "@testing-library/svelte";
 import { afterEach, describe, expect, it } from "vitest";
 
-afterEach(() => {
-  cleanup();
-});
-
 describe("Preview.svelte", () => {
+  afterEach(() => {
+    cleanup();
+  });
+
   it("should render without crashing", () => {
     const { container } = render(Preview, {
       props: {

tests/unit/components/panel/PreviewAll.test.ts

@@ -1,14 +1,11 @@
 import PreviewAll from "$components/panel/PreviewAll.svelte";
-import { textsState } from "$states/texts.svelte";
 import { render } from "@testing-library/svelte";
-import { beforeEach, describe, it } from "vitest";
+import { describe, expect, it } from "vitest";
 
 describe("PreviewAll.svelte", () => {
-  beforeEach(() => {
-    textsState.texts.length = 0;
-  });
-
   it("should render without crashing", () => {
-    render(PreviewAll);
+    const { container } = render(PreviewAll);
+
+    expect(container).toBeTruthy();
   });
 });

tests/unit/components/text/TextConfig.test.ts

@@ -1,13 +1,11 @@
 import TextConfig from "$components/text/TextConfig.svelte";
-import { cleanup, render } from "@testing-library/svelte";
-import { afterEach, describe, it } from "vitest";
-
-afterEach(() => {
-  cleanup();
-});
+import { render } from "@testing-library/svelte";
+import { describe, expect, it } from "vitest";
 
 describe("TextConfig.svelte", () => {
   it("should render without crashing", () => {
-    render(TextConfig);
+    const { container } = render(TextConfig);
+
+    expect(container).toBeTruthy();
   });
 });

tests/unit/components/text/TextInlineEdit.test.ts

@@ -2,11 +2,11 @@ import TextInlineEdit from "$components/text/TextInlineEdit.svelte";
 import { cleanup, render, screen } from "@testing-library/svelte";
 import { afterEach, describe, expect, it } from "vitest";
 
-afterEach(() => {
-  cleanup();
-});
-
 describe("TextInlineEdit.svelte", () => {
+  afterEach(() => {
+    cleanup();
+  });
+
   it("should render with initial text", () => {
     render(TextInlineEdit, {
       props: {

tests/unit/components/ui/Badge.test.ts

@@ -24,11 +24,13 @@ describe("Badge.svelte", () => {
   });
 
   it("should render with empty string", () => {
-    render(Badge, {
+    const { container } = render(Badge, {
       props: {
         text: "",
       },
     });
+
+    expect(container.textContent?.trim()).toBe("");
   });
 
   it("should render with zero", () => {

tests/unit/components/ui/ColorPicker.test.ts

@@ -1,6 +1,6 @@
 import ColorPicker from "$components/ui/ColorPicker.svelte";
-import { render } from "@testing-library/svelte";
-import { describe, it } from "vitest";
+import { render, screen } from "@testing-library/svelte";
+import { describe, expect, it } from "vitest";
 
 describe("ColorPicker.svelte", () => {
   it("should render without crashing", () => {
@@ -9,5 +9,6 @@ describe("ColorPicker.svelte", () => {
         value: "#ffffff",
       },
     });
+    expect(screen.getByRole("button")).toBeInTheDocument();
   });
 });

tests/unit/components/ui/SelectFont.test.ts

@@ -1,6 +1,6 @@
 import SelectFont from "$components/ui/SelectFont.svelte";
-import { render } from "@testing-library/svelte";
-import { describe, it } from "vitest";
+import { render, screen } from "@testing-library/svelte";
+import { describe, expect, it } from "vitest";
 
 describe("SelectFont.svelte", () => {
   it("should render without crashing", () => {
@@ -9,5 +9,6 @@ describe("SelectFont.svelte", () => {
         value: "Arial",
       },
     });
+    expect(screen.getByRole("combobox")).toBeInTheDocument();
   });
 });