fix tests

Janpot · Janpot · commit ee89f32bb6f9 · 2025-09-16T12:24:02.000+02:00
diff --git a/packages/mui-codemod/src/v5.0.0/box-sx-prop.test/expected.js b/packages/mui-codemod/src/v5.0.0/box-sx-prop.test/expected.js
@@ -4,7 +4,7 @@ import Button from '@material-ui/core/Button';
 
 export default function BoxComponent(props) {
   return (
-    (<Box
+    <Box
       sx={{
         m: 2,
         border: "1px dashed grey",
@@ -25,6 +25,6 @@ export default function BoxComponent(props) {
         sx={{
           p: [1, 2, 4]
         }} />
-    </Box>)
+    </Box>
   );
 }
diff --git a/packages/mui-codemod/src/v5.0.0/jss-to-styled.test/eighth.expected.js b/packages/mui-codemod/src/v5.0.0/jss-to-styled.test/eighth.expected.js
@@ -115,7 +115,7 @@ export default function Cart() {
     });
   };
   return (
-    (<Root>
+    <Root>
       <Head title="View cart">
         <meta name="robots" content="noindex,nofollow" />
       </Head>
@@ -208,6 +208,6 @@ export default function Cart() {
         </OrderBody>
       </Container>
       <AppFooter />
-    </Root>)
+    </Root>
   );
 }
diff --git a/packages/mui-codemod/src/v5.0.0/jss-to-styled.test/eleventh.expected.js b/packages/mui-codemod/src/v5.0.0/jss-to-styled.test/eleventh.expected.js
@@ -29,9 +29,9 @@ export default function Page() {
 
 
   return (
-    (<StyledSomeNamespaceSomeComponent>
+    <StyledSomeNamespaceSomeComponent>
       <h1 className={classes.header}></h1>
       <img className={classes.img}></img>
-    </StyledSomeNamespaceSomeComponent>)
+    </StyledSomeNamespaceSomeComponent>
   );
 }
diff --git a/packages/mui-codemod/src/v5.0.0/jss-to-styled.test/fifth.expected.js b/packages/mui-codemod/src/v5.0.0/jss-to-styled.test/fifth.expected.js
@@ -62,7 +62,7 @@ function SellHero() {
 
 
   return (
-    (<Root className={classes.root}>
+    <Root className={classes.root}>
       <Container className={classes.container}>
         <Typography variant="h1" align="center" color="textPrimary" className={classes.title}>
           Sell themes
@@ -87,7 +87,7 @@ function SellHero() {
           </Button>
         </div>
       </Container>
-    </Root>)
+    </Root>
   );
 }
 
diff --git a/packages/mui-codemod/src/v5.0.0/jss-to-styled.test/first.expected.js b/packages/mui-codemod/src/v5.0.0/jss-to-styled.test/first.expected.js
@@ -180,7 +180,7 @@ class AppAppBar extends React.Component {
     const { menuOpen } = this.state;
 
     return (
-      (<StyledAppBar essential={essential} position={position}>
+      <StyledAppBar essential={essential} position={position}>
         <div className={clsx(classes.wrap, { [classes.wrapOpened]: menuOpen })}>
           <Link to="/" aria-label="Back to homepage" color="inherit">
             <Logo color={menuOpen ? 'inherit' : 'textPrimary'} />
@@ -237,7 +237,7 @@ class AppAppBar extends React.Component {
             </div>
           )}
         </div>
-      </StyledAppBar>)
+      </StyledAppBar>
     );
   }
 }
diff --git a/packages/mui-codemod/src/v5.0.0/jss-to-styled.test/fourth.expected.js b/packages/mui-codemod/src/v5.0.0/jss-to-styled.test/fourth.expected.js
@@ -31,10 +31,10 @@ const StyledCard = styled(Card)(function getStyles(
 export const MyCard = ((props) => {
   const { } = props;
   return (
-    (<StyledCard className={classes.root}>
+    <StyledCard className={classes.root}>
       <CardActions className={classes.actions}>
         <Button className={classes.button}>Submit</Button>
       </CardActions>
-    </StyledCard>)
+    </StyledCard>
   );
 });
diff --git a/packages/mui-codemod/src/v5.0.0/jss-to-styled.test/nineth.expected.js b/packages/mui-codemod/src/v5.0.0/jss-to-styled.test/nineth.expected.js
@@ -29,9 +29,9 @@ export default function Page() {
 
 
   return (
-    (<Root>
+    <Root>
       <h1 className={classes.header}></h1>
       <img className={classes.img}></img>
-    </Root>)
+    </Root>
   );
 }
diff --git a/packages/mui-codemod/src/v5.0.0/jss-to-styled.test/second.expected.js b/packages/mui-codemod/src/v5.0.0/jss-to-styled.test/second.expected.js
@@ -63,7 +63,7 @@ function AffiliatesHero() {
 
 
   return (
-    (<Root className={classes.root}>
+    <Root className={classes.root}>
       <Container className={classes.container}>
         <Typography variant="h1" align="center" color="textPrimary" className={classes.title}>
           Affiliate Program
@@ -85,7 +85,7 @@ function AffiliatesHero() {
           </Button>
         </div>
       </Container>
-    </Root>)
+    </Root>
   );
 }
 
diff --git a/packages/mui-codemod/src/v5.0.0/jss-to-styled.test/seventh.expected.js b/packages/mui-codemod/src/v5.0.0/jss-to-styled.test/seventh.expected.js
@@ -86,7 +86,7 @@ function Iframe(props) {
   }, []);
 
   return (
-    (<Root>
+    <Root>
       {loaded === false ? (
         <div className={classes.loader}>
           <CircularProgress />
@@ -109,7 +109,7 @@ function Iframe(props) {
         frameBorder="0"
         {...props}
       />
-    </Root>)
+    </Root>
   );
 }
 
diff --git a/packages/mui-codemod/src/v5.0.0/jss-to-styled.test/tenth.expected.js b/packages/mui-codemod/src/v5.0.0/jss-to-styled.test/tenth.expected.js
@@ -29,9 +29,9 @@ export default function Page() {
 
 
   return (
-    (<Root>
+    <Root>
       <h1 className={classes.header}></h1>
       <img className={classes.img}></img>
-    </Root>)
+    </Root>
   );
 }
diff --git a/packages/mui-codemod/src/v5.0.0/jss-to-styled.test/third.expected.js b/packages/mui-codemod/src/v5.0.0/jss-to-styled.test/third.expected.js
@@ -27,10 +27,10 @@ const StyledCard = styled(Card)((
 export const MyCard = ((props) => {
   const { } = props;
   return (
-    (<StyledCard className={classes.root}>
+    <StyledCard className={classes.root}>
       <CardActions className={classes.actions}>
         <Button className={classes.button}>Submit</Button>
       </CardActions>
-    </StyledCard>)
+    </StyledCard>
   );
 });
diff --git a/packages/mui-codemod/src/v5.0.0/jss-to-tss-react.test/expected-from-material-ui-core.js b/packages/mui-codemod/src/v5.0.0/jss-to-tss-react.test/expected-from-material-ui-core.js
@@ -44,10 +44,12 @@ export default function ComponentUsingStyles(props) {
   const { classes, cx } = useStyles(props, {
     props: props
   });
-  return <>
-    <div className={classes.test}>Test<InnerComponent/></div>
-    <div className={cx(classes.test, classes.qualifier)}>Qualifier Test</div>
-    <div className={cx(classes.test, classes.qualifier2)}>Qualifier 2 Test</div>
-    <div className={cx(classes.test, classes.qualifier, classes.qualifier2)}>Qualifier & Qualifier 2 Test</div>
-    </>;
+  return (
+    <>
+      <div className={classes.test}>Test<InnerComponent/></div>
+      <div className={cx(classes.test, classes.qualifier)}>Qualifier Test</div>
+      <div className={cx(classes.test, classes.qualifier2)}>Qualifier 2 Test</div>
+      <div className={cx(classes.test, classes.qualifier, classes.qualifier2)}>Qualifier & Qualifier 2 Test</div>
+      </>
+  );
 }
diff --git a/packages/mui-codemod/src/v5.0.0/jss-to-tss-react.test/expected-todo-comments.js b/packages/mui-codemod/src/v5.0.0/jss-to-tss-react.test/expected-todo-comments.js
@@ -67,10 +67,12 @@ function ComponentUsingStyles(props) {
   const { classes, cx } = useStyles(props, {
     props: props
   });
-  return <>
-    <div className={classes.test}>Test<InnerComponent/></div>
-    <div className={cx(classes.test, classes.qualifier)}>Qualifier Test</div>
-    </>;
+  return (
+    <>
+      <div className={classes.test}>Test<InnerComponent/></div>
+      <div className={cx(classes.test, classes.qualifier)}>Qualifier Test</div>
+      </>
+  );
 }
 
 // TODO jss-to-tss-react codemod: usages of this hook outside of this file will not be converted.
diff --git a/packages/mui-codemod/src/v5.0.0/jss-to-tss-react.test/expected-typescript-docs-example-params.tsx b/packages/mui-codemod/src/v5.0.0/jss-to-tss-react.test/expected-typescript-docs-example-params.tsx
@@ -29,15 +29,15 @@ function App({classes: classesProp}: {classes?: any}) {
   });
 
   return (
-    (<div className={classes.root}>
+    <div className={classes.root}>
       <div className={classes.child}>
         The Background take the primary theme color when the mouse hovers the parent.
       </div>
       <div className={cx(classes.child, classes.small)}>
         The Background take the primary theme color when the mouse hovers the parent.
         I am smaller than the other child.
       </div>
-    </div>)
+    </div>
   );
 }
 
diff --git a/packages/mui-codemod/src/v5.0.0/jss-to-tss-react.test/expected-typescript-docs-example.tsx b/packages/mui-codemod/src/v5.0.0/jss-to-tss-react.test/expected-typescript-docs-example.tsx
@@ -22,15 +22,15 @@ const useStyles = makeStyles<void, 'child' | 'small'>()((theme, _params, classes
 function App() {
   const { classes, cx } = useStyles();
   return (
-    (<div className={classes.parent}>
+    <div className={classes.parent}>
       <div className={classes.child}>
         Background turns red when the mouse hovers over the parent.
       </div>
       <div className={cx(classes.child, classes.small)}>
         Background turns red when the mouse hovers over the parent.
         I am smaller than the other child.
       </div>
-    </div>)
+    </div>
   );
 }
 
diff --git a/packages/mui-codemod/src/v5.0.0/preset-safe.test/expected.js b/packages/mui-codemod/src/v5.0.0/preset-safe.test/expected.js
@@ -87,7 +87,7 @@ const Header = () => {
   const classes = useStyles();
   const { dark, setDark } = React.useContext(DarkContext);
   return (
-    (<AppBar color="default" position="sticky">
+    <AppBar color="default" position="sticky">
       <Toolbar>
         <Typography className={classes.head} variant="h6">
           👋 Hello
@@ -110,7 +110,7 @@ const Header = () => {
           onChange={(event, checked) => setDark(checked)}
         />
       </Toolbar>
-    </AppBar>)
+    </AppBar>
   );
 };
 
@@ -119,61 +119,63 @@ function App() {
   const handleClose = () => setOpen(false);
   const { setDark } = React.useContext(DarkContext);
   const classes = useStyles();
-  return (<>
-    <CssBaseline />
-    <Header />
-    <Container>
-      <Grid container spacing={2} justifyContent="center" alignItems="center">
-        <Grid item xs={6} sm={4} md={3}>
-          <Box p={2} display="flex" alignItems="center">
-            <Badge
-              color="secondary"
-              badgeContent=" "
-              overlap="circular"
-              classes={{ anchorOriginTopRightCircular: classes.badge }}
-            >
-              <Avatar variant="circular" classes={{ circular: classes.avatar }} />
-            </Badge>
-            <Box ml={2}>
-              <Typography>My name is ...</Typography>
-              <Typography variant="h5">
-                <b>siriwatknp</b>
-              </Typography>
+  return (
+    <>
+      <CssBaseline />
+      <Header />
+      <Container>
+        <Grid container spacing={2} justifyContent="center" alignItems="center">
+          <Grid item xs={6} sm={4} md={3}>
+            <Box p={2} display="flex" alignItems="center">
+              <Badge
+                color="secondary"
+                badgeContent=" "
+                overlap="circular"
+                classes={{ anchorOriginTopRightCircular: classes.badge }}
+              >
+                <Avatar variant="circular" classes={{ circular: classes.avatar }} />
+              </Badge>
+              <Box ml={2}>
+                <Typography>My name is ...</Typography>
+                <Typography variant="h5">
+                  <b>siriwatknp</b>
+                </Typography>
+              </Box>
             </Box>
-          </Box>
-        </Grid>
-        <Grid item xs={6} sm={4} md={3}>
-          <Test />
+          </Grid>
+          <Grid item xs={6} sm={4} md={3}>
+            <Test />
+          </Grid>
         </Grid>
-      </Grid>
-      <Button variant="contained" onClick={() => setOpen(true)}>
-        Open Dialog
-      </Button>
-      <Dialog
-        open={open}
-        onClose={() => setOpen(false)}
-        TransitionProps={{
-          onEnter: () => setDark(true),
-          onExit: () => setDark(false)
-        }}>
-        <DialogTitle id="alert-dialog-title">{"Use Google's location service?"}</DialogTitle>
-        <DialogContent>
-          <DialogContentText id="alert-dialog-description">
-            Let Google help apps determine location. This means sending anonymous location data to
-            Google, even when no apps are running.
-          </DialogContentText>
-        </DialogContent>
-        <DialogActions>
-          <Button onClick={handleClose} color="primary">
-            Disagree
-          </Button>
-          <Button onClick={handleClose} color="primary" autoFocus>
-            Agree
-          </Button>
-        </DialogActions>
-      </Dialog>
-    </Container>
-  </>);
+        <Button variant="contained" onClick={() => setOpen(true)}>
+          Open Dialog
+        </Button>
+        <Dialog
+          open={open}
+          onClose={() => setOpen(false)}
+          TransitionProps={{
+            onEnter: () => setDark(true),
+            onExit: () => setDark(false)
+          }}>
+          <DialogTitle id="alert-dialog-title">{"Use Google's location service?"}</DialogTitle>
+          <DialogContent>
+            <DialogContentText id="alert-dialog-description">
+              Let Google help apps determine location. This means sending anonymous location data to
+              Google, even when no apps are running.
+            </DialogContentText>
+          </DialogContent>
+          <DialogActions>
+            <Button onClick={handleClose} color="primary">
+              Disagree
+            </Button>
+            <Button onClick={handleClose} color="primary" autoFocus>
+              Agree
+            </Button>
+          </DialogActions>
+        </Dialog>
+      </Container>
+    </>
+  );
 }
 
 const withThemeProvider = (Component) => (props) => {
@@ -188,15 +190,15 @@ const withThemeProvider = (Component) => (props) => {
     [dark],
   );
   return (
-    (<DarkContext.Provider value={{ dark, setDark }}>
+    <DarkContext.Provider value={{ dark, setDark }}>
       <StylesProvider injectFirst>
         <StyledEngineProvider injectFirst>
           <ThemeProvider theme={theme}>
             <Component {...props} />
           </ThemeProvider>
         </StyledEngineProvider>
       </StylesProvider>
-    </DarkContext.Provider>)
+    </DarkContext.Provider>
   );
 };
 
diff --git a/packages/mui-codemod/src/v5.0.0/styled-engine-provider.test/mui-theme-provider.expected.js b/packages/mui-codemod/src/v5.0.0/styled-engine-provider.test/mui-theme-provider.expected.js
diff --git a/packages/mui-codemod/src/v5.0.0/theme-provider.test/core-import.expected.js b/packages/mui-codemod/src/v5.0.0/theme-provider.test/core-import.expected.js
diff --git a/packages/mui-codemod/src/v5.0.0/theme-provider.test/expected.js b/packages/mui-codemod/src/v5.0.0/theme-provider.test/expected.js
diff --git a/packages/mui-codemod/src/v5.0.0/variant-prop.test/expected.js b/packages/mui-codemod/src/v5.0.0/variant-prop.test/expected.js
diff --git a/packages/mui-codemod/src/v6.0.0/system-props/test-cases/system-props.expected.js b/packages/mui-codemod/src/v6.0.0/system-props/test-cases/system-props.expected.js
