Implemented vite test to make sure blocks.js maintains it's integrity and validates

package.json

@@ -17,10 +17,12 @@
         "eslint-config-prettier": "^10.0.1",
         "eslint-plugin-vue": "^9.32.0",
         "flowbite": "^1.8.1",
+        "jsdom": "^26.1.0",
         "prettier": "^3.4.2",
         "prettier-plugin-organize-imports": "^4.1.0",
         "prettier-plugin-tailwindcss": "^0.6.11",
         "typescript-eslint": "^8.23.0",
+        "vitest": "^3.1.3",
         "vue-tsc": "^2.2.4"
     },
     "dependencies": {

resources/js/__tests__/Utils/blocks.test.js

@@ -0,0 +1,65 @@
+import blocks from '@/Utils/blocks';
+import path from 'path';
+import fs from 'fs';
+import { expect } from 'vitest';
+
+describe('blocks.js structure', () => {
+    it('should contain uuid, componentName, renderComponentName and description for every block', () => {
+        blocks.groups.forEach(group => {
+            group.blocks.forEach(block => {
+                expect(block).toHaveProperty('uuid');
+                expect(typeof block.uuid).toBe('string');
+
+                expect(block).toHaveProperty('componentName');
+                expect(typeof block.componentName).toBe('string');
+
+                expect(block).toHaveProperty('renderComponentName');
+                expect(typeof block.renderComponentName).toBe('string');
+
+                expect(block).toHaveProperty('description');
+                expect(typeof block.description).toBe('string');
+            });
+        });
+    });
+
+    it('should contain optionsComponentName if block is not static', () => {
+        blocks.groups.forEach(group => {
+            group.blocks.forEach(block => {
+                if (!block.static) {
+                    expect(block).toHaveProperty('optionsComponentName');
+                    expect(typeof block.optionsComponentName).toBe('string');
+                }
+            });
+        });
+    });
+
+    it('should not require optionsComponentName if block is static', () => {
+        blocks.groups.forEach(group => {
+            group.blocks.forEach(block => {
+                if (block.static) {
+                    if (block.hasOwnProperty('optionsComponentName')) {
+                        expect(typeof block.optionsComponentName).toBe('string');
+                    }
+                }
+            });
+        });
+    });
+
+    it('should contain a valid thumbUrl that points to an existing file, for each block', () => {
+        const publicDir = path.resolve(__dirname, '../../../../public');
+
+        blocks.groups.forEach(group => {
+            group.blocks.forEach(block => {
+              expect(block).toHaveProperty('thumbUrl');
+              expect(typeof block.thumbUrl).toBe('string');
+            
+              const isValid = /^\/img\/blocks\/[^\/]+\.(jpg|png)$/.test(block.thumbUrl);
+              expect(isValid).toBe(true);
+
+              const fullPath = path.join(publicDir, block.thumbUrl);
+              const exists = fs.existsSync(fullPath);
+              expect(exists).toBe(true);
+            });
+        });
+    });
+});

resources/js/components/AppHeader.vue

@@ -41,7 +41,7 @@ const activeItemStyles = computed(
 const mainNavItems: NavItem[] = [
     {
         title: 'Dashboard',
-        href: '/dashboard',
+        href: '/dashboard/page-admin',
         icon: LayoutGrid,
     },
 ];

resources/js/components/AppSidebar.vue

@@ -11,7 +11,7 @@ import AppLogo from './AppLogo.vue';
 const mainNavItems: NavItem[] = [
     {
         title: 'Dashboard',
-        href: '/dashboard',
+        href: '/dashboard/page-admin',
         icon: LayoutGrid,
     },
 ];

vite.config.ts

@@ -3,9 +3,14 @@ import laravel from 'laravel-vite-plugin';
 import path from 'path';
 import tailwindcss from "@tailwindcss/vite";
 import { resolve } from 'node:path';
-import { defineConfig } from 'vite';
+import { defineConfig } from 'vitest/config';
 
 export default defineConfig({
+    test: {
+        globals: true,
+        environment: 'jsdom',
+        include: ['resources/js/__tests__/**/*.test.js'],
+    },
     plugins: [
         laravel({
             input: ['resources/js/app.ts'],