renderComponentsChecks() — astro Function Reference

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

Function javascript CoreAstro RenderingEngine

Entity Profile

CoreAstro→ RenderingEngine→ renderComponentsChecks() — astro Function Reference

Dependency Diagram

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

Relationship Graph

Source Code

packages/integrations/markdoc/test/render-extends-components.test.js lines 50–69

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');
}