useTabStack.test.tsx
2.68 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
// REQ-USR-003: useTabStack 标签栈逻辑（BR4/BR5/BR6）
import { describe, it, expect } from 'vitest';
import { act, renderHook } from '@testing-library/react';
import { useTabStack } from '../../src/layouts/AppLayout/useTabStack';
describe('useTabStack', () => {
it('starts with fixed home tab only (closable false, leftmost)', () => {
const { result } = renderHook(() => useTabStack());
expect(result.current.tabs.map((t) => t.key)).toEqual(['home']);
expect(result.current.activeKey).toBe('home');
expect(result.current.tabs[0].closable).toBe(false);
expect(result.current.tabs[0].title).toBe('主页');
expect(result.current.tabs[0].routePath).toBe('/');
});
it('openTab userlist appends userlist and activates it', () => {
const { result } = renderHook(() => useTabStack());
act(() => result.current.openTab('userlist'));
expect(result.current.tabs.map((t) => t.key)).toEqual(['home', 'userlist']);
expect(result.current.activeKey).toBe('userlist');
const ul = result.current.tabs.find((t) => t.key === 'userlist')!;
expect(ul.closable).toBe(true);
expect(ul.routePath).toBe('/usr/users');
expect(ul.title).toBe('用户列表');
});
it('openTab userdetail ensures userlist exists then appends userdetail', () => {
const { result } = renderHook(() => useTabStack());
act(() => result.current.openTab('userdetail'));
expect(result.current.tabs.map((t) => t.key)).toEqual(['home', 'userlist', 'userdetail']);
expect(result.current.activeKey).toBe('userdetail');
const ud = result.current.tabs.find((t) => t.key === 'userdetail')!;
expect(ud.title).toBe('用户信息单据');
expect(ud.closable).toBe(true);
});
it('closeTab userlist also removes userdetail and activates home', () => {
const { result } = renderHook(() => useTabStack());
act(() => result.current.openTab('userdetail'));
act(() => result.current.closeTab('userlist'));
expect(result.current.tabs.map((t) => t.key)).toEqual(['home']);
expect(result.current.activeKey).toBe('home');
});
it('closeTab userdetail activates userlist', () => {
const { result } = renderHook(() => useTabStack());
act(() => result.current.openTab('userdetail'));
act(() => result.current.closeTab('userdetail'));
expect(result.current.tabs.map((t) => t.key)).toEqual(['home', 'userlist']);
expect(result.current.activeKey).toBe('userlist');
});
it('open existing tab does not duplicate', () => {
const { result } = renderHook(() => useTabStack());
act(() => result.current.openTab('userlist'));
act(() => result.current.openTab('userlist'));
expect(result.current.tabs.map((t) => t.key)).toEqual(['home', 'userlist']);
});
});