import { describe, it, expect } from "vitest";
import { mount } from "@vue/test-utils";
import AppShell from "../AppShell.vue";

describe("AppShell", () => {
  it("renders brand name", () => {
    const wrapper = mount(AppShell, {
      slots: { default: "Content" },
    });

    expect(wrapper.text()).toContain("SHSERV WEB CLIENT");
  });

  it("renders slot content", () => {
    const wrapper = mount(AppShell, {
      slots: { default: "<p>Page Content</p>" },
    });

    expect(wrapper.text()).toContain("Page Content");
  });

  it("renders navigation items with icons", () => {
    const wrapper = mount(AppShell, {
      slots: { default: "" },
    });

    expect(wrapper.text()).toContain("Favorites");
    expect(wrapper.text()).toContain("Areas");
    expect(wrapper.text()).toContain("Devices");
    expect(wrapper.text()).toContain("Scanning");
    expect(wrapper.text()).toContain("Actions");
    expect(wrapper.text()).toContain("Regular");
    expect(wrapper.text()).toContain("Scopes");
  });
});