testing-tool/src/config/__tests__/features.test.ts

import { describe, expect, it } from 'vitest';
import {
  FEATURES,
  getAllFeatureKeys,
  getDefaultPageOrder,
  getDefaultVisibleFeatureKeys,
  getFeatureByKey,
} from '@/config/features';

describe('features', () => {
  describe('FEATURES', () => {
    it('应该有10个功能定义', () => {
      expect(FEATURES).toHaveLength(10);
    });

    it('应该有每个功能的所有必需属性', () => {
      FEATURES.forEach((feature) => {
        expect(feature).toHaveProperty('key');
        expect(feature).toHaveProperty('label');
        expect(feature).toHaveProperty('description');
        expect(feature).toHaveProperty('defaultVisible');
        expect(feature).toHaveProperty('components');
        expect(typeof feature.key).toBe('string');
        expect(typeof feature.label).toBe('string');
        expect(typeof feature.description).toBe('string');
        expect(typeof feature.defaultVisible).toBe('boolean');
        expect(typeof feature.components).toBe('object');
        expect(feature.components).toHaveProperty('popup');
        expect(feature.components).toHaveProperty('sidepanel');
        expect(feature.components).toHaveProperty('tab');

        if (feature.key !== 'dashboard') {
          expect(feature).toHaveProperty('icon');
          expect(feature).toHaveProperty('themeColorKey');
          expect(typeof feature.themeColorKey).toBe('string');
        }
      });
    });

    it('应该有每个功能的唯一key', () => {
      const keys = FEATURES.map((f) => f.key);
      const uniqueKeys = new Set(keys);
      expect(uniqueKeys.size).toBe(keys.length);
    });
  });

  describe('getFeatureByKey', () => {
    it('应该返回dashboard功能', () => {
      const feature = getFeatureByKey('dashboard');
      expect(feature).toBeDefined();
      expect(feature?.key).toBe('dashboard');
      expect(feature?.label).toBe('仪表盘');
    });

    it('应该返回时间戳功能', () => {
      const feature = getFeatureByKey('timestamp');
      expect(feature).toBeDefined();
      expect(feature?.key).toBe('timestamp');
      expect(feature?.label).toBe('时间戳');
      expect(feature?.themeColorKey).toBeDefined();
    });

    it('应该返回存储清理功能', () => {
      const feature = getFeatureByKey('storageCleaner');
      expect(feature).toBeDefined();
      expect(feature?.key).toBe('storageCleaner');
      expect(feature?.label).toBe('存储清理');
    });

    it('应该返回undefined用于无效的key', () => {
      const feature = getFeatureByKey('invalid' as any);
      expect(feature).toBeUndefined();
    });
  });

  describe('getDefaultVisibleFeatureKeys', () => {
    it('应该返回仅可见的功能', () => {
      const visibleKeys = getDefaultVisibleFeatureKeys();
      visibleKeys.forEach((key) => {
        const feature = getFeatureByKey(key);
        expect(feature?.defaultVisible).toBe(true);
      });
    });

    it('应该包含仪表盘、时间戳、存储清理、二维码', () => {
      const visibleKeys = getDefaultVisibleFeatureKeys();
      expect(visibleKeys).toContain('dashboard');
      expect(visibleKeys).toContain('timestamp');
      expect(visibleKeys).toContain('storageCleaner');
      expect(visibleKeys).toContain('qrCode');
    });
  });

  describe('getAllFeatureKeys', () => {
    it('应该返回所有功能key', () => {
      const allKeys = getAllFeatureKeys();
      expect(allKeys).toHaveLength(10);
      expect(allKeys).toContain('dashboard');
      expect(allKeys).toContain('timestamp');
      expect(allKeys).toContain('storageCleaner');
      expect(allKeys).toContain('qrCode');
      expect(allKeys).toContain('textStatistics');
      expect(allKeys).toContain('jwt');
      expect(allKeys).toContain('jsonTools');
      expect(allKeys).toContain('base64Converter');
      expect(allKeys).toContain('rightClickRestorer');
      expect(allKeys).toContain('testDataGenerator');
    });
  });

  describe('getDefaultPageOrder', () => {
    it('应该排除仪表盘从页面顺序', () => {
      const pageOrder = getDefaultPageOrder();
      expect(pageOrder).not.toContain('dashboard');
    });

    it('应该包含时间戳、存储清理、二维码在页面顺序', () => {
      const pageOrder = getDefaultPageOrder();
      expect(pageOrder).toContain('timestamp');
      expect(pageOrder).toContain('storageCleaner');
      expect(pageOrder).toContain('qrCode');
    });

    it('应该有9个项目在页面顺序', () => {
      const pageOrder = getDefaultPageOrder();
      expect(pageOrder).toHaveLength(9);
    });
  });
});