diff options
| author |  Matthew Phillips <matthew@skypack.dev>
| 2022-08-05 17:13:30 -0400 |
|---|---|---|
| committer |  GitHub <noreply@github.com>
| 2022-08-05 17:13:30 -0400 |
| commit | 8eb3a8c6d9554707963c3a3bc36ed8b68d3cf0fb (patch) | |
| tree | be1e8837eea876448761e7852f934757751329dd /packages/integrations/mdx/test | |
| parent | 14d27c1d6f8f9d7143547bf330398bbc6a5ee4f4 (diff) | |
| download | astro-8eb3a8c6d9554707963c3a3bc36ed8b68d3cf0fb.tar.gz astro-8eb3a8c6d9554707963c3a3bc36ed8b68d3cf0fb.tar.zst astro-8eb3a8c6d9554707963c3a3bc36ed8b68d3cf0fb.zip | |
Add test for mdx + React usage (#4174)
* Add test for mdx + React usage
* Add a changeset
Co-authored-by: Nate Moore <natemoo-re@users.noreply.github.com>
Diffstat (limited to 'packages/integrations/mdx/test')
5 files changed, 55 insertions, 0 deletions
diff --git a/packages/integrations/mdx/test/fixtures/mdx-plus-react/astro.config.mjs b/packages/integrations/mdx/test/fixtures/mdx-plus-react/astro.config.mjs new file mode 100644 index 000000000..4671227d3 --- /dev/null +++ b/packages/integrations/mdx/test/fixtures/mdx-plus-react/astro.config.mjs @@ -0,0 +1,6 @@ +import mdx from '@astrojs/mdx'; +import react from '@astrojs/react'; + +export default { + integrations: [react(), mdx()] +} diff --git a/packages/integrations/mdx/test/fixtures/mdx-plus-react/package.json b/packages/integrations/mdx/test/fixtures/mdx-plus-react/package.json new file mode 100644 index 000000000..982f4c685 --- /dev/null +++ b/packages/integrations/mdx/test/fixtures/mdx-plus-react/package.json @@ -0,0 +1,8 @@ +{ + "name": "@test/mdx-plus-react", + "dependencies": { + "astro": "workspace:*", + "@astrojs/mdx": "workspace:*", + "@astrojs/react": "workspace:*" + } +} diff --git a/packages/integrations/mdx/test/fixtures/mdx-plus-react/src/components/Component.jsx b/packages/integrations/mdx/test/fixtures/mdx-plus-react/src/components/Component.jsx new file mode 100644 index 000000000..53f5dad3f --- /dev/null +++ b/packages/integrations/mdx/test/fixtures/mdx-plus-react/src/components/Component.jsx @@ -0,0 +1,5 @@ +const Component = () => { + return <p>Hello world</p>; +}; + +export default Component; diff --git a/packages/integrations/mdx/test/fixtures/mdx-plus-react/src/pages/index.astro b/packages/integrations/mdx/test/fixtures/mdx-plus-react/src/pages/index.astro new file mode 100644 index 000000000..2486e7834 --- /dev/null +++ b/packages/integrations/mdx/test/fixtures/mdx-plus-react/src/pages/index.astro @@ -0,0 +1,11 @@ +--- +import Component from "../components/Component.jsx"; +--- +<html> + <head> + <title>Testing</title> + </head> + <body> + <Component /> + </body> +</html> diff --git a/packages/integrations/mdx/test/mdx-plus-react.test.js b/packages/integrations/mdx/test/mdx-plus-react.test.js new file mode 100644 index 000000000..49c25d558 --- /dev/null +++ b/packages/integrations/mdx/test/mdx-plus-react.test.js @@ -0,0 +1,25 @@ +import mdx from '@astrojs/mdx'; + +import { expect } from 'chai'; +import { parseHTML } from 'linkedom'; +import { loadFixture } from '../../../astro/test/test-utils.js'; + +describe('MDX and React', () => { + let fixture; + + before(async () => { + fixture = await loadFixture({ + root: new URL('./fixtures/mdx-plus-react/', import.meta.url), + }); + await fixture.build(); + }); + + it('can be used in the same project', async () => { + const html = await fixture.readFile('/index.html'); + const { document } = parseHTML(html); + + const p = document.querySelector('p'); + + expect(p.textContent).to.equal('Hello world'); + }); +}); |