test: add test

playground/react/App.jsx

@@ -5,6 +5,7 @@ import Parent from './hmr/parent'
 import { JsxImportRuntime } from './hmr/jsx-import-runtime'
 import { CountProvider } from './context/CountProvider'
 import { ContextButton } from './context/ContextButton'
+import { TestImportAttributes } from './import-attributes/test'
 
 function App() {
   const [count, setCount] = useState(0)
@@ -40,6 +41,7 @@ function App() {
       <Parent />
       <JsxImportRuntime />
       <Button>button</Button>
+      <TestImportAttributes />
     </div>
   )
 }

playground/react/__tests__/react.spec.ts

@@ -69,6 +69,10 @@ test.runIf(isServe)(
   },
 )
 
+test('import attributes', async () => {
+  expect(await page.textContent('.import-attributes')).toBe('ok')
+})
+
 if (!isBuild) {
   // #9869
   test('should only hmr files with exported react components', async () => {

playground/react/import-attributes/data.json

@@ -0,0 +1,3 @@
+{
+  "message": "ok"
+}

playground/react/import-attributes/test.jsx

@@ -0,0 +1,9 @@
+import data from './data.json' with { type: 'json' }
+
+export function TestImportAttributes() {
+  return (
+    <div>
+      import-attirbutes: <span class="import-attributes">{data.message}</span>
+    </div>
+  )
+}