diff options
author | 2024-08-27 17:49:04 +0200 | |
---|---|---|
committer | 2024-08-27 16:49:04 +0100 | |
commit | ed7bbd990f80cacf9c5ec2a70ad7501631b92d3f (patch) | |
tree | 5b24197d9c1d7aecdf212faea61ae8030c5f7fd3 /packages/integrations/markdoc/test/render-extends-components.test.js | |
parent | 543e8f5b78035b8457445845dd5fcfe323f107db (diff) | |
download | astro-ed7bbd990f80cacf9c5ec2a70ad7501631b92d3f.tar.gz astro-ed7bbd990f80cacf9c5ec2a70ad7501631b92d3f.tar.zst astro-ed7bbd990f80cacf9c5ec2a70ad7501631b92d3f.zip |
fix(markdoc): use astro components defined with `extends` (#11846)
Diffstat (limited to 'packages/integrations/markdoc/test/render-extends-components.test.js')
-rw-r--r-- | packages/integrations/markdoc/test/render-extends-components.test.js | 64 |
1 files changed, 64 insertions, 0 deletions
diff --git a/packages/integrations/markdoc/test/render-extends-components.test.js b/packages/integrations/markdoc/test/render-extends-components.test.js new file mode 100644 index 000000000..8d1778d3e --- /dev/null +++ b/packages/integrations/markdoc/test/render-extends-components.test.js @@ -0,0 +1,64 @@ +import assert from 'node:assert/strict'; +import { after, before, describe, it } from 'node:test'; +import { parseHTML } from 'linkedom'; +import { loadFixture } from '../../../astro/test/test-utils.js'; + +const root = new URL('./fixtures/render-with-extends-components/', import.meta.url); + +describe('Markdoc - render components defined in `extends`', () => { + let fixture; + + before(async () => { + fixture = await loadFixture({ + root, + }); + }); + + describe('dev', () => { + let devServer; + + before(async () => { + devServer = await fixture.startDevServer(); + }); + + after(async () => { + await devServer.stop(); + }); + + it('renders content - with components', async () => { + const res = await fixture.fetch('/'); + const html = await res.text(); + + renderComponentsChecks(html); + }); + }); + + describe('build', () => { + before(async () => { + await fixture.build(); + }); + + it('renders content - with components', async () => { + const html = await fixture.readFile('/index.html'); + + renderComponentsChecks(html); + }); + }); +}); + +/** @param {string} html */ +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'); +} |