test: 重写测试用例

tests/fixtures/all-tags/code.tsx

@@ -1,6 +1,4 @@
-import React from 'react'
-
-export const App: React.FC = () => {
+export function App() {
   return (
     <article>
       <audio src="./audio.mp3" />

tests/fixtures/all-tags/snapshot.tsx

@@ -5,8 +5,7 @@ import _import_assets4 from "./video.mp4";
 import _import_assets3 from "./help.pdf";
 import _import_assets2 from "./logo.png";
 import _import_assets from "./audio.mp3";
-import React from "react";
-export const App = () => {
+export function App() {
   return (
     <article>
       <audio src={_import_assets} />
@@ -22,4 +21,4 @@ export const App = () => {
       <use href={_import_assets2} xlinkHref={_import_assets2} />
     </article>
   );
-};
+}

tests/fixtures/attribute-expression/code.tsx

@@ -1,7 +1,6 @@
 /* eslint-disable @stylistic/jsx-curly-brace-presence */
-import React from 'react'
 
-export const App: React.FC = () => {
+export function App() {
   const src = './logo.png'
 
   return (

tests/fixtures/attribute-expression/snapshot.tsx

@@ -1,11 +1,11 @@
 /* eslint-disable @stylistic/jsx-curly-brace-presence */
-import React from "react";
-export const App = () => {
+
+export function App() {
   const src = "./logo.png";
   return (
     <article>
       <img src={src} alt="" />
       <img src={"./logo.png"} alt="" />
     </article>
   );
-};
+}

tests/fixtures/custom-tags/code.tsx

@@ -1,10 +1,15 @@
-import React from 'react'
+interface ImageProps {
+  src: string
+}
+
+function Image(props: ImageProps) {
+  return <img src={props.src} alt="" />
+}
 
-const Image: React.FC<{ src: string }> = () => null
 const Bar = { Image }
 const Foo = { Bar }
 
-export const App: React.FC = () => {
+export function App() {
   return (
     <article>
       <img src="./logo.png" alt="" />

tests/fixtures/custom-tags/snapshot.tsx

@@ -1,13 +1,14 @@
 import _import_assets from "./logo.png";
-import React from "react";
-const Image = () => null;
+function Image(props) {
+  return <img src={props.src} alt="" />;
+}
 const Bar = {
   Image,
 };
 const Foo = {
   Bar,
 };
-export const App = () => {
+export function App() {
   return (
     <article>
       <img src="./logo.png" alt="" />
@@ -16,4 +17,4 @@ export const App = () => {
       <Foo.Bar.Image src={_import_assets} />
     </article>
   );
-};
+}

tests/fixtures/img-src/code.tsx

@@ -1,6 +1,4 @@
-import React from 'react'
-
-export const App: React.FC = () => {
+export function App() {
   return (
     <article>
       <img src="" alt="" />

tests/fixtures/img-src/snapshot.tsx

@@ -1,6 +1,5 @@
 import _import_assets from "./logo.png";
-import React from "react";
-export const App = () => {
+export function App() {
   return (
     <article>
       <img src="" alt="" />
@@ -11,4 +10,4 @@ export const App = () => {
       <img src="data:image/png;base64,i" alt="" />
     </article>
   );
-};
+}

tests/fixtures/import-alias/code.tsx

@@ -1,6 +1,4 @@
-import React from 'react'
-
-export const App: React.FC = () => {
+export function App() {
   return (
     <article>
       <img src="~fixtures/logo.png" alt="" />

tests/fixtures/import-alias/snapshot.tsx

@@ -2,8 +2,7 @@ import _import_assets4 from "@/fixtures/logo.png";
 import _import_assets3 from "@fixtures/logo.png";
 import _import_assets2 from "~/fixtures/logo.png";
 import _import_assets from "~fixtures/logo.png";
-import React from "react";
-export const App = () => {
+export function App() {
   return (
     <article>
       <img src={_import_assets} alt="" />
@@ -12,4 +11,4 @@ export const App = () => {
       <img src={_import_assets4} alt="" />
     </article>
   );
-};
+}

tests/fixtures/include-absolute/code.tsx

@@ -1,6 +1,4 @@
-import React from 'react'
-
-export const App: React.FC = () => {
+export function App() {
   return (
     <article>
       <img src="./logo.png" alt="" />

tests/fixtures/include-absolute/snapshot.tsx

@@ -1,12 +1,11 @@
 import _import_assets2 from "/fixtures/logo.png";
 import _import_assets from "./logo.png";
-import React from "react";
-export const App = () => {
+export function App() {
   return (
     <article>
       <img src={_import_assets} alt="" />
       <img src={_import_assets2} alt="" />
       <img src="//example.com/fixtures/logo.png" alt="" />
     </article>
   );
-};
+}

tests/fixtures/src-set/code.tsx

@@ -1,6 +1,4 @@
-import React from 'react'
-
-export const App: React.FC = () => {
+export function App() {
   return (
     <article>
       <img

tests/fixtures/src-set/snapshot.tsx

@@ -1,7 +1,6 @@
 import _import_assets2 from "./logo-2x.png";
 import _import_assets from "./logo.png";
-import React from "react";
-export const App = () => {
+export function App() {
   return (
     <article>
       <img
@@ -16,4 +15,4 @@ export const App = () => {
       </picture>
     </article>
   );
-};
+}