QuantEngineByItz/src/frontend/src/views/templates/__tests__/TemplateRender.spec.ts

import { describe, it, expect } from 'vitest';
import { mount } from '@vue/test-utils';
import TemplateGalleryView from '../TemplateGalleryView.vue';
import RealOlapExportLayout from '../RealOlapExportLayout.vue';

describe('Prototype Template UI Rendering Tests', () => {
  it('TemplateGalleryView should render all 9 template options', () => {
    const wrapper = mount(TemplateGalleryView, {
      global: {
        stubs: {
          'router-link': true
        }
      }
    });

    // 갤러리 타이틀 렌더링 검증
    expect(wrapper.text()).toContain('상용화 프로토타입 템플릿 갤러리');

    // 9개의 카드 목록 카운트 검증 (가이드라인 준수)
    const cards = wrapper.findAll('router-link-stub');
    expect(cards.length).toBe(9);
  });

  it('RealOlapExportLayout should render action button', () => {
    const wrapper = mount(RealOlapExportLayout);

    // 엑셀 보고서 출력 버튼이 정상적으로 노출되는지 검증
    expect(wrapper.find('button').text()).toContain('엑셀 보고서 출력');
    expect(wrapper.text()).toContain('다차원 팩터 출력 리포트');
  });
});