chore: update eslint config, update tests, constants

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();
   });
 });