test(mdx): add test cases

test/integration/plugin-mdx-rs/components/button.js

@@ -0,0 +1,14 @@
+export default ({ children }) => (
+  <button
+    style={{
+      borderRadius: '3px',
+      border: '1px solid black',
+      color: 'black',
+      padding: '0.5em 1em',
+      cursor: 'pointer',
+      fontSize: '1.1em',
+    }}
+  >
+    {children}
+  </button>
+)

test/integration/plugin-mdx-rs/next.config.js

@@ -0,0 +1,9 @@
+const withMDX = require('@next/mdx')({
+  extension: /\.mdx?$/,
+})
+module.exports = withMDX({
+  pageExtensions: ['js', 'jsx', 'mdx'],
+  experimental: {
+    mdxRs: true,
+  },
+})

test/integration/plugin-mdx-rs/pages/button.mdx

@@ -0,0 +1,7 @@
+import Button from '../components/button.js'
+
+# MDX + Next.js
+
+Look, a button! 👇
+
+<Button>👋 Hello</Button>

test/integration/plugin-mdx-rs/pages/index.mdx

@@ -0,0 +1,5 @@
+## Hello MDX
+
+Here's a simple mdx file!!
+
+<p>Have p tag!</p>

test/integration/plugin-mdx-rs/test/index.test.js

@@ -0,0 +1,28 @@
+/* eslint-env jest */
+
+import { join } from 'path'
+import { renderViaHTTP, findPort, launchApp, killApp } from 'next-test-utils'
+
+const context = {}
+
+describe('Configuration', () => {
+  beforeAll(async () => {
+    context.appPort = await findPort()
+    context.server = await launchApp(join(__dirname, '../'), context.appPort)
+  })
+  afterAll(() => {
+    killApp(context.server)
+  })
+
+  describe('MDX-rs Plugin support', () => {
+    it('should render an MDX page correctly', async () => {
+      expect(await renderViaHTTP(context.appPort, '/')).toMatch(/Hello MDX/)
+    })
+
+    it('should render an MDX page with component correctly', async () => {
+      expect(await renderViaHTTP(context.appPort, '/button')).toMatch(
+        /Look, a button!/
+      )
+    })
+  })
+})