mirror of
https://github.com/angular/angular-cli.git
synced 2025-05-16 10:33:43 +08:00
46581db16b
When redirecting to the preferred locale, the previous implementation used the full URL for the 302 redirect to i18n subpaths based on the user's preferred locale. This update ensures that the redirect now uses the locale-specific pathname instead of the full URL. Closes #29514
232 lines
7.8 KiB
TypeScript
232 lines
7.8 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
|
|
*/
|
|
|
|
// The compiler is needed as tests are in JIT.
|
|
/* eslint-disable import/no-unassigned-import */
|
|
import '@angular/compiler';
|
|
/* eslint-enable import/no-unassigned-import */
|
|
|
|
import { Component } from '@angular/core';
|
|
import { destroyAngularServerApp, getOrCreateAngularServerApp } from '../src/app';
|
|
import { AngularAppEngine } from '../src/app-engine';
|
|
import { setAngularAppEngineManifest } from '../src/manifest';
|
|
import { RenderMode } from '../src/routes/route-config';
|
|
import { setAngularAppTestingManifest } from './testing-utils';
|
|
|
|
function createEntryPoint(locale: string) {
|
|
@Component({
|
|
standalone: true,
|
|
selector: `app-ssr-${locale}`,
|
|
template: `SSR works ${locale.toUpperCase()}`,
|
|
})
|
|
class SSRComponent {}
|
|
|
|
@Component({
|
|
standalone: true,
|
|
selector: `app-ssg-${locale}`,
|
|
template: `SSG works ${locale.toUpperCase()}`,
|
|
})
|
|
class SSGComponent {}
|
|
|
|
return async () => {
|
|
@Component({
|
|
standalone: true,
|
|
selector: `app-home-${locale}`,
|
|
template: `Home works ${locale.toUpperCase()}`,
|
|
})
|
|
class HomeComponent {}
|
|
|
|
@Component({
|
|
standalone: true,
|
|
selector: `app-ssr-${locale}`,
|
|
template: `SSR works ${locale.toUpperCase()}`,
|
|
})
|
|
class SSRComponent {}
|
|
|
|
@Component({
|
|
standalone: true,
|
|
selector: `app-ssg-${locale}`,
|
|
template: `SSG works ${locale.toUpperCase()}`,
|
|
})
|
|
class SSGComponent {}
|
|
|
|
setAngularAppTestingManifest(
|
|
[
|
|
{ path: 'ssg', component: SSGComponent },
|
|
{ path: 'ssr', component: SSRComponent },
|
|
{ path: '', component: HomeComponent },
|
|
],
|
|
[
|
|
{ path: 'ssg', renderMode: RenderMode.Prerender },
|
|
{ path: '**', renderMode: RenderMode.Server },
|
|
],
|
|
'/' + locale,
|
|
{
|
|
'ssg/index.html': {
|
|
size: 25,
|
|
hash: 'f799132d0a09e0fef93c68a12e443527700eb59e6f67fcb7854c3a60ff082fde',
|
|
text: async () => `<html>
|
|
<head>
|
|
<title>SSG page</title>
|
|
<base href="/${locale}" />
|
|
</head>
|
|
<body>
|
|
SSG works ${locale.toUpperCase()}
|
|
</body>
|
|
</html>
|
|
`,
|
|
},
|
|
},
|
|
locale,
|
|
);
|
|
|
|
return {
|
|
ɵgetOrCreateAngularServerApp: getOrCreateAngularServerApp,
|
|
ɵdestroyAngularServerApp: destroyAngularServerApp,
|
|
};
|
|
};
|
|
}
|
|
|
|
describe('AngularAppEngine', () => {
|
|
let appEngine: AngularAppEngine;
|
|
|
|
describe('Localized app', () => {
|
|
beforeAll(() => {
|
|
setAngularAppEngineManifest({
|
|
// Note: Although we are testing only one locale, we need to configure two or more
|
|
// to ensure that we test a different code path.
|
|
entryPoints: {
|
|
it: createEntryPoint('it'),
|
|
en: createEntryPoint('en'),
|
|
},
|
|
supportedLocales: { 'it': 'it', 'en': 'en' },
|
|
basePath: '/',
|
|
});
|
|
|
|
appEngine = new AngularAppEngine();
|
|
});
|
|
|
|
describe('handle', () => {
|
|
it('should return null for requests to unknown pages', async () => {
|
|
const request = new Request('https://example.com/unknown/page');
|
|
const response = await appEngine.handle(request);
|
|
expect(response).toBeNull();
|
|
});
|
|
|
|
it('should return null for requests with unknown locales', async () => {
|
|
const request = new Request('https://example.com/es/ssr');
|
|
const response = await appEngine.handle(request);
|
|
expect(response).toBeNull();
|
|
});
|
|
|
|
it('should return a rendered page with correct locale', async () => {
|
|
const request = new Request('https://example.com/it/ssr');
|
|
const response = await appEngine.handle(request);
|
|
expect(await response?.text()).toContain('SSR works IT');
|
|
});
|
|
|
|
it('should correctly render the content when the URL ends with "index.html" with correct locale', async () => {
|
|
const request = new Request('https://example.com/it/ssr/index.html');
|
|
const response = await appEngine.handle(request);
|
|
expect(await response?.text()).toContain('SSR works IT');
|
|
expect(response?.headers?.get('Content-Language')).toBe('it');
|
|
});
|
|
|
|
it('should return a serve prerendered page with correct locale', async () => {
|
|
const request = new Request('https://example.com/it/ssg');
|
|
const response = await appEngine.handle(request);
|
|
expect(await response?.text()).toContain('SSG works IT');
|
|
expect(response?.headers?.get('Content-Language')).toBe('it');
|
|
});
|
|
|
|
it('should correctly serve the prerendered content when the URL ends with "index.html" with correct locale', async () => {
|
|
const request = new Request('https://example.com/it/ssg/index.html');
|
|
const response = await appEngine.handle(request);
|
|
expect(await response?.text()).toContain('SSG works IT');
|
|
});
|
|
|
|
it('should return null for requests to unknown pages in a locale', async () => {
|
|
const request = new Request('https://example.com/it/unknown/page');
|
|
const response = await appEngine.handle(request);
|
|
expect(response).toBeNull();
|
|
});
|
|
|
|
it('should redirect to the highest priority locale when the URL is "/"', async () => {
|
|
const request = new Request('https://example.com', {
|
|
headers: { 'Accept-Language': 'fr-CH, fr;q=0.9, it;q=0.8, en;q=0.7, *;q=0.5' },
|
|
});
|
|
const response = await appEngine.handle(request);
|
|
expect(response?.status).toBe(302);
|
|
expect(response?.headers.get('Location')).toBe('/it');
|
|
expect(response?.headers.get('Vary')).toBe('Accept-Language');
|
|
});
|
|
|
|
it('should return null for requests to file-like resources in a locale', async () => {
|
|
const request = new Request('https://example.com/it/logo.png');
|
|
const response = await appEngine.handle(request);
|
|
expect(response).toBeNull();
|
|
});
|
|
});
|
|
});
|
|
|
|
describe('Non-localized app', () => {
|
|
beforeAll(() => {
|
|
@Component({
|
|
standalone: true,
|
|
selector: 'app-home',
|
|
template: `Home works`,
|
|
})
|
|
class HomeComponent {}
|
|
|
|
setAngularAppEngineManifest({
|
|
entryPoints: {
|
|
'': async () => {
|
|
setAngularAppTestingManifest(
|
|
[{ path: 'home', component: HomeComponent }],
|
|
[{ path: '**', renderMode: RenderMode.Server }],
|
|
);
|
|
|
|
return {
|
|
ɵgetOrCreateAngularServerApp: getOrCreateAngularServerApp,
|
|
ɵdestroyAngularServerApp: destroyAngularServerApp,
|
|
};
|
|
},
|
|
},
|
|
basePath: '/',
|
|
supportedLocales: { 'en-US': '' },
|
|
});
|
|
|
|
appEngine = new AngularAppEngine();
|
|
});
|
|
|
|
it('should return null for requests to file-like resources', async () => {
|
|
const request = new Request('https://example.com/logo.png');
|
|
const response = await appEngine.handle(request);
|
|
expect(response).toBeNull();
|
|
});
|
|
|
|
it('should return null for requests to unknown pages', async () => {
|
|
const request = new Request('https://example.com/unknown/page');
|
|
const response = await appEngine.handle(request);
|
|
expect(response).toBeNull();
|
|
});
|
|
|
|
it('should return a rendered page for known paths', async () => {
|
|
const request = new Request('https://example.com/home');
|
|
const response = await appEngine.handle(request);
|
|
expect(await response?.text()).toContain('Home works');
|
|
});
|
|
|
|
it('should correctly render the content when the URL ends with "index.html"', async () => {
|
|
const request = new Request('https://example.com/home/index.html');
|
|
const response = await appEngine.handle(request);
|
|
expect(await response?.text()).toContain('Home works');
|
|
});
|
|
});
|
|
});
|