Added more tests.

tests/App.spec.ts

@@ -0,0 +1,49 @@
+import { describe, expect, it } from "vitest";
+import { mount, type VueWrapper } from "@vue/test-utils";
+import { vuetify } from "./setup.vuetify";
+
+import App from "~/App.vue";
+
+describe("App.vue", () => {
+  const wrapper: VueWrapper = mount(App, {
+    global: {
+      plugins: [vuetify],
+      stubs: {
+        HeaderNavBar: true,
+        FooterComponent: true,
+        RouterView: true,
+      },
+    },
+  });
+
+  describe("Component Structure", () => {
+    it("renders the component", () => {
+      expect(wrapper.exists()).toBe(true);
+    });
+
+    it("renders v-app as the root element", () => {
+      expect(wrapper.find(".v-application").exists()).toBe(true);
+    });
+
+    it("renders HeaderNavBar component", () => {
+      expect(wrapper.findComponent({ name: "HeaderNavBar" }).exists()).toBe(true);
+    });
+
+    it("renders FooterComponent component", () => {
+      expect(wrapper.findComponent({ name: "FooterComponent" }).exists()).toBe(true);
+    });
+
+    it("renders v-main element", () => {
+      expect(wrapper.find(".v-main").exists()).toBe(true);
+    });
+
+    it("renders v-container inside v-main", () => {
+      const main = wrapper.find(".v-main");
+      expect(main.find(".v-container").exists()).toBe(true);
+    });
+
+    it("renders RouterView component", () => {
+      expect(wrapper.findComponent({ name: "RouterView" }).exists()).toBe(true);
+    });
+  });
+});

tests/setup.vuetify.ts

@@ -0,0 +1,10 @@
+import { createVuetify } from "vuetify";
+import * as components from "vuetify/components";
+import * as directives from "vuetify/directives";
+
+const vuetify = createVuetify({
+  components,
+  directives,
+});
+
+export { vuetify };

tsconfig.vitest.json

@@ -1,10 +1,14 @@
 {
   "extends": "./tsconfig.app.json",
-  "include": ["tests/**/*.spec.ts", "env.d.ts", "src/**/*", "src/**/*.vue"],
+  "include": ["tests/**/*.ts", "env.d.ts", "src/**/*", "src/**/*.vue"],
   "exclude": [],
   "compilerOptions": {
     "tsBuildInfoFile": "./node_modules/.tmp/tsconfig.vitest.tsbuildinfo",
 
     "types": ["node", "happy-dom"]
+  },
+  "paths": {
+    "~/*": ["./src/*"],
+    "@/*": ["./src/*"]
   }
 }

vitest.config.ts

@@ -9,12 +9,11 @@ export default mergeConfig(
       environment: "happy-dom",
       exclude: [...configDefaults.exclude, "e2e/**"],
       root: fileURLToPath(new URL("./", import.meta.url)),
-      reporters: [
+      setupFiles: ["./tests/setup.vuetify.ts"],
-        'default',
+      reporters: ["default", ["vitest-sonar-reporter", { outputFile: "coverage/sonar-report.xml" }]],
-        ['vitest-sonar-reporter', { outputFile: 'coverage/sonar-report.xml' }],
-      ],
       coverage: {
         reporter: ["text", "lcov"],
+        exclude: [...(configDefaults.coverage.exclude || []), "**/*.css", "**/*.scss"],
       },
       server: {
         deps: {
@@ -22,5 +21,5 @@ export default mergeConfig(
         },
       },
     },
-  }),
+  })
 );