2021-04-30 15:31:54 +02:00
|
|
|
import { rewriteHTML } from './rewriteHTML';
|
|
|
|
|
|
2022-05-10 14:05:53 +02:00
|
|
|
const input = `
|
|
|
|
|
<!DOCTYPE html>
|
|
|
|
|
<html lang="en">
|
|
|
|
|
<head>
|
|
|
|
|
<meta charset="utf-8" />
|
|
|
|
|
<link rel="icon" href="::faviconPrefix::/favicon.ico" />
|
|
|
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
|
|
|
|
|
<meta name="baseUriPath" content="::baseUriPath::" />
|
|
|
|
|
<meta name="cdnPrefix" content="::cdnPrefix::" />
|
|
|
|
|
<meta name="viewport" content="width=device-width, initial-scale=1" />
|
|
|
|
|
<meta name="description" content="unleash" />
|
|
|
|
|
<title>Unleash</title>
|
|
|
|
|
<link rel="preconnect" href="https://fonts.googleapis.com" />
|
|
|
|
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
|
|
|
|
|
<link
|
|
|
|
|
href="https://fonts.googleapis.com/css2?family=Sen:wght@400;700;800&display=swap"
|
|
|
|
|
rel="stylesheet"
|
|
|
|
|
/>
|
|
|
|
|
<script type="module" crossorigin src="/assets/index.556ac563.js"></script>
|
|
|
|
|
<link rel="stylesheet" href="/assets/index.4b6b260a.css">
|
|
|
|
|
</head>
|
|
|
|
|
<body>
|
|
|
|
|
<div id="app"></div>
|
|
|
|
|
|
|
|
|
|
</body>
|
|
|
|
|
</html>
|
|
|
|
|
`;
|
2021-04-30 15:31:54 +02:00
|
|
|
|
2021-05-28 11:10:24 +02:00
|
|
|
test('rewriteHTML substitutes meta tag with existing rewrite value', () => {
|
2021-04-30 15:31:54 +02:00
|
|
|
const result = rewriteHTML(input, '/hosted');
|
2021-08-12 15:04:37 +02:00
|
|
|
expect(
|
2022-05-10 14:05:53 +02:00
|
|
|
result.includes('<meta name="baseUriPath" content="/hosted" />'),
|
2021-08-12 15:04:37 +02:00
|
|
|
).toBe(true);
|
2021-04-30 15:31:54 +02:00
|
|
|
});
|
|
|
|
|
|
2021-05-28 11:10:24 +02:00
|
|
|
test('rewriteHTML substitutes meta tag with empty value', () => {
|
2021-04-30 15:31:54 +02:00
|
|
|
const result = rewriteHTML(input, '');
|
2022-05-10 14:05:53 +02:00
|
|
|
expect(result.includes('<meta name="baseUriPath" content="" />')).toBe(
|
|
|
|
|
true,
|
|
|
|
|
);
|
2021-04-30 15:31:54 +02:00
|
|
|
});
|
|
|
|
|
|
2021-05-28 11:10:24 +02:00
|
|
|
test('rewriteHTML substitutes asset paths correctly with baseUriPath', () => {
|
2021-04-30 15:31:54 +02:00
|
|
|
const result = rewriteHTML(input, '/hosted');
|
2022-05-10 14:05:53 +02:00
|
|
|
expect(
|
|
|
|
|
result.includes(
|
|
|
|
|
'<script type="module" crossorigin src="/hosted/assets/index',
|
|
|
|
|
),
|
|
|
|
|
).toBe(true);
|
2021-04-30 15:31:54 +02:00
|
|
|
});
|
|
|
|
|
|
2021-05-28 11:10:24 +02:00
|
|
|
test('rewriteHTML substitutes asset paths correctly without baseUriPath', () => {
|
2021-04-30 15:31:54 +02:00
|
|
|
const result = rewriteHTML(input, '');
|
2022-05-10 14:05:53 +02:00
|
|
|
expect(
|
|
|
|
|
result.includes('<script type="module" crossorigin src="/assets/index'),
|
|
|
|
|
).toBe(true);
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
test('rewriteHTML substitutes asset paths correctly with cdnPrefix', () => {
|
|
|
|
|
const result = rewriteHTML(input, '', 'https://cdn.getunleash.io/v4.1.0');
|
|
|
|
|
expect(
|
|
|
|
|
result.includes(
|
|
|
|
|
'<script type="module" crossorigin src="https://cdn.getunleash.io/v4.1.0/assets/index',
|
|
|
|
|
),
|
|
|
|
|
).toBe(true);
|
2021-04-30 15:31:54 +02:00
|
|
|
});
|
2022-05-02 12:49:48 +02:00
|
|
|
|
|
|
|
|
test('rewriteHTML swaps out faviconPath if cdnPrefix is set', () => {
|
|
|
|
|
const result = rewriteHTML(input, '', 'https://cdn.getunleash.io/v4.1.0');
|
|
|
|
|
expect(
|
|
|
|
|
result.includes(
|
2022-05-10 14:05:53 +02:00
|
|
|
'<link rel="icon" href="https://cdn.getunleash.io/favicon.ico" />',
|
2022-05-02 12:49:48 +02:00
|
|
|
),
|
|
|
|
|
).toBe(true);
|
|
|
|
|
});
|
|
|
|
|
|
|
|
|
|
test('rewriteHTML sets favicon path to root', () => {
|
|
|
|
|
const result = rewriteHTML(input, '');
|
2022-05-10 14:05:53 +02:00
|
|
|
expect(result.includes('<link rel="icon" href="/favicon.ico" />')).toBe(
|
2022-05-02 12:49:48 +02:00
|
|
|
true,
|
|
|
|
|
);
|
|
|
|
|
});
|
