export default defineNuxtRouteMiddleware(async () => {
    const { ready, loggedIn, fetch } = useUserSession();

    // If the session is not ready yet, fetch it first
    if (!ready.value) {
        // this won't resolve in tests
        await fetch();
    }

    // After fetching (or if already ready), check if user is logged in
    if (!loggedIn.value) {
    // Redirect to login page if not logged in,
    // You can specify a redirect query parameter to return after login
        return navigateTo({
            path: '/auth/auth0'
            // to implement redirect, we need to have a way to save state while auth0 login flow is ongoing
            // query: { redirect: to.fullPath }
        }, { external: true });
    }
});

export default defineNuxtRouteMiddleware(async () => {
    const { ready, loggedIn, fetch } = useUserSession();

    // If the session is not ready yet, fetch it first
    if (!ready.value) {
        // this won't resolve in tests
        await fetch();
    }

    // After fetching (or if already ready), check if user is logged in
    if (!loggedIn.value) {
    // Redirect to login page if not logged in,
    // You can specify a redirect query parameter to return after login
        return navigateTo({
            path: '/auth/auth0'
            // to implement redirect, we need to have a way to save state while auth0 login flow is ongoing
            // query: { redirect: to.fullPath }
        }, { external: true });
    }
});

testUtils: {
    startOnBoot: true,
    logToConsole: true,
    vitestConfig
}

testUtils: {
    startOnBoot: true,
    logToConsole: true,
    vitestConfig
}

// drawer.test.ts
import { describe, test, expect } from 'vitest';
import { mountSuspended } from '@nuxt/test-utils/runtime';
import { DashboardDrawer } from '#components';

describe('Drawer Component', () => {
    test('should not render when open is false', async () => {
        expect(1).toBe(1);
        const component = await mountSuspended(DashboardDrawer, {
            slots: {
                default: '<div class="test-content">Test Content</div>'
            },
            props: {
                title: 'Test Title'
            }
        });

        expect(component.html()).not.toContain('test-content');
    });

    test('should render when open is true', async () => {
        const component = await mountSuspended(DashboardDrawer, {
            slots: {
                default: '<div class="test-content">Test Content</div>'
            },
            props: {
                title: 'Test Title',
                open: true
            }
        });

        expect(component.html()).toContain('test-content');
        expect(component.html()).toContain('Test Title');
    });

    test('should emit close event when close button is clicked', async () => {
        const component = await mountSuspended(DashboardDrawer, {
            slots: {
                default: '<div class="test-content">Test Content</div>'
            },
            props: {
                title: 'Test Title',
                open: true
            }
        });

        await component.get('button').trigger('click');

        expect(component.emitted()).toHaveProperty('close');
    });
});

// drawer.test.ts
import { describe, test, expect } from 'vitest';
import { mountSuspended } from '@nuxt/test-utils/runtime';
import { DashboardDrawer } from '#components';

describe('Drawer Component', () => {
    test('should not render when open is false', async () => {
        expect(1).toBe(1);
        const component = await mountSuspended(DashboardDrawer, {
            slots: {
                default: '<div class="test-content">Test Content</div>'
            },
            props: {
                title: 'Test Title'
            }
        });

        expect(component.html()).not.toContain('test-content');
    });

    test('should render when open is true', async () => {
        const component = await mountSuspended(DashboardDrawer, {
            slots: {
                default: '<div class="test-content">Test Content</div>'
            },
            props: {
                title: 'Test Title',
                open: true
            }
        });

        expect(component.html()).toContain('test-content');
        expect(component.html()).toContain('Test Title');
    });

    test('should emit close event when close button is clicked', async () => {
        const component = await mountSuspended(DashboardDrawer, {
            slots: {
                default: '<div class="test-content">Test Content</div>'
            },
            props: {
                title: 'Test Title',
                open: true
            }
        });

        await component.get('button').trigger('click');

        expect(component.emitted()).toHaveProperty('close');
    });
});

// vitest.config.ts
import { defineVitestConfig } from '@nuxt/test-utils/config';
import { configDefaults, defaultInclude } from 'vitest/config';
import { isCI } from 'std-env';

export default defineVitestConfig({
    test: {
        reporters: isCI ? ['dot', 'github-actions'] : ['default'],
        expect: {
            requireAssertions: true
        },
        exclude: [...configDefaults.exclude, 'tests/e2e/**'],
        environment: 'nuxt',
        workspace: [
            {
                extends: true,
                test: {
                    name: 'unit',
                    include: ['tests/unit/' + defaultInclude[0]]
                }
            }
        ]
    }
});

// vitest.config.ts
import { defineVitestConfig } from '@nuxt/test-utils/config';
import { configDefaults, defaultInclude } from 'vitest/config';
import { isCI } from 'std-env';

export default defineVitestConfig({
    test: {
        reporters: isCI ? ['dot', 'github-actions'] : ['default'],
        expect: {
            requireAssertions: true
        },
        exclude: [...configDefaults.exclude, 'tests/e2e/**'],
        environment: 'nuxt',
        workspace: [
            {
                extends: true,
                test: {
                    name: 'unit',
                    include: ['tests/unit/' + defaultInclude[0]]
                }
            }
        ]
    }
});