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
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
|
import { describe, it, expect, vi, beforeEach } from 'vitest';
import { Router } from './router';
describe('Router', () => {
let router: Router;
beforeEach(() => {
vi.stubGlobal('location', {
href: 'http://localhost/v3/',
pathname: '/v3/',
search: '',
origin: 'http://localhost'
});
vi.stubGlobal('history', {
pushState: vi.fn()
});
router = new Router();
});
it('should parse simple paths', () => {
vi.stubGlobal('location', {
href: 'http://localhost/v3/feed/123',
pathname: '/v3/feed/123',
search: ''
});
const route = router.getCurrentRoute();
expect(route.path).toBe('/feed');
expect(route.params.feedId).toBe('123');
});
it('should parse tags correctly', () => {
vi.stubGlobal('location', {
href: 'http://localhost/v3/tag/Tech%20News',
pathname: '/v3/tag/Tech%20News',
search: ''
});
const route = router.getCurrentRoute();
expect(route.path).toBe('/tag');
expect(route.params.tagName).toBe('Tech News');
});
it('should parse settings path', () => {
vi.stubGlobal('location', {
href: 'http://localhost/v3/settings',
pathname: '/v3/settings',
search: ''
});
const route = router.getCurrentRoute();
expect(route.path).toBe('/settings');
});
it('should parse query parameters', () => {
vi.stubGlobal('location', {
href: 'http://localhost/v3/?filter=starred',
pathname: '/v3/',
search: '?filter=starred'
});
const route = router.getCurrentRoute();
expect(route.query.get('filter')).toBe('starred');
});
it('should navigate to new path', () => {
router.navigate('/settings');
// Match what the router actually does.
// If it uses new URL().pathname, it might be absolute.
expect(history.pushState).toHaveBeenCalled();
});
it('should update query parameters', () => {
router.updateQuery({ q: 'test' });
expect(history.pushState).toHaveBeenCalled();
const call = vi.mocked(history.pushState).mock.calls[0];
expect(call[2]).toContain('q=test');
});
it('should trigger event on popstate', () => {
const handler = vi.fn();
router.addEventListener('route-changed', handler);
// Simulate popstate
window.dispatchEvent(PopStateEvent.prototype instanceof PopStateEvent ? new PopStateEvent('popstate') : new Event('popstate'));
expect(handler).toHaveBeenCalled();
});
});
|
