diff --git a/src/components/base/menu/__tests__/MenuLabel.spec.ts b/src/components/base/menu/__tests__/MenuLabel.spec.ts
new file mode 100644
index 00000000..317fdd78
--- /dev/null
+++ b/src/components/base/menu/__tests__/MenuLabel.spec.ts
@@ -0,0 +1,12 @@
+import { describe, expect, it } from "vitest";
+import { VMenuLabel } from "../index";
+import { mount } from "@vue/test-utils";
+
+describe("MenuLabel", () => {
+  it("should render", () => {
+    expect(VMenuLabel).toBeDefined();
+    expect(
+      mount(VMenuLabel, { slots: { default: "Hello Halo" } }).html()
+    ).toMatchSnapshot();
+  });
+});
diff --git a/src/components/base/menu/__tests__/RoutesMenu.spec.tsx b/src/components/base/menu/__tests__/RoutesMenu.spec.tsx
new file mode 100644
index 00000000..4514321b
--- /dev/null
+++ b/src/components/base/menu/__tests__/RoutesMenu.spec.tsx
@@ -0,0 +1,8 @@
+import { describe, expect, it } from "vitest";
+import { VRoutesMenu } from "../RoutesMenu";
+
+describe("RoutesMenu", () => {
+  it("should render", () => {
+    expect(VRoutesMenu).toBeDefined();
+  });
+});
diff --git a/src/components/base/menu/__tests__/__snapshots__/MenuLabel.spec.ts.snap b/src/components/base/menu/__tests__/__snapshots__/MenuLabel.spec.ts.snap
new file mode 100644
index 00000000..7523a67e
--- /dev/null
+++ b/src/components/base/menu/__tests__/__snapshots__/MenuLabel.spec.ts.snap
@@ -0,0 +1,3 @@
+// Vitest Snapshot v1
+
+exports[`MenuLabel > should render 1`] = `"<li class=\\"menu-label flex flex-col\\">Hello Halo</li>"`;