renderComponentsChecks() — astro Function Reference

Architecture documentation for the renderComponentsChecks() function in render-components.test.js from the astro codebase.

Function javascript CoreAstro RenderingEngine

Entity Profile

CoreAstro→ RenderingEngine→ renderComponentsChecks() — astro Function Reference

Dependency Diagram

graph TD
  ba5dbdfe_095c_25de_e75b_6458f39f8eb1["renderComponentsChecks()"]
  9880f942_9263_e3fc_e0e1_3673a9ac7add["render-components.test.js"]
  ba5dbdfe_095c_25de_e75b_6458f39f8eb1 -->|defined in| 9880f942_9263_e3fc_e0e1_3673a9ac7add
  style ba5dbdfe_095c_25de_e75b_6458f39f8eb1 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

packages/integrations/markdoc/test/render-components.test.js lines 63–82

function renderComponentsChecks(html) {
	const { document } = parseHTML(html);
	const h2 = document.querySelector('h2');
	assert.equal(h2.textContent, 'Post with components');

	// Renders custom shortcode component
	const marquee = document.querySelector('marquee');
	assert.notEqual(marquee, null);
	assert.equal(marquee.hasAttribute('data-custom-marquee'), true);

	// Renders Astro Code component
	const pre = document.querySelector('pre');
	assert.notEqual(pre, null);
	assert.equal(pre.className, 'astro-code github-dark');

	// Renders 2nd Astro Code component inside if tag
	const pre2 = document.querySelectorAll('pre')[1];
	assert.notEqual(pre2, null);
	assert.equal(pre2.className, 'astro-code github-dark');
}