3 files changed, 30 insertions, 0 deletions
diff --git a/test/fixtures/react-component/src/components/Goodbye.vue b/test/fixtures/react-component/src/components/Goodbye.vue
new file mode 100644
index 000000000..430dfdb71
--- /dev/null
+++ b/test/fixtures/react-component/src/components/Goodbye.vue
@@ -0,0 +1,11 @@
+<template>
+  <h2 id="vue-h2">Hasta la vista, {{ name }}</h2>
+</template>
+
+<script>
+export default {
+  props: {
+    name: String,
+  },
+};
+</script>
diff --git a/test/fixtures/react-component/src/components/Hello.jsx b/test/fixtures/react-component/src/components/Hello.jsx
new file mode 100644
index 000000000..4b6c416a9
--- /dev/null
+++ b/test/fixtures/react-component/src/components/Hello.jsx
@@ -0,0 +1,5 @@
+import React from 'react';
+
+export default function ({ name }) {
+  return <h2 id="react-h2">Hello {name}!</h2>;
+}
diff --git a/test/fixtures/react-component/src/pages/index.astro b/test/fixtures/react-component/src/pages/index.astro
new file mode 100644
index 000000000..74475f34e
--- /dev/null
+++ b/test/fixtures/react-component/src/pages/index.astro
@@ -0,0 +1,14 @@
+---
+import Hello from '../components/Hello.jsx';
+import Later from '../components/Goodbye.vue'; // use different specifier
+---
+
+<html>
+  <head>
+    <!-- Head Stuff -->
+  </head>
+  <body>
+    <Hello name="world" />
+    <Later name="baby" />
+  </body>
+</html>