import * as assert from 'node:assert/strict'; import { after, before, describe, it } from 'node:test'; import { load as cheerioLoad } from 'cheerio'; import { parseHTML } from 'linkedom'; import { loadFixture } from './test-utils.js'; describe('App Entrypoint', () => { /** @type {import('./test-utils').Fixture} */ let fixture; before(async () => { fixture = await loadFixture({ root: './fixtures/app-entrypoint/', }); await fixture.build(); }); it('loads during SSR', async () => { const html = await fixture.readFile('/index.html'); const $ = cheerioLoad(html); // test 1: basic component renders assert.equal($('#foo > #bar').text(), 'works'); // test 2: component with multiple script blocks renders and exports // values from non setup block correctly assert.equal($('#multiple-script-blocks').text(), '2 4'); // test 3: component using generics renders assert.equal($('#generics').text(), 'generic'); // test 4: component using generics and multiple script blocks renders assert.equal($('#generics-and-blocks').text(), '1 3!!!'); }); it('setup included in renderer bundle', async () => { const data = await fixture.readFile('/index.html'); const { document } = parseHTML(data); const island = document.querySelector('astro-island'); const client = island.getAttribute('renderer-url'); assert.notEqual(client, undefined); const js = await fixture.readFile(client); assert.match(js, /\w+\.component\("Bar"/g); }); it('loads svg components without transforming them to assets', async () => { const data = await fixture.readFile('/index.html'); const { document } = parseHTML(data); const client = document.querySelector('astro-island svg'); assert.notEqual(client, undefined); }); }); describe('App Entrypoint no export default (dev)', () => { /** @type {import('./test-utils').Fixture} */ let fixture; let devServer; before(async () => { fixture = await loadFixture({ root: './fixtures/app-entrypoint-no-export-default/', }); devServer = await fixture.startDevServer(); }); after(async () => { await devServer.stop(); }); it('loads during SSR', async () => { const html = await fixture.fetch('/').then((res) => res.text()); const { document } = parseHTML(html); const bar = document.querySelector('#foo > #bar'); assert.notEqual(bar, undefined); assert.equal(bar.textContent, 'works'); }); it('loads svg components without transforming them to assets', async () => { const html = await fixture.fetch('/').then((res) => res.text()); const { document } = parseHTML(html); const client = document.querySelector('astro-island svg'); assert.notEqual(client, undefined); }); }); describe('App Entrypoint no export default', () => { /** @type {import('./test-utils').Fixture} */ let fixture; before(async () => { fixture = await loadFixture({ root: './fixtures/app-entrypoint-no-export-default/', }); await fixture.build(); }); it('loads during SSR', async () => { const data = await fixture.readFile('/index.html'); const { document } = parseHTML(data); const bar = document.querySelector('#foo > #bar'); assert.notEqual(bar, undefined); assert.equal(bar.textContent, 'works'); }); it('component not included in renderer bundle', async () => { const data = await fixture.readFile('/index.html'); const { document } = parseHTML(data); const island = document.querySelector('astro-island'); const client = island.getAttribute('renderer-url'); assert.notEqual(client, undefined); const js = await fixture.readFile(client); assert.doesNotMatch(js, /\w+\.component\("Bar"/g); }); it('loads svg components without transforming them to assets', async () => { const data = await fixture.readFile('/index.html'); const { document } = parseHTML(data); const client = document.querySelector('astro-island svg'); assert.notEqual(client, undefined); }); }); describe('App Entrypoint relative', () => { /** @type {import('./test-utils').Fixture} */ let fixture; before(async () => { fixture = await loadFixture({ root: './fixtures/app-entrypoint-relative/', }); await fixture.build(); }); it('loads during SSR', async () => { const data = await fixture.readFile('/index.html'); const { document } = parseHTML(data); const bar = document.querySelector('#foo > #bar'); assert.notEqual(bar, undefined); assert.equal(bar.textContent, 'works'); }); it('component not included in renderer bundle', async () => { const data = await fixture.readFile('/index.html'); const { document } = parseHTML(data); const island = document.querySelector('astro-island'); const client = island.getAttribute('renderer-url'); assert.notEqual(client, undefined); const js = await fixture.readFile(client); assert.doesNotMatch(js, /\w+\.component\("Bar"/g); }); }); describe('App Entrypoint /src/absolute', () => { /** @type {import('./test-utils').Fixture} */ let fixture; before(async () => { fixture = await loadFixture({ root: './fixtures/app-entrypoint-src-absolute/', }); await fixture.build(); }); it('loads during SSR', async () => { const data = await fixture.readFile('/index.html'); const { document } = parseHTML(data); const bar = document.querySelector('#foo > #bar'); assert.notEqual(bar, undefined); assert.equal(bar.textContent, 'works'); }); it('component not included in renderer bundle', async () => { const data = await fixture.readFile('/index.html'); const { document } = parseHTML(data); const island = document.querySelector('astro-island'); const client = island.getAttribute('renderer-url'); assert.notEqual(client, undefined); const js = await fixture.readFile(client); assert.doesNotMatch(js, /\w+\.component\("Bar"/g); }); }); describe('App Entrypoint async', () => { /** @type {import('./test-utils').Fixture} */ let fixture; before(async () => { fixture = await loadFixture({ root: './fixtures/app-entrypoint-async/', }); await fixture.build(); }); it('loads during SSR', async () => { const html = await fixture.readFile('/index.html'); const $ = cheerioLoad(html); // test 1: component before await renders assert.equal($('#foo > #bar').text(), 'works'); // test 2: component after await renders assert.equal($('#foo > #baz').text(), 'works'); }); }); ption value='jarred/cleanup-error'>jarred/cleanup-error Unnamed repository; edit this file 'description' to name the repository.
aboutsummaryrefslogtreecommitdiff
path: root/packages/bun-landing/components/Layout.tsx (unfollow)
AgeCommit message (Expand)AuthorFilesLines
2023-10-09fix(AbortSignal/fetch) fix AbortSignal.timeout, fetch lock behavior and fetch...Gravatar Ciro Spaciari 29-61/+303
2023-10-09Fix npm tag for canary bun-types, againGravatar Ashcon Partovi 2-56/+10
2023-10-09Add Fedora build instructions to development.md (#6359)Gravatar otterDeveloper 1-0/+10
2023-10-09added commands (#6314)Gravatar babar 1-1/+2
2023-10-09Update README.md (#6291)Gravatar TPLJ 1-1/+1
2023-10-09docs: fixing a couple typos (#6331)Gravatar Michael Di Prisco 2-2/+2
2023-10-09fix: support uint8 exit code range (#6303)Gravatar Liz 2-2/+11
2023-10-09Fix array variables preview in debugger (#6379)Gravatar 2hu 1-1/+4
2023-10-07feat(KeyObject) (#5940)Gravatar Ciro Spaciari 106-67/+9342
2023-10-07Exclude more filesGravatar Jarred Sumner 1-1/+1
2023-10-07Exclude more filesGravatar Jarred Sumner 1-1/+2
2023-10-07Update settings.jsonGravatar Jarred Sumner 1-1/+2
2023-10-07Update settings.jsonGravatar Jarred Sumner 1-2/+3
2023-10-06fix a couple install testsGravatar Dylan Conway 1-8/+8
2023-10-06formatGravatar Dylan Conway 1-1/+2
2023-10-06Fix memory leak in fetch() (#6350)Gravatar Jarred Sumner 1-2/+0
2023-10-06[types] allow onLoad plugin callbacks to return undefined (#6346)Gravatar Silver 1-1/+1
2023-10-06docs: `file.stream()` is not a promise (#6337)Gravatar Paul Nodet 1-1/+1