diff --git a/tests/unit/components/image/CropInline.test.ts b/tests/unit/components/image/CropInline.test.ts index be8f437..2fe67c6 100644 --- a/tests/unit/components/image/CropInline.test.ts +++ b/tests/unit/components/image/CropInline.test.ts @@ -7,6 +7,4 @@ describe("CropInline.svelte", () => { const { container } = render(CropInline); expect(container).toBeInTheDocument(); }); - - }); diff --git a/tests/unit/components/layout/AppHeader.test.ts b/tests/unit/components/layout/AppHeader.test.ts index 2bd19ac..6115eba 100644 --- a/tests/unit/components/layout/AppHeader.test.ts +++ b/tests/unit/components/layout/AppHeader.test.ts @@ -1,15 +1,13 @@ -import { render, screen, fireEvent } from "@testing-library/svelte"; -import { describe, expect, it, beforeEach } from "vitest"; -import { themeState } from "$states/theme.svelte"; import AppHeader from "$components/layout/AppHeader.svelte"; +import { themeState } from "$states/theme.svelte"; +import { fireEvent, render } from "@testing-library/svelte"; +import { beforeEach, describe, expect, it } from "vitest"; describe("AppHeader.svelte", () => { beforeEach(() => { themeState.theme = "dark"; }); - - it("should toggle theme on button click", async () => { const { container } = render(AppHeader); @@ -23,6 +21,4 @@ describe("AppHeader.svelte", () => { await fireEvent.click(toggleButton); expect(themeState.theme).toBe("dark"); }); - - }); diff --git a/tests/unit/components/layout/Card.test.ts b/tests/unit/components/layout/Card.test.ts index 2dcd4ee..001fe54 100644 --- a/tests/unit/components/layout/Card.test.ts +++ b/tests/unit/components/layout/Card.test.ts @@ -1,4 +1,4 @@ -import { render, screen } from "@testing-library/svelte"; +import { render } from "@testing-library/svelte"; import { describe, expect, it } from "vitest"; import CardTest from "./CardTest.svelte"; diff --git a/tests/unit/components/layout/CardTest.svelte b/tests/unit/components/layout/CardTest.svelte index 953a953..32a9277 100644 --- a/tests/unit/components/layout/CardTest.svelte +++ b/tests/unit/components/layout/CardTest.svelte @@ -1,4 +1,3 @@ - diff --git a/tests/unit/components/layout/InputGroup.test.ts b/tests/unit/components/layout/InputGroup.test.ts index 294f350..8c44cb7 100644 --- a/tests/unit/components/layout/InputGroup.test.ts +++ b/tests/unit/components/layout/InputGroup.test.ts @@ -1,4 +1,4 @@ -import { render, screen } from "@testing-library/svelte"; +import { render } from "@testing-library/svelte"; import { describe, expect, it } from "vitest"; import InputGroupTest from "./InputGroupTest.svelte"; diff --git a/tests/unit/components/layout/InputGroupTest.svelte b/tests/unit/components/layout/InputGroupTest.svelte index f1e1a14..974d2bd 100644 --- a/tests/unit/components/layout/InputGroupTest.svelte +++ b/tests/unit/components/layout/InputGroupTest.svelte @@ -1,4 +1,3 @@ - diff --git a/tests/unit/components/layout/PanelBar.test.ts b/tests/unit/components/layout/PanelBar.test.ts index cd49203..2ad5535 100644 --- a/tests/unit/components/layout/PanelBar.test.ts +++ b/tests/unit/components/layout/PanelBar.test.ts @@ -7,6 +7,4 @@ describe("PanelBar.svelte", () => { const { container } = render(PanelBar); expect(container).toBeInTheDocument(); }); - - }); diff --git a/tests/unit/components/layout/SettingsGrid.test.ts b/tests/unit/components/layout/SettingsGrid.test.ts index e6bad8a..fd05cd7 100644 --- a/tests/unit/components/layout/SettingsGrid.test.ts +++ b/tests/unit/components/layout/SettingsGrid.test.ts @@ -1,4 +1,4 @@ -import { render, screen } from "@testing-library/svelte"; +import { render } from "@testing-library/svelte"; import { describe, expect, it } from "vitest"; import SettingsGridTest from "./SettingsGridTest.svelte"; diff --git a/tests/unit/components/layout/SettingsGridTest.svelte b/tests/unit/components/layout/SettingsGridTest.svelte index eed8aff..b7e2681 100644 --- a/tests/unit/components/layout/SettingsGridTest.svelte +++ b/tests/unit/components/layout/SettingsGridTest.svelte @@ -1,4 +1,3 @@ - diff --git a/tests/unit/components/layout/SettingsRow.test.ts b/tests/unit/components/layout/SettingsRow.test.ts index 6fb77af..c00b910 100644 --- a/tests/unit/components/layout/SettingsRow.test.ts +++ b/tests/unit/components/layout/SettingsRow.test.ts @@ -1,4 +1,4 @@ -import { render, screen } from "@testing-library/svelte"; +import { render } from "@testing-library/svelte"; import { describe, expect, it } from "vitest"; import SettingsRowTest from "./SettingsRowTest.svelte"; diff --git a/tests/unit/components/layout/SettingsRowTest.svelte b/tests/unit/components/layout/SettingsRowTest.svelte index af2a020..2d0ec26 100644 --- a/tests/unit/components/layout/SettingsRowTest.svelte +++ b/tests/unit/components/layout/SettingsRowTest.svelte @@ -1,4 +1,3 @@ - diff --git a/tests/unit/components/layout/TextBar.test.ts b/tests/unit/components/layout/TextBar.test.ts index 9f2e7ca..f758e88 100644 --- a/tests/unit/components/layout/TextBar.test.ts +++ b/tests/unit/components/layout/TextBar.test.ts @@ -7,6 +7,4 @@ describe("TextBar.svelte", () => { const { container } = render(TextBar); expect(container).toBeInTheDocument(); }); - - }); diff --git a/tests/unit/components/panel/Preview.test.ts b/tests/unit/components/panel/Preview.test.ts index 12bb2e9..5a60bb5 100644 --- a/tests/unit/components/panel/Preview.test.ts +++ b/tests/unit/components/panel/Preview.test.ts @@ -1,6 +1,6 @@ import Preview from "$components/panel/Preview.svelte"; -import { render, cleanup } from "@testing-library/svelte"; -import { describe, expect, it, afterEach } from "vitest"; +import { cleanup, render } from "@testing-library/svelte"; +import { afterEach, describe, expect, it } from "vitest"; afterEach(() => { cleanup(); @@ -29,6 +29,4 @@ describe("Preview.svelte", () => { const stage = container.querySelector("canvas"); expect(stage).toBeInTheDocument(); }); - - }); diff --git a/tests/unit/components/panel/PreviewAll.test.ts b/tests/unit/components/panel/PreviewAll.test.ts index db2c098..2015704 100644 --- a/tests/unit/components/panel/PreviewAll.test.ts +++ b/tests/unit/components/panel/PreviewAll.test.ts @@ -1,7 +1,7 @@ import PreviewAll from "$components/panel/PreviewAll.svelte"; import { textsState } from "$states/texts.svelte"; -import { render, screen } from "@testing-library/svelte"; -import { beforeEach, describe, expect, it } from "vitest"; +import { render } from "@testing-library/svelte"; +import { beforeEach, describe, it } from "vitest"; describe("PreviewAll.svelte", () => { beforeEach(() => { diff --git a/tests/unit/components/panel/PreviewControls.test.ts b/tests/unit/components/panel/PreviewControls.test.ts index 499bc2c..ffc46dc 100644 --- a/tests/unit/components/panel/PreviewControls.test.ts +++ b/tests/unit/components/panel/PreviewControls.test.ts @@ -1,14 +1,12 @@ import PreviewControls from "$components/panel/PreviewControls.svelte"; -import { render, screen, cleanup } from "@testing-library/svelte"; -import { describe, expect, it, afterEach } from "vitest"; +import { cleanup, render } from "@testing-library/svelte"; +import { afterEach, describe, expect, it } from "vitest"; afterEach(() => { cleanup(); }); describe("PreviewControls.svelte", () => { - - it("should render navigation buttons", () => { render(PreviewControls, { props: { @@ -21,8 +19,4 @@ describe("PreviewControls.svelte", () => { const buttons = document.querySelectorAll("button"); expect(buttons.length).toBeGreaterThan(0); }); - - - - }); diff --git a/tests/unit/components/panel/PreviewManager.test.ts b/tests/unit/components/panel/PreviewManager.test.ts index f6a0c43..84642de 100644 --- a/tests/unit/components/panel/PreviewManager.test.ts +++ b/tests/unit/components/panel/PreviewManager.test.ts @@ -1,7 +1,7 @@ import PreviewManager from "$components/panel/PreviewManager.svelte"; import { textsState } from "$states/texts.svelte"; -import { render, screen } from "@testing-library/svelte"; -import { beforeEach, describe, expect, it } from "vitest"; +import { render } from "@testing-library/svelte"; +import { beforeEach, describe, it } from "vitest"; describe("PreviewManager.svelte", () => { beforeEach(() => { diff --git a/tests/unit/components/text/TextConfig.test.ts b/tests/unit/components/text/TextConfig.test.ts index 84a64a5..d7f9b1f 100644 --- a/tests/unit/components/text/TextConfig.test.ts +++ b/tests/unit/components/text/TextConfig.test.ts @@ -1,6 +1,6 @@ import TextConfig from "$components/text/TextConfig.svelte"; -import { render, screen, cleanup } from "@testing-library/svelte"; -import { describe, expect, it, afterEach } from "vitest"; +import { cleanup, render } from "@testing-library/svelte"; +import { afterEach, describe, it } from "vitest"; afterEach(() => { cleanup(); @@ -10,8 +10,4 @@ describe("TextConfig.svelte", () => { it("should render without crashing", () => { render(TextConfig); }); - - - - }); diff --git a/tests/unit/components/text/TextInlineEdit.test.ts b/tests/unit/components/text/TextInlineEdit.test.ts index 6136055..f484eeb 100644 --- a/tests/unit/components/text/TextInlineEdit.test.ts +++ b/tests/unit/components/text/TextInlineEdit.test.ts @@ -1,6 +1,6 @@ import TextInlineEdit from "$components/text/TextInlineEdit.svelte"; -import { render, cleanup } from "@testing-library/svelte"; -import { describe, expect, it, afterEach } from "vitest"; +import { cleanup, render } from "@testing-library/svelte"; +import { afterEach, describe, expect, it } from "vitest"; afterEach(() => { cleanup(); @@ -21,8 +21,6 @@ describe("TextInlineEdit.svelte", () => { expect(input).toHaveValue("Test text"); }); - - it("should render with empty text", () => { render(TextInlineEdit, { props: { diff --git a/tests/unit/components/text/TextInput.test.ts b/tests/unit/components/text/TextInput.test.ts index 8ee5523..cef7f56 100644 --- a/tests/unit/components/text/TextInput.test.ts +++ b/tests/unit/components/text/TextInput.test.ts @@ -1,6 +1,6 @@ -import { render, screen, fireEvent } from "@testing-library/svelte"; -import { describe, expect, it, vi } from "vitest"; import TextInput from "$components/text/TextInput.svelte"; +import { fireEvent, render } from "@testing-library/svelte"; +import { describe, expect, it, vi } from "vitest"; describe("TextInput.svelte", () => { it("should render with initial value", () => { @@ -63,6 +63,4 @@ describe("TextInput.svelte", () => { expect(onenter).not.toHaveBeenCalled(); }); - - }); diff --git a/tests/unit/components/text/TextManager.test.ts b/tests/unit/components/text/TextManager.test.ts index 7bed21a..f81ebda 100644 --- a/tests/unit/components/text/TextManager.test.ts +++ b/tests/unit/components/text/TextManager.test.ts @@ -1,7 +1,7 @@ import TextManager from "$components/text/TextManager.svelte"; import { textsState } from "$states/texts.svelte"; -import { render, screen } from "@testing-library/svelte"; -import { beforeEach, describe, expect, it } from "vitest"; +import { render } from "@testing-library/svelte"; +import { beforeEach, describe, it } from "vitest"; describe("TextManager.svelte", () => { beforeEach(() => { diff --git a/tests/unit/components/ui/Badge.test.ts b/tests/unit/components/ui/Badge.test.ts index dbb3d4a..ba2f18c 100644 --- a/tests/unit/components/ui/Badge.test.ts +++ b/tests/unit/components/ui/Badge.test.ts @@ -1,6 +1,6 @@ +import Badge from "$components/ui/Badge.svelte"; import { render, screen } from "@testing-library/svelte"; import { describe, expect, it } from "vitest"; -import Badge from "$components/ui/Badge.svelte"; describe("Badge.svelte", () => { it("should render with string text", () => { diff --git a/tests/unit/components/ui/Button.test.ts b/tests/unit/components/ui/Button.test.ts index 244da2b..692ddfe 100644 --- a/tests/unit/components/ui/Button.test.ts +++ b/tests/unit/components/ui/Button.test.ts @@ -1,10 +1,9 @@ -import { render, screen, fireEvent } from "@testing-library/svelte"; -import { describe, expect, it, vi } from "vitest"; import Button from "$components/ui/Button.svelte"; -import MockIcon from "./__mocks__/MockIcon.svelte"; +import { fireEvent, render, screen } from "@testing-library/svelte"; +import { describe, expect, it, vi } from "vitest"; +import MockIcon from "./MockIcon.svelte"; describe("Button.svelte", () => { - it("should render with icon and label", () => { const { container } = render(Button, { props: { @@ -68,6 +67,4 @@ describe("Button.svelte", () => { const button = container.querySelector("button"); expect(button).not.toBeDisabled(); }); - - }); diff --git a/tests/unit/components/ui/ColorPicker.test.ts b/tests/unit/components/ui/ColorPicker.test.ts index 896ed74..50b7203 100644 --- a/tests/unit/components/ui/ColorPicker.test.ts +++ b/tests/unit/components/ui/ColorPicker.test.ts @@ -1,6 +1,6 @@ import ColorPicker from "$components/ui/ColorPicker.svelte"; -import { fireEvent, render, screen } from "@testing-library/svelte"; -import { describe, expect, it } from "vitest"; +import { render } from "@testing-library/svelte"; +import { describe, it } from "vitest"; describe("ColorPicker.svelte", () => { it("should render without crashing", () => { @@ -10,6 +10,4 @@ describe("ColorPicker.svelte", () => { }, }); }); - - }); diff --git a/tests/unit/components/ui/__mocks__/MockIcon.svelte b/tests/unit/components/ui/MockIcon.svelte similarity index 100% rename from tests/unit/components/ui/__mocks__/MockIcon.svelte rename to tests/unit/components/ui/MockIcon.svelte diff --git a/tests/unit/components/ui/RangeSlider.test.ts b/tests/unit/components/ui/RangeSlider.test.ts index a619d33..3aef977 100644 --- a/tests/unit/components/ui/RangeSlider.test.ts +++ b/tests/unit/components/ui/RangeSlider.test.ts @@ -1,10 +1,8 @@ import RangeSlider from "$components/ui/RangeSlider.svelte"; -import { fireEvent, render, screen } from "@testing-library/svelte"; +import { fireEvent, render } from "@testing-library/svelte"; import { describe, expect, it, vi } from "vitest"; describe("RangeSlider.svelte", () => { - - it("should call onchange handler", async () => { const onchange = vi.fn(); const { container } = render(RangeSlider, { diff --git a/tests/unit/components/ui/SelectFont.test.ts b/tests/unit/components/ui/SelectFont.test.ts index 8ad0c8b..ae966b4 100644 --- a/tests/unit/components/ui/SelectFont.test.ts +++ b/tests/unit/components/ui/SelectFont.test.ts @@ -1,6 +1,6 @@ import SelectFont from "$components/ui/SelectFont.svelte"; -import { fireEvent, render, screen } from "@testing-library/svelte"; -import { describe, expect, it } from "vitest"; +import { render } from "@testing-library/svelte"; +import { describe, it } from "vitest"; describe("SelectFont.svelte", () => { it("should render without crashing", () => { diff --git a/tests/unit/constants.test.ts b/tests/unit/constants.test.ts index 746d5f9..eca4225 100644 --- a/tests/unit/constants.test.ts +++ b/tests/unit/constants.test.ts @@ -1,12 +1,12 @@ import { - PANEL_SETTINGS, - TYPOGRAPHY, + DEFAULT_TEXT_ALIGN, IMAGE_SETTINGS, + PANEL_SETTINGS, SlideDirection, type SlideDirectionType, TextAlign, type TextAlignType, - DEFAULT_TEXT_ALIGN, + TYPOGRAPHY, } from "$lib/constants"; import { describe, expect, it } from "vitest"; @@ -159,7 +159,7 @@ describe("constants", () => { }); it("should have string format types", () => { - IMAGE_SETTINGS.SUPPORTED_FORMATS.forEach(format => { + IMAGE_SETTINGS.SUPPORTED_FORMATS.forEach((format) => { expect(typeof format).toBe("string"); expect(format).toMatch(/^image\//); }); diff --git a/tests/unit/errorTypes.test.ts b/tests/unit/errorTypes.test.ts index 2be963e..c55f03f 100644 --- a/tests/unit/errorTypes.test.ts +++ b/tests/unit/errorTypes.test.ts @@ -1,4 +1,4 @@ -import { AppError, ImageError, TextError, CanvasError, StorageError } from "$lib/error.types"; +import { AppError, CanvasError, ImageError, StorageError, TextError } from "$lib/error.types"; import { describe, expect, it } from "vitest"; describe("error.types", () => { @@ -153,7 +153,7 @@ describe("error.types", () => { new StorageError("Test"), ]; - errors.forEach(error => { + errors.forEach((error) => { expect(error).toBeInstanceOf(AppError); expect(error).toBeInstanceOf(Error); }); @@ -165,8 +165,8 @@ describe("error.types", () => { new TextError("Test"), ]; - const imageErrors = errors.filter(e => e instanceof ImageError); - const textErrors = errors.filter(e => e instanceof TextError); + const imageErrors = errors.filter((e) => e instanceof ImageError); + const textErrors = errors.filter((e) => e instanceof TextError); expect(imageErrors).toHaveLength(1); expect(textErrors).toHaveLength(1); diff --git a/tests/unit/errorUtils.test.ts b/tests/unit/errorUtils.test.ts index 16f5fff..cd2466d 100644 --- a/tests/unit/errorUtils.test.ts +++ b/tests/unit/errorUtils.test.ts @@ -1,5 +1,5 @@ -import { AppError, ImageError, TextError, CanvasError, StorageError } from "$lib/error.types"; -import { formatError, createError, logError } from "$lib/utils/errorUtils"; +import { AppError, CanvasError, ImageError, StorageError, TextError } from "$lib/error.types"; +import { createError, formatError, logError } from "$lib/utils/errorUtils"; import { describe, expect, it, vi } from "vitest"; describe("errorUtils", () => { diff --git a/tests/unit/routes/LayoutTest.svelte b/tests/unit/routes/LayoutTest.svelte index 02679f9..c0ffed2 100644 --- a/tests/unit/routes/LayoutTest.svelte +++ b/tests/unit/routes/LayoutTest.svelte @@ -1,4 +1,3 @@ - diff --git a/tests/unit/routes/PageTest.svelte b/tests/unit/routes/PageTest.svelte index 5e56449..11cbeec 100644 --- a/tests/unit/routes/PageTest.svelte +++ b/tests/unit/routes/PageTest.svelte @@ -1,4 +1,3 @@ - diff --git a/tests/unit/routes/layout.test.ts b/tests/unit/routes/layout.test.ts index ba96bdc..0a43660 100644 --- a/tests/unit/routes/layout.test.ts +++ b/tests/unit/routes/layout.test.ts @@ -1,5 +1,7 @@ import { themeState } from "$states/theme.svelte"; +import { render, screen } from "@testing-library/svelte"; import { beforeEach, describe, expect, it, vi } from "vitest"; +import LayoutTest from "./LayoutTest.svelte"; describe("+layout.svelte", () => { beforeEach(() => { @@ -27,9 +29,6 @@ describe("+layout.svelte", () => { }); }); -import LayoutTest from "./LayoutTest.svelte"; -import { render, screen } from "@testing-library/svelte"; - describe("Layout Component Coverage", () => { it("should render children snippet and initialize props", () => { render(LayoutTest); diff --git a/tests/unit/routes/page.test.ts b/tests/unit/routes/page.test.ts index 663aee8..9eeae5a 100644 --- a/tests/unit/routes/page.test.ts +++ b/tests/unit/routes/page.test.ts @@ -1,4 +1,4 @@ -import { render, screen } from "@testing-library/svelte"; +import { render } from "@testing-library/svelte"; import { describe, expect, it } from "vitest"; import PageTest from "./PageTest.svelte"; diff --git a/tests/unit/states/konvaStage.test.ts b/tests/unit/states/konvaStage.test.ts index 9bb8a70..e06cb8a 100644 --- a/tests/unit/states/konvaStage.test.ts +++ b/tests/unit/states/konvaStage.test.ts @@ -51,37 +51,4 @@ describe("konvaStage.svelte", () => { expect(konvaStageState.stage).not.toStrictEqual(firstStage); }); }); - - // describe("stage lifecycle", () => { - // it("should handle stage creation", () => { - // const mockStage = { id: "new-stage" } as any; - - // konvaStageState.stage = mockStage; - - // expect(konvaStageState.stage).toStrictEqual(mockStage); - // expect(konvaStageState.stage?.id).toBe("new-stage"); - // }); - - // it("should handle stage destruction", () => { - // const mockStage = { id: "to-destroy" } as any; - - // konvaStageState.stage = mockStage; - // expect(konvaStageState.stage).toBeDefined(); - - // konvaStageState.stage = undefined; - // expect(konvaStageState.stage).toBeUndefined(); - // }); - - // it("should handle stage replacement", () => { - // const oldStage = { id: "old" } as any; - // const newStage = { id: "new" } as any; - - // konvaStageState.stage = oldStage; - // expect(konvaStageState.stage).toStrictEqual(oldStage); - - // konvaStageState.stage = newStage; - // expect(konvaStageState.stage).toStrictEqual(newStage); - // expect(konvaStageState.stage).not.toStrictEqual(oldStage); - // }); - // }); }); diff --git a/tests/unit/states/theme.test.ts b/tests/unit/states/theme.test.ts index 7156b4f..7f7e2d6 100644 --- a/tests/unit/states/theme.test.ts +++ b/tests/unit/states/theme.test.ts @@ -1,5 +1,5 @@ -import { describe, expect, it } from "vitest"; import { themeState } from "$states/theme.svelte"; +import { describe, expect, it } from "vitest"; describe("theme.svelte", () => { describe("initial state", () => {