import assert from 'node:assert/strict'; import { after, before, describe, it } from 'node:test'; import { load as cheerioLoad } from 'cheerio'; import { isWindows, loadFixture } from '../../../astro/test/test-utils.js'; let fixture; describe('React Components', () => { before(async () => { fixture = await loadFixture({ root: new URL('./fixtures/react-component/', import.meta.url), }); }); describe('build', () => { before(async () => { await fixture.build(); }); it('Can load React', async () => { const html = await fixture.readFile('/index.html'); const $ = cheerioLoad(html); // test 1: basic component renders assert.equal($('#react-static').text(), 'Hello static!'); // test 2: no reactroot assert.equal($('#react-static').attr('data-reactroot'), undefined); // test 3: Can use function components assert.equal($('#arrow-fn-component').length, 1); // test 4: Can use spread for components assert.equal($('#component-spread-props').length, 1); // test 5: spread props renders assert.equal($('#component-spread-props').text(), 'Hello world!'); // test 6: Can use TS components assert.equal($('.ts-component').length, 1); // test 7: Can use Pure components assert.equal($('#pure').length, 1); // test 8: Check number of islands assert.equal($('astro-island[uid]').length, 9); // test 9: Check island deduplication const uniqueRootUIDs = new Set($('astro-island').map((_i, el) => $(el).attr('uid'))); assert.equal(uniqueRootUIDs.size, 8); // test 10: Should properly render children passed as props const islandsWithChildren = $('.with-children'); assert.equal(islandsWithChildren.length, 2); assert.equal( $(islandsWithChildren[0]).html(), $(islandsWithChildren[1]).find('astro-slot').html(), ); // test 11: Should generate unique React.useId per island const islandsWithId = $('.react-use-id'); assert.equal(islandsWithId.length, 2); assert.notEqual($(islandsWithId[0]).attr('id'), $(islandsWithId[1]).attr('id')); }); it('Can load Vue', async () => { const html = await fixture.readFile('/index.html'); const $ = cheerioLoad(html); assert.equal($('#vue-h2').text(), 'Hasta la vista, baby'); }); it('Can use a pragma comment', async () => { const html = await fixture.readFile('/pragma-comment/index.html'); const $ = cheerioLoad(html); // test 1: rendered the PragmaComment component assert.equal($('.pragma-comment').length, 2); }); // TODO: is this still a relevant test? it.skip('Includes reactroot on hydrating components', async () => { const html = await fixture.readFile('/index.html'); const $ = cheerioLoad(html); const div = $('#research'); // test 1: has the hydration attr assert.ok(div.attr('data-reactroot')); // test 2: renders correctly assert.equal(div.html(), 'foo bar 1'); }); it('Can load Suspense-using components', async () => { const html = await fixture.readFile('/suspense/index.html'); const $ = cheerioLoad(html); assert.equal($('#client #lazy').length, 1); assert.equal($('#server #lazy').length, 1); }); it('Can pass through props with cloneElement', async () => { const html = await fixture.readFile('/index.html'); const $ = cheerioLoad(html); assert.equal($('#cloned').text(), 'Cloned With Props'); }); it('Children are parsed as React components, can be manipulated', async () => { const html = await fixture.readFile('/children/index.html'); const $ = cheerioLoad(html); assert.equal($('#one .with-children-count').text(), '2'); }); it('Client children passes option to the client', async () => { const html = await fixture.readFile('/children/index.html'); const $ = cheerioLoad(html); assert.equal($('[data-react-children]').length, 1); }); }); if (isWindows) return; describe('dev', () => { /** @type {import('../../../astro/test/test-utils.js').Fixture} */ let devServer; before(async () => { devServer = await fixture.startDevServer(); }); after(async () => { await devServer.stop(); }); it('scripts proxy correctly', async () => { const html = await fixture.fetch('/').then((res) => res.text()); const $ = cheerioLoad(html); for (const script of $('script').toArray()) { const { src } = script.attribs; if (!src) continue; assert.equal((await fixture.fetch(src)).status, 200, `404: ${src}`); } }); // TODO: move this to separate dev test? it.skip('Throws helpful error message on window SSR', async () => { const html = await fixture.fetch('/window/index.html'); assert.ok( (await html.text()).includes( `[/window] The window object is not available during server-side rendering (SSR). Try using \`import.meta.env.SSR\` to write SSR-friendly code. https://docs.astro.build/reference/api-reference/#importmeta`, ), ); }); // In moving over to Vite, the jsx-runtime import is now obscured. TODO: update the method of finding this. it.skip('uses the new JSX transform', async () => { const html = await fixture.fetch('/index.html'); // Grab the imports const exp = /import\("(.+?)"\)/g; let match, componentUrl; while ((match = exp.exec(html))) { if (match[1].includes('Research.js')) { componentUrl = match[1]; break; } } const component = await fixture.readFile(componentUrl); const jsxRuntime = component.imports.filter((i) => i.specifier.includes('jsx-runtime')); // test 1: react/jsx-runtime is used for the component assert.ok(jsxRuntime); }); it('When a nested component throws it does not crash the server', async () => { const res = await fixture.fetch('/error-rendering'); await res.arrayBuffer(); }); }); }); t/better-data-types'>feat/better-data-types Unnamed repository; edit this file 'description' to name the repository.
summaryrefslogtreecommitdiff
path: root/examples/docs (unfollow)
AgeCommit message (Collapse)AuthorFilesLines
2021-09-14Version Packages (#1358)astro@0.20.6@astrojs/renderer-vue@0.1.8@astrojs/renderer-svelte@0.1.2@astrojs/renderer-solid@0.1.1@astrojs/renderer-react@0.2.1@astrojs/renderer-preact@0.2.2@astrojs/renderer-lit@0.1.1Gravatar github-actions[bot] 1-1/+1
Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>
2021-09-14fix bad ci pathsGravatar Fred K. Schott 1-5/+5
2021-09-14update changesetsGravatar Fred K. Schott 1-1/+1
2021-09-14Fix passing Markdown content through props (#1259) (#1343)Gravatar kelvinsjk 4-0/+22
Co-authored-by: Kelvin Soh <kelvinsoh@pop-os.localdomain> Co-authored-by: Fred K. Schott <fkschott@gmail.com>
2021-09-14Improve stats logging to use `pretty-bytes` so that 20B doesn't get output ↵Gravatar Caleb Jasik 4-2/+13
as 0kB, which is accurate, but confusing (#1329)
2021-09-14[ci] yarn formatGravatar FredKSchott 1-1/+1
2021-09-14Merge "Remove check for referenced files" (#1196)Gravatar (none) 6-6/+45
Co-authored-by: Fred K. Schott <fkschott@gmail.com>
2021-09-14Docs: Add READMEs for renderers (#1351)Gravatar Drew Powers 8-1/+184
* Add README stub for renderers * Add renderer READMEs
2021-09-14Update deployment docs for Netlify deployment (#1361)Gravatar Cassidy Williams 1-7/+9
* Update build command for Netlify * Clarify directions for Netlify deploy versions * Create deploy.md * Update deploy.md * Update deploy.md Co-authored-by: Fred K. Schott <fkschott@gmail.com>
2021-09-14Delete perfect-kids-occur.md (#1372)Gravatar Fred K. Schott 1-5/+0
2021-09-14[ci] yarn formatGravatar FredKSchott 1-15/+10
2021-09-14Self-host homepage fonts to improve page load speed (#1370)Gravatar mundry 14-5/+52
Co-authored-by: mundry <mundry@users.noreply.github.com>
2021-09-14Add types to examples and docs (#1347)Gravatar Matthew Phillips 8-20/+60
* Adds a changeset * Add types to examples and docs * Make changes based on review feedback * Avoid using the variable named props * Make path a const
2021-09-14[ci] collect statsGravatar FredKSchott 1-0/+1
2021-09-13Fix typo (#1360)Gravatar Marcus Otterström 1-1/+1
2021-09-13Disclaimer for Github pages / jekyll quirk (#1355)Gravatar Tc001 2-0/+7
* Added GH pages disclaimer * Added changeset * Reworded disclaimer * Correct GH Pages casing * Update deploy.md Co-authored-by: Fred K. Schott <fkschott@gmail.com>
2021-09-13fix outdated lockfile issue (#1357)Gravatar Fred K. Schott 1-3/+1
2021-09-13Add `astro.build/play` link (#1359)Gravatar Nate Moore 1-0/+6
* feat: add rewrite to play.astro.build * fix: subpath redirects
2021-09-13[ci] yarn formatGravatar FredKSchott 2-8/+7
2021-09-13Add a new lockfile (#1356)Gravatar Matthew Phillips 1-19/+19
2021-09-13[ci] collect statsGravatar FredKSchott 1-0/+1
2021-09-12[ci] collect statsGravatar FredKSchott 1-0/+1
2021-09-11[ci] collect statsGravatar FredKSchott 1-0/+1
2021-09-10Prevent removing CSS preloads during bundling (#1326)Gravatar Bartek Igielski 8-18/+96
* Prevent removing nodes, becasue styles preloading was detected earlier * Add separate deduping for preloads and cover it with tests. * Create quiet-horses-turn.md * Test merging preload tags
2021-09-10Fix typos in Netlify sponsorship announcement blog post (#1346)Gravatar mundry 1-4/+4
Co-authored-by: mundry <mundry@users.noreply.github.com>
2021-09-10[ci] collect statsGravatar FredKSchott 2-1/+2
2021-09-09blog: announce netlify sponsorship (#1345)Gravatar Fred K. Schott 4-5/+64
2021-09-09Version Packages (#1344)Gravatar github-actions[bot] 29-53/+42
Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>
2021-09-09Revert "Version Packages (#1303)"Gravatar Fred K. Schott 29-42/+53
This reverts commit 1a88cfde7d2b3854e279c1bf3e12adf5d2155801.
2021-09-09update lockfileastro@0.20.5@astrojs/markdown-support@0.3.1Gravatar Fred K. Schott 1-9/+9
2021-09-09Version Packages (#1303)Gravatar github-actions[bot] 29-53/+42
Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com>
2021-09-09[ci] collect statsGravatar FredKSchott 2-1/+2
2021-09-08Update netlify deploy instructions for `.nvmrc` syntax (#1337)Gravatar Caleb Jasik 1-1/+1
2021-09-08[ci] yarn formatGravatar jasikpark 1-1/+0