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