diff --git a/tests/Accordion/Accordion.test.ts b/tests/Accordion/Accordion.test.ts
index d7288e3d..b86abd95 100644
--- a/tests/Accordion/Accordion.test.ts
+++ b/tests/Accordion/Accordion.test.ts
@@ -104,11 +104,25 @@ describe("Accordion", () => {
     expect(items).toHaveLength(4);
 
     // First item is open.
-    expect(items[0]).toHaveAttribute("class", expect.stringContaining("bx--accordion__item bx--accordion__item--active"));
+    expect(items[0]).toHaveAttribute(
+      "class",
+      expect.stringContaining(
+        "bx--accordion__item bx--accordion__item--active",
+      ),
+    );
 
     // All other items are collapsed.
-    expect(items[1]).toHaveAttribute("class", expect.stringContaining("bx--accordion__item"));
-    expect(items[2]).toHaveAttribute("class", expect.stringContaining("bx--accordion__item"));
-    expect(items[3]).toHaveAttribute("class", expect.stringContaining("bx--accordion__item"));
+    expect(items[1]).toHaveAttribute(
+      "class",
+      expect.not.stringContaining("bx--accordion__item--active"),
+    );
+    expect(items[2]).toHaveAttribute(
+      "class",
+      expect.not.stringContaining("bx--accordion__item--active"),
+    );
+    expect(items[3]).toHaveAttribute(
+      "class",
+      expect.not.stringContaining("bx--accordion__item--active"),
+    );
   });
 });
diff --git a/tests/App.test.svelte b/tests/App.test.svelte
index 71142b09..0e1066e5 100644
--- a/tests/App.test.svelte
+++ b/tests/App.test.svelte
@@ -1,5 +1,6 @@
 <script lang="ts">
   import { TreeView as TreeViewNav } from "carbon-components-svelte";
+  import AspectRatio from "./AspectRatio/AspectRatio.test.svelte";
   import Accordion from "./Accordion/Accordion.test.svelte";
   import AccordionProgrammatic from "./Accordion/Accordion.programmatic.test.svelte";
   import AccordionDisabled from "./Accordion/Accordion.disabled.test.svelte";
@@ -7,9 +8,15 @@
   import TreeViewHierarchy from "./TreeView/TreeView.hierarchy.test.svelte";
   import RecursiveList from "./RecursiveList/RecursiveList.test.svelte";
   import RecursiveListHierarchy from "./RecursiveList/RecursiveList.hierarchy.test.svelte";
+  import Tag from "./Tag/Tag.test.svelte";
   import { onMount } from "svelte";
 
   const routes = [
+    {
+      path: "/aspect-ratio",
+      name: "AspectRatio",
+      component: AspectRatio,
+    },
     {
       path: "/accordion",
       name: "Accordion",
@@ -45,6 +52,11 @@
       name: "TreeViewHierarchy",
       component: TreeViewHierarchy,
     },
+    {
+      path: "/tag",
+      name: "Tag",
+      component: Tag,
+    },
   ] as const;
 
   let currentPath = window.location.pathname;
diff --git a/tests/AspectRatio.test.svelte b/tests/AspectRatio.test.svelte
deleted file mode 100644
index f3620d20..00000000
--- a/tests/AspectRatio.test.svelte
+++ /dev/null
@@ -1,7 +0,0 @@
-<script lang="ts">
-  import { AspectRatio, Tile } from "carbon-components-svelte";
-</script>
-
-<AspectRatio ratio="16x9">
-  <Tile style="height: 100%">Content</Tile>
-</AspectRatio>
diff --git a/tests/AspectRatio/AspectRatio.test.svelte b/tests/AspectRatio/AspectRatio.test.svelte
new file mode 100644
index 00000000..bb147588
--- /dev/null
+++ b/tests/AspectRatio/AspectRatio.test.svelte
@@ -0,0 +1,13 @@
+<script lang="ts">
+  import { AspectRatio } from "carbon-components-svelte";
+</script>
+
+<AspectRatio>2x1</AspectRatio>
+<AspectRatio ratio="2x3">2x3</AspectRatio>
+<AspectRatio ratio="16x9">16x9</AspectRatio>
+<AspectRatio ratio="4x3">4x3</AspectRatio>
+<AspectRatio ratio="1x1">1x1</AspectRatio>
+<AspectRatio ratio="3x4">3x4</AspectRatio>
+<AspectRatio ratio="3x2">3x2</AspectRatio>
+<AspectRatio ratio="9x16">9x16</AspectRatio>
+<AspectRatio ratio="1x2">1x2</AspectRatio>
diff --git a/tests/AspectRatio/AspectRatio.test.ts b/tests/AspectRatio/AspectRatio.test.ts
new file mode 100644
index 00000000..7362d90b
--- /dev/null
+++ b/tests/AspectRatio/AspectRatio.test.ts
@@ -0,0 +1,15 @@
+import { render, screen } from "@testing-library/svelte";
+import AspectRatio from "./AspectRatio.test.svelte";
+
+describe("AspectRatio", () => {
+  it("renders correctly", () => {
+    render(AspectRatio);
+
+    ["2x1", "2x3", "16x9", "4x3", "1x1", "3x4", "3x2", "9x16", "1x2"].forEach(
+      (ratio) => {
+        const boundingElement = screen.getByText(ratio).parentElement;
+        expect(boundingElement).toHaveClass(`bx--aspect-ratio--${ratio}`);
+      },
+    );
+  });
+});
diff --git a/tests/Tag.test.svelte b/tests/Tag/Tag.test.svelte
similarity index 75%
rename from tests/Tag.test.svelte
rename to tests/Tag/Tag.test.svelte
index 4812f5f3..2a5710e1 100644
--- a/tests/Tag.test.svelte
+++ b/tests/Tag/Tag.test.svelte
@@ -29,10 +29,23 @@
 
 <Tag type="outline">outline</Tag>
 
-<Tag filter on:click on:close>Filterable</Tag>
+<Tag
+  filter
+  on:click={() => {
+    console.log("click");
+  }}
+  on:close={() => {
+    console.log("close");
+  }}>Filterable</Tag
+>
 
 <Tag icon={Add}>Custom icon</Tag>
 
-<Tag interactive>Text</Tag>
+<Tag
+  interactive
+  on:click={() => {
+    console.log("click");
+  }}>Text</Tag
+>
 
 <Tag skeleton />
diff --git a/tests/Tag/Tag.test.ts b/tests/Tag/Tag.test.ts
new file mode 100644
index 00000000..6a2dcce1
--- /dev/null
+++ b/tests/Tag/Tag.test.ts
@@ -0,0 +1,85 @@
+import { render, screen } from "@testing-library/svelte";
+import { user } from "../setup-tests";
+import Tag from "./Tag.test.svelte";
+
+describe("Tag", () => {
+  afterEach(() => {
+    vi.clearAllMocks();
+  });
+
+  it("renders all tag variants with correct styles", () => {
+    render(Tag);
+
+    const basicTag = screen.getByText("IBM Cloud");
+    expect(basicTag.parentElement).toHaveClass("my-class");
+    expect(basicTag.parentElement).toHaveStyle({ margin: "1rem" });
+
+    [
+      "red",
+      "magenta",
+      "purple",
+      "blue",
+      "cyan",
+      "teal",
+      "green",
+      "gray",
+      "cool-gray",
+      "warm-gray",
+      "high-contrast",
+      "outline",
+    ].forEach((color) => {
+      const tag = screen.getByText(color);
+      expect(tag.parentElement).toHaveClass(`bx--tag--${color}`);
+    });
+  });
+
+  it("renders and handles filterable tag correctly", async () => {
+    const consoleLog = vi.spyOn(console, "log");
+
+    render(Tag);
+
+    const filterableTag = screen.getByText("Filterable");
+    expect(filterableTag).toHaveClass("bx--tag--filter");
+
+    const closeButton = filterableTag.querySelector("button")!;
+    expect(closeButton).toHaveClass("bx--tag__close-icon");
+    expect(closeButton).toHaveAttribute("title", "Clear filter");
+
+    await user.click(closeButton);
+    expect(consoleLog).toHaveBeenCalledWith("close");
+    expect(consoleLog).toHaveBeenCalledWith("click");
+  });
+
+  it("renders custom icon tag correctly", () => {
+    render(Tag);
+
+    const iconTag = screen.getByText("Custom icon");
+    const iconContainer = iconTag.parentElement?.querySelector(
+      ".bx--tag__custom-icon",
+    );
+    expect(iconContainer).toBeInTheDocument();
+  });
+
+  it("renders interactive tag as a button", () => {
+    render(Tag);
+
+    const interactiveTag = screen.getByRole("button", { name: "Text" });
+    expect(interactiveTag).toHaveClass("bx--tag--interactive");
+  });
+
+  it("renders skeleton state", () => {
+    render(Tag);
+
+    const skeleton = document.querySelector(".bx--skeleton");
+    expect(skeleton).toBeInTheDocument();
+  });
+
+  it("handles click events on interactive tag", async () => {
+    const consoleLog = vi.spyOn(console, "log");
+    render(Tag);
+
+    const interactiveTag = screen.getByRole("button", { name: "Text" });
+    await user.click(interactiveTag);
+    expect(consoleLog).toHaveBeenCalledWith("click");
+  });
+});