zyc
44464dd334
- 后端：Bun + Hono + Drizzle ORM + SQLite - 前端：Vue 3 + Naive UI + ECharts - 项目管理：创建项目 + 绑定 Git 仓库 - OKR 系统：目标/关键结果 CRUD + 进度追踪 - Git 同步：Gitea API 自动同步 commit/PR + 作者关联 - 数据看板：项目 OKR 进度 + KR 状态分布 + 代码活动 - 权限体系：admin/manager/developer/viewer 四级 - Docker 部署：docker-compose + nginx Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
46 lines
1.6 KiB
TypeScript
46 lines
1.6 KiB
TypeScript
/**
|
|
* Component tests for ProjectProgressBars.
|
|
* Validates rendering with project progress data.
|
|
*/
|
|
import { describe, it, expect } from 'vitest';
|
|
import { mount } from '@vue/test-utils';
|
|
import ProjectProgressBars from '@/components/charts/ProjectProgressBars.vue';
|
|
|
|
const mockProjects = [
|
|
{ projectId: 'p1', name: 'Avatar Platform', identifier: 'AVATAR', currentCycleProgress: 82, totalPoints: 50, completedPoints: 41 },
|
|
{ projectId: 'p2', name: 'Airflow Pipeline', identifier: 'AIRFLOW', currentCycleProgress: 64, totalPoints: 40, completedPoints: 26 },
|
|
{ projectId: 'p3', name: 'Data Lake', identifier: 'DLAKE', currentCycleProgress: 45, totalPoints: 30, completedPoints: 14 },
|
|
];
|
|
|
|
describe('ProjectProgressBars', () => {
|
|
it('should mount with projects data', () => {
|
|
const wrapper = mount(ProjectProgressBars, {
|
|
props: { projects: mockProjects },
|
|
});
|
|
expect(wrapper.exists()).toBe(true);
|
|
});
|
|
|
|
it('should have chart container', () => {
|
|
const wrapper = mount(ProjectProgressBars, {
|
|
props: { projects: mockProjects },
|
|
});
|
|
expect(wrapper.find('.project-progress-bars').exists()).toBe(true);
|
|
});
|
|
|
|
it('should handle empty projects', () => {
|
|
const wrapper = mount(ProjectProgressBars, {
|
|
props: { projects: [] },
|
|
});
|
|
expect(wrapper.exists()).toBe(true);
|
|
});
|
|
|
|
it('should emit project-click event', async () => {
|
|
const wrapper = mount(ProjectProgressBars, {
|
|
props: { projects: mockProjects },
|
|
});
|
|
// The component registers click handlers on the ECharts instance
|
|
// In test environment with mocked ECharts, we verify the component mounts
|
|
expect(wrapper.exists()).toBe(true);
|
|
});
|
|
});
|