mirror of
https://github.com/angular/angular-cli.git
synced 2025-05-17 11:03:53 +08:00
bca5683893
This enhancement eliminates the dependency on file extensions for server-side rendering (SSR) route handling, leveraging Angular's router configuration for more dynamic and flexible route determination. Additionally, configured redirectTo routes now correctly respond with a 302 redirect status. The new router uses a radix tree for storing routes. This data structure allows for efficient prefix-based lookups and insertions, which is particularly crucial when dealing with nested and parameterized routes. This change also lays the groundwork for potential future server-side routing configurations, further enhancing the capabilities of Angular's SSR functionality.
94 lines
3.5 KiB
TypeScript
94 lines
3.5 KiB
TypeScript
/**
|
|
* @license
|
|
* Copyright Google LLC All Rights Reserved.
|
|
*
|
|
* Use of this source code is governed by an MIT-style license that can be
|
|
* found in the LICENSE file at https://angular.dev/license
|
|
*/
|
|
|
|
import { Component } from '@angular/core';
|
|
import { AngularAppManifest, getAngularAppManifest } from '../../src/manifest';
|
|
import { ServerRouter } from '../../src/routes/router';
|
|
import { setAngularAppTestingManifest } from '../testing-utils';
|
|
|
|
describe('ServerRouter', () => {
|
|
let router: ServerRouter;
|
|
let manifest: AngularAppManifest;
|
|
|
|
beforeAll(() => {
|
|
@Component({
|
|
standalone: true,
|
|
selector: 'app-dummy',
|
|
template: `dummy works`,
|
|
})
|
|
class DummyComponent {}
|
|
|
|
setAngularAppTestingManifest([
|
|
{ path: 'home', component: DummyComponent },
|
|
{ path: 'redirect', redirectTo: 'home' },
|
|
{ path: 'encoding url', component: DummyComponent },
|
|
{ path: 'user/:id', component: DummyComponent },
|
|
]);
|
|
|
|
manifest = getAngularAppManifest();
|
|
});
|
|
|
|
describe('from', () => {
|
|
it('should build the route tree', async () => {
|
|
router = await ServerRouter.from(manifest, new URL('http://localhost'));
|
|
|
|
// Check that routes are correctly built
|
|
expect(router.match(new URL('http://localhost/home'))).toEqual({
|
|
route: '/home',
|
|
redirectTo: undefined,
|
|
});
|
|
expect(router.match(new URL('http://localhost/redirect'))).toEqual({
|
|
redirectTo: '/home',
|
|
route: '/redirect',
|
|
});
|
|
expect(router.match(new URL('http://localhost/user/123'))).toEqual({
|
|
route: '/user/:id',
|
|
redirectTo: undefined,
|
|
});
|
|
});
|
|
|
|
it('should return the existing promise if a build from is already in progress', () => {
|
|
const promise1 = ServerRouter.from(manifest, new URL('http://localhost'));
|
|
const promise2 = ServerRouter.from(manifest, new URL('http://localhost'));
|
|
|
|
expect(promise1).toBe(promise2); // Ensure both promises are the same
|
|
});
|
|
});
|
|
|
|
describe('match', () => {
|
|
beforeAll(async () => {
|
|
router = await ServerRouter.from(manifest, new URL('http://localhost'));
|
|
});
|
|
|
|
it('should match a URL to the route tree metadata', () => {
|
|
const homeMetadata = router.match(new URL('http://localhost/home'));
|
|
const redirectMetadata = router.match(new URL('http://localhost/redirect'));
|
|
const userMetadata = router.match(new URL('http://localhost/user/123'));
|
|
|
|
expect(homeMetadata).toEqual({ route: '/home', redirectTo: undefined });
|
|
expect(redirectMetadata).toEqual({ redirectTo: '/home', route: '/redirect' });
|
|
expect(userMetadata).toEqual({ route: '/user/:id', redirectTo: undefined });
|
|
});
|
|
|
|
it('should correctly match URLs ending with /index.html', () => {
|
|
const homeMetadata = router.match(new URL('http://localhost/home/index.html'));
|
|
const userMetadata = router.match(new URL('http://localhost/user/123/index.html'));
|
|
const redirectMetadata = router.match(new URL('http://localhost/redirect/index.html'));
|
|
|
|
expect(homeMetadata).toEqual({ route: '/home', redirectTo: undefined });
|
|
expect(redirectMetadata).toEqual({ redirectTo: '/home', route: '/redirect' });
|
|
expect(userMetadata).toEqual({ route: '/user/:id', redirectTo: undefined });
|
|
});
|
|
|
|
it('should handle encoded URLs', () => {
|
|
const encodedUserMetadata = router.match(new URL('http://localhost/encoding%20url'));
|
|
expect(encodedUserMetadata).toEqual({ route: '/encoding url', redirectTo: undefined });
|
|
});
|
|
});
|
|
});
|