From 8d4025bc0f66f4515d80f4cb366d883ee2ff1962 Mon Sep 17 00:00:00 2001 From: Jacob Roberts Date: Fri, 22 Nov 2024 17:55:52 +0000 Subject: [PATCH] test: Ensure that when we build with server islands that the baseURL is added --- packages/astro/test/server-islands.test.js | 103 +++++++++++++++++++++ 1 file changed, 103 insertions(+) diff --git a/packages/astro/test/server-islands.test.js b/packages/astro/test/server-islands.test.js index 913650a95029..470dd0488aff 100644 --- a/packages/astro/test/server-islands.test.js +++ b/packages/astro/test/server-islands.test.js @@ -77,6 +77,61 @@ describe('Server islands', () => { }); }); + describe('SSR (change base URL)', () => { + /** @type {import('./test-utils').Fixture} */ + let fixture; + before(async () => { + fixture = await loadFixture({ + root: './fixtures/server-islands/ssr', + adapter: testAdapter(), + integrations: [ + { + name: 'change-base-url', + hooks: { + 'astro:config:setup': async ({ updateConfig, command }) => { + if (command === 'build') { + updateConfig({ + serverIslandDynamicBase: 'https://api.example.com', + }); + } + }, + }, + }, + ], + }); + }); + + describe('prod', () => { + before(async () => { + process.env.ASTRO_KEY = 'eKBaVEuI7YjfanEXHuJe/pwZKKt3LkAHeMxvTU7aR0M='; + await fixture.build(); + }); + + after(async () => { + delete process.env.ASTRO_KEY; + }); + + it('server island script has base URL', async () => { + const app = await fixture.loadTestAdapterApp(); + const request = new Request('http://example.com/'); + const response = await app.render(request); + const html = await response.text(); + + const $ = cheerio.load(html); + const serverIslandEl = $('h2#island'); + assert.equal(serverIslandEl.length, 0); + + const serverIslandScript = $('script[data-island-id]'); + assert.equal(serverIslandScript.length, 1, 'has the island script'); + + assert.match( + serverIslandScript.text(), + /await fetch\('https:\/\/api.example.com\/_server-islands\//i, + ); + }); + }); + }); + describe('Hybrid mode', () => { /** @type {import('./test-utils').Fixture} */ let fixture; @@ -118,4 +173,52 @@ describe('Server islands', () => { }); }); }); + + describe('Hybrid mode (change base URL)', () => { + /** @type {import('./test-utils').Fixture} */ + let fixture; + before(async () => { + fixture = await loadFixture({ + root: './fixtures/server-islands/hybrid', + integrations: [ + { + name: 'change-base-url', + hooks: { + 'astro:config:setup': async ({ updateConfig, command }) => { + if (command === 'build') { + updateConfig({ + serverIslandDynamicBase: 'https://api.example.com', + }); + } + }, + }, + }, + ], + }); + }); + + describe('build', () => { + before(async () => { + await fixture.build({ + adapter: testAdapter(), + }); + }); + + it('Omits the island HTML from the static HTML', async () => { + let html = await fixture.readFile('/client/index.html'); + + const $ = cheerio.load(html); + const serverIslandEl = $('h2#island'); + assert.equal(serverIslandEl.length, 0); + + const serverIslandScript = $('script[data-island-id]'); + assert.equal(serverIslandScript.length, 1, 'has the island script'); + + assert.match( + serverIslandScript.text(), + /await fetch\('https:\/\/api.example.com\/_server-islands\//i, + ); + }); + }); + }); });