metaowl 0.4.0 → 0.5.0

package/test/layouts.test.js

@@ -1,395 +0,0 @@
-import { describe, it, expect, beforeEach, vi } from 'vitest'
-import {
-  registerLayout,
-  unregisterLayout,
-  getLayout,
-  hasLayout,
-  getLayoutNames,
-  setDefaultLayout,
-  getDefaultLayout,
-  resolveLayout,
-  setRouteLayout,
-  getRouteLayout,
-  createLayoutWrapper,
-  subscribeToLayouts,
-  clearLayouts,
-  layout,
-  defineLayout,
-  buildLayouts
-} from '../modules/layouts.js'
-
-// Mock Component class
-class MockComponent {
-  static template = '<div>Mock</div>'
-}
-
-class DefaultLayout extends MockComponent {
-  static template = '<div class="default"><t t-slot="default"/></div>'
-}
-
-class AdminLayout extends MockComponent {
-  static template = '<div class="admin"><t t-slot="default"/></div>'
-}
-
-describe('Layouts', () => {
-  beforeEach(() => {
-    clearLayouts()
-  })
-
-  describe('registerLayout', () => {
-    it('registers a layout component', () => {
-      registerLayout('default', DefaultLayout)
-
-      expect(hasLayout('default')).toBe(true)
-      expect(getLayout('default')).toBe(DefaultLayout)
-    })
-
-    it('can register multiple layouts', () => {
-      registerLayout('default', DefaultLayout)
-      registerLayout('admin', AdminLayout)
-
-      expect(getLayoutNames()).toContain('default')
-      expect(getLayoutNames()).toContain('admin')
-    })
-
-    it('sets default layout when option is true', () => {
-      registerLayout('custom', DefaultLayout, { default: true })
-
-      expect(getDefaultLayout()).toBe('custom')
-    })
-
-    it('notifies listeners on register', () => {
-      const listener = vi.fn()
-      subscribeToLayouts(listener)
-
-      registerLayout('test', MockComponent)
-
-      expect(listener).toHaveBeenCalledWith({
-        type: 'register',
-        name: 'test',
-        layout: MockComponent
-      })
-    })
-  })
-
-  describe('unregisterLayout', () => {
-    it('removes a registered layout', () => {
-      registerLayout('default', DefaultLayout)
-      expect(hasLayout('default')).toBe(true)
-
-      unregisterLayout('default')
-      expect(hasLayout('default')).toBe(false)
-    })
-
-    it('returns false for unregistered layout', () => {
-      expect(unregisterLayout('unknown')).toBe(false)
-    })
-
-    it('notifies listeners on unregister', () => {
-      const listener = vi.fn()
-      subscribeToLayouts(listener)
-
-      registerLayout('test', MockComponent)
-      unregisterLayout('test')
-
-      expect(listener).toHaveBeenLastCalledWith({
-        type: 'unregister',
-        name: 'test'
-      })
-    })
-  })
-
-  describe('getLayout', () => {
-    it('returns undefined for unregistered layout', () => {
-      expect(getLayout('unknown')).toBeUndefined()
-    })
-
-    it('returns the correct layout component', () => {
-      registerLayout('admin', AdminLayout)
-
-      expect(getLayout('admin')).toBe(AdminLayout)
-    })
-  })
-
-  describe('getLayoutNames', () => {
-    it('returns empty array when no layouts', () => {
-      expect(getLayoutNames()).toEqual([])
-    })
-
-    it('returns all registered layout names', () => {
-      registerLayout('default', DefaultLayout)
-      registerLayout('admin', AdminLayout)
-
-      const names = getLayoutNames()
-      expect(names).toHaveLength(2)
-      expect(names).toContain('default')
-      expect(names).toContain('admin')
-    })
-  })
-
-  describe('setDefaultLayout / getDefaultLayout', () => {
-    it('default is "default" initially', () => {
-      expect(getDefaultLayout()).toBe('default')
-    })
-
-    it('sets and gets default layout', () => {
-      registerLayout('admin', AdminLayout)
-
-      setDefaultLayout('admin')
-
-      expect(getDefaultLayout()).toBe('admin')
-    })
-
-    it('warns when setting unregistered layout', () => {
-      const consoleSpy = vi.spyOn(console, 'warn').mockImplementation(() => {})
-
-      setDefaultLayout('unknown')
-
-      expect(consoleSpy).toHaveBeenCalledWith('[metaowl] Layout "unknown" is not registered yet')
-      consoleSpy.mockRestore()
-    })
-  })
-
-  describe('resolveLayout', () => {
-    beforeEach(() => {
-      registerLayout('default', DefaultLayout)
-      registerLayout('admin', AdminLayout)
-    })
-
-    it('returns default layout when component has no layout property', () => {
-      class MyPage extends MockComponent {}
-
-      expect(resolveLayout(MyPage)).toBe('default')
-    })
-
-    it('returns component layout property', () => {
-      class AdminPage extends MockComponent {
-        static layout = 'admin'
-      }
-
-      expect(resolveLayout(AdminPage)).toBe('admin')
-    })
-
-    it('returns route-specific layout over component layout', () => {
-      class MyPage extends MockComponent {
-        static layout = 'default'
-      }
-
-      setRouteLayout('/admin/dashboard', 'admin')
-
-      expect(resolveLayout(MyPage, '/admin/dashboard')).toBe('admin')
-    })
-
-    it('returns component layout when no route-specific layout', () => {
-      class AdminPage extends MockComponent {
-        static layout = 'admin'
-      }
-
-      expect(resolveLayout(AdminPage, '/other/path')).toBe('admin')
-    })
-
-    it('returns _layout property if set', () => {
-      class MyPage extends MockComponent {}
-      MyPage._layout = 'admin'
-
-      expect(resolveLayout(MyPage)).toBe('admin')
-    })
-  })
-
-  describe('setRouteLayout / getRouteLayout', () => {
-    it('assigns layout to route', () => {
-      registerLayout('admin', AdminLayout)
-
-      setRouteLayout('/admin/users', 'admin')
-
-      expect(getRouteLayout('/admin/users')).toBe('admin')
-    })
-
-    it('returns undefined for unassigned route', () => {
-      expect(getRouteLayout('/unknown')).toBeUndefined()
-    })
-
-    it('can override previous assignment', () => {
-      registerLayout('default', DefaultLayout)
-      registerLayout('admin', AdminLayout)
-
-      setRouteLayout('/page', 'default')
-      expect(getRouteLayout('/page')).toBe('default')
-
-      setRouteLayout('/page', 'admin')
-      expect(getRouteLayout('/page')).toBe('admin')
-    })
-  })
-
-  describe('createLayoutWrapper', () => {
-    it('creates a wrapper component', () => {
-      const Wrapper = createLayoutWrapper(DefaultLayout, MockComponent)
-
-      expect(Wrapper).toBeDefined()
-      expect(typeof Wrapper).toBe('function')
-    })
-
-    it('wrapper extends Component', () => {
-      const Wrapper = createLayoutWrapper(DefaultLayout, MockComponent)
-
-      expect(Wrapper.prototype).toBeDefined()
-    })
-
-    it('wrapper has template property', () => {
-      const Wrapper = createLayoutWrapper(DefaultLayout, MockComponent)
-
-      expect(Wrapper.template).toBeDefined()
-    })
-  })
-
-  describe('subscribeToLayouts', () => {
-    it('subscribes to layout events', () => {
-      const listener = vi.fn()
-      subscribeToLayouts(listener)
-
-      registerLayout('test', MockComponent)
-
-      expect(listener).toHaveBeenCalled()
-    })
-
-    it('returns unsubscribe function', () => {
-      const listener = vi.fn()
-      const unsubscribe = subscribeToLayouts(listener)
-
-      unsubscribe()
-      registerLayout('test', MockComponent)
-
-      // Should only be called once (before unsubscribe)
-      expect(listener).toHaveBeenCalledTimes(0)
-    })
-  })
-
-  describe('clearLayouts', () => {
-    it('removes all layouts', () => {
-      registerLayout('default', DefaultLayout)
-      registerLayout('admin', AdminLayout)
-
-      clearLayouts()
-
-      expect(getLayoutNames()).toHaveLength(0)
-    })
-
-    it('resets default layout', () => {
-      registerLayout('admin', AdminLayout, { default: true })
-      expect(getDefaultLayout()).toBe('admin')
-
-      clearLayouts()
-
-      expect(getDefaultLayout()).toBe('default')
-    })
-
-    it('clears route layouts', () => {
-      setRouteLayout('/page', 'admin')
-
-      clearLayouts()
-
-      expect(getRouteLayout('/page')).toBeUndefined()
-    })
-
-    it('clears listeners', () => {
-      const listener = vi.fn()
-      subscribeToLayouts(listener)
-
-      clearLayouts()
-      registerLayout('test', MockComponent)
-
-      // Listener should not be called after clear
-      expect(listener).not.toHaveBeenCalled()
-    })
-  })
-
-  describe('layout decorator', () => {
-    it('sets layout property on component', () => {
-      class AdminPage extends MockComponent {}
-      layout('admin')(AdminPage)
-
-      expect(AdminPage.layout).toBe('admin')
-    })
-
-    it('returns the component class', () => {
-      const Decorator = layout('admin')
-      class TestPage extends MockComponent {}
-
-      const result = Decorator(TestPage)
-
-      expect(result).toBe(TestPage)
-    })
-  })
-
-  describe('defineLayout decorator', () => {
-    it('sets layout property', () => {
-      class AdminPage extends MockComponent {}
-      defineLayout('admin')(AdminPage)
-
-      expect(AdminPage.layout).toBe('admin')
-    })
-
-    it('sets layoutOptions property', () => {
-      class AdminPage extends MockComponent {}
-      defineLayout('admin', { persistent: true })(AdminPage)
-
-      expect(AdminPage.layoutOptions).toEqual({ persistent: true })
-    })
-  })
-
-  describe('buildLayouts', () => {
-    it('builds layouts from glob modules', () => {
-      const modules = {
-        './layouts/default/DefaultLayout.js': { default: DefaultLayout },
-        './layouts/admin/AdminLayout.js': { default: AdminLayout }
-      }
-
-      const layouts = buildLayouts(modules)
-
-      expect(layouts.default).toBe(DefaultLayout)
-      expect(layouts.admin).toBe(AdminLayout)
-    })
-
-    it('extracts layout name from path', () => {
-      const modules = {
-        './layouts/custom/CustomLayout.js': { default: MockComponent }
-      }
-
-      const layouts = buildLayouts(modules)
-
-      expect(layouts.custom).toBe(MockComponent)
-    })
-
-    it('handles non-default exports', () => {
-      const modules = {
-        './layouts/default/DefaultLayout.js': { DefaultLayout }
-      }
-
-      const layouts = buildLayouts(modules)
-
-      expect(layouts.default).toBe(DefaultLayout)
-    })
-
-    it('ignores invalid paths', () => {
-      const modules = {
-        './components/Button.js': { default: MockComponent },
-        './layouts/valid/ValidLayout.js': { default: DefaultLayout }
-      }
-
-      const layouts = buildLayouts(modules)
-
-      expect(layouts.valid).toBe(DefaultLayout)
-      expect(layouts.Button).toBeUndefined()
-    })
-
-    it('registers layouts automatically', () => {
-      const modules = {
-        './layouts/test/TestLayout.js': { default: MockComponent }
-      }
-
-      buildLayouts(modules)
-
-      expect(hasLayout('test')).toBe(true)
-    })
-  })
-})

package/test/link.test.js

@@ -1,189 +0,0 @@
-/**
- * @module Link Tests
- *
- * Tests for the Link component and SPA navigation.
- */
-import { describe, it, expect, beforeEach, vi } from 'vitest'
-import { Link, registerLinkTemplate } from '../modules/link.js'
-import {
-  navigateTo,
-  setSpaMode,
-  isSpaMode,
-  _setSpaNavigationCallback,
-  resetRouter
-} from '../modules/router.js'
-
-// Mock für window
-const mockPushState = vi.fn()
-const mockReplaceState = vi.fn()
-const mockHistoryBack = vi.fn()
-const mockHistoryForward = vi.fn()
-const mockHistoryGo = vi.fn()
-const mockAddEventListener = vi.fn()
-const mockRemoveEventListener = vi.fn()
-
-// Setup global mocks
-beforeEach(() => {
-  vi.resetAllMocks()
-  resetRouter()
-
-  // Mock window.location
-  Object.defineProperty(globalThis, 'window', {
-    value: {
-      location: {
-        pathname: '/',
-        href: 'http://localhost/',
-        replace: vi.fn()
-      },
-      history: {
-        pushState: mockPushState,
-        replaceState: mockReplaceState,
-        back: mockHistoryBack,
-        forward: mockHistoryForward,
-        go: mockHistoryGo
-      },
-      addEventListener: mockAddEventListener,
-      removeEventListener: mockRemoveEventListener
-    },
-    writable: true,
-    configurable: true
-  })
-
-  // Mock document.location
-  Object.defineProperty(globalThis, 'document', {
-    value: {
-      location: {
-        pathname: '/'
-      }
-    },
-    writable: true,
-    configurable: true
-  })
-})
-
-describe('Link Component', () => {
-  describe('isExternalUrl', () => {
-    it('should return false for internal paths', () => {
-      const internalPaths = ['/', '/about', '/user/123', '/blog/post-slug']
-
-      for (const path of internalPaths) {
-        // Test durch Instanziierung der Komponente und Prüfung des Verhaltens
-        const link = new Link()
-        expect(link).toBeDefined()
-      }
-    })
-
-    it('should return true for external URLs', () => {
-      const externalUrls = [
-        'http://example.com',
-        'https://example.com',
-        '//example.com',
-        'mailto:test@example.com',
-        'tel:+1234567890',
-        'ftp://ftp.example.com',
-        'javascript:void(0)'
-      ]
-
-      for (const url of externalUrls) {
-        const link = new Link()
-        expect(link).toBeDefined()
-      }
-    })
-  })
-
-  describe('Link props', () => {
-    it('should accept required "to" prop', () => {
-      const link = new Link()
-      expect(Link.props.to.optional).toBe(false)
-      expect(Link.props.to.type).toBe(String)
-    })
-
-    it('should accept optional props', () => {
-      expect(Link.props.class.optional).toBe(true)
-      expect(Link.props.activeClass.optional).toBe(true)
-      expect(Link.props.target.optional).toBe(true)
-      expect(Link.props.rel.optional).toBe(true)
-      expect(Link.props.title.optional).toBe(true)
-      expect(Link.props.download.optional).toBe(true)
-    })
-
-    it('should have correct static template', () => {
-      expect(Link.template).toBe('Link')
-    })
-  })
-
-  describe('registerLinkTemplate', () => {
-    it('should add Link template to string templates', () => {
-      const templates = '<templates><t t-name="Test"></t></templates>'
-      const result = registerLinkTemplate(templates)
-
-      expect(result).toContain('t-name="Link"')
-      expect(result).toContain('<a')
-      expect(result).toContain('</templates>')
-    })
-
-    it('should add Link template to object templates', () => {
-      const templates = { Test: '<t t-name="Test"></t>' }
-      registerLinkTemplate(templates)
-
-      expect(templates.Link).toBeDefined()
-      expect(templates.Link).toContain('t-name="Link"')
-    })
-  })
-})
-
-describe('SPA Navigation', () => {
-  describe('navigateTo', () => {
-    it('should use window.location when SPA mode is disabled', async () => {
-      setSpaMode(false)
-      const locationHrefSpy = vi.spyOn(window.location, 'href', 'set')
-
-      await navigateTo('/about')
-
-      expect(locationHrefSpy).toHaveBeenCalledWith('/about')
-    })
-
-    it('should use history.pushState when SPA mode is enabled', async () => {
-      setSpaMode(true)
-      const mockCallback = vi.fn().mockResolvedValue(undefined)
-      _setSpaNavigationCallback(mockCallback)
-
-      await navigateTo('/about')
-
-      expect(mockPushState).toHaveBeenCalledWith({ path: '/about' }, '', '/about')
-      expect(mockCallback).toHaveBeenCalledWith('/about')
-    })
-
-    it('should use history.replaceState when replace option is true', async () => {
-      setSpaMode(true)
-      const mockCallback = vi.fn().mockResolvedValue(undefined)
-      _setSpaNavigationCallback(mockCallback)
-
-      await navigateTo('/about', { replace: true })
-
-      expect(mockReplaceState).toHaveBeenCalledWith({ path: '/about' }, '', '/about')
-    })
-
-    it('should fallback to window.location on navigation error', async () => {
-      setSpaMode(true)
-      const mockCallback = vi.fn().mockRejectedValue(new Error('Navigation failed'))
-      _setSpaNavigationCallback(mockCallback)
-
-      const locationHrefSpy = vi.spyOn(window.location, 'href', 'set')
-
-      await navigateTo('/about')
-
-      expect(locationHrefSpy).toHaveBeenCalledWith('/about')
-    })
-  })
-
-  describe('setSpaMode / isSpaMode', () => {
-    it('should enable and disable SPA mode', () => {
-      setSpaMode(true)
-      expect(isSpaMode()).toBe(true)
-
-      setSpaMode(false)
-      expect(isSpaMode()).toBe(false)
-    })
-  })
-})