test(wbs-ux): add Vitest unit test suite for Vue templates rendering validation

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

@@ -0,0 +1,31 @@
+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('다차원 팩터 출력 리포트');
+  });
+});