@datametria/vue-components/src/theme/__tests__/constants.test.ts

DATAMETRIA Vue.js 3 Component Library with Multi-Brand Theming - 51 components + 10 composables with theming support, WCAG 2.2 AA, dark mode, responsive system

/**
 * Theme Constants Tests
 * @author Vander Loto - CTO DATAMETRIA
 * @date 13/11/2025
 */

import { describe, it, expect } from 'vitest'
import { THEME_INJECTION_KEY, DEFAULT_THEME_PREFIX, CSS_VARIABLE_PREFIX } from '../constants'

describe('Theme Constants', () => {
  it('should have THEME_INJECTION_KEY as Symbol', () => {
    expect(typeof THEME_INJECTION_KEY).toBe('symbol')
    expect(THEME_INJECTION_KEY.toString()).toContain('theme')
  })

  it('should have DEFAULT_THEME_PREFIX', () => {
    expect(DEFAULT_THEME_PREFIX).toBe('dm')
    expect(typeof DEFAULT_THEME_PREFIX).toBe('string')
  })

  it('should have CSS_VARIABLE_PREFIX', () => {
    expect(CSS_VARIABLE_PREFIX).toBe('--')
    expect(typeof CSS_VARIABLE_PREFIX).toBe('string')
  })

  it('should have unique injection key', () => {
    const key1 = THEME_INJECTION_KEY
    const key2 = Symbol('theme')
    expect(key1).not.toBe(key2)
  })
})