Improve tests for codemod

Author: hbjORbj

packages/mui-codemod/src/v5.0.0/joy-rename-components-to-slots.test/actual.js

@@ -1,4 +1,18 @@
-<Autocomplete
-  components={{ Root, Input: CustomInput }}
-  componentsProps={{ root: { className: 'root' }, input: { 'data-testid': 'input' } }}
-/>;
+// the codemod should transform only Joy UI components;
+import { Alert as JoyAlert } from '@mui/joy';
+import JoyAutocomplete from '@mui/joy/Autocomplete';
+import CustomComponent from 'components/Custom';
+
+<div>
+  <JoyAlert
+    components={{ Root, Input: CustomInput }}
+    componentsProps={{ root: { className: 'root' }, input: { 'data-testid': 'input' } }}
+  />
+  <JoyAutocomplete
+    components={{ Root, Input: CustomInput }}
+    componentsProps={{ root: { className: 'root' }, input: { 'data-testid': 'input' } }}
+  />
+  <CustomComponent
+    componentsProps={{ root: { className: 'root' }, input: { 'data-testid': 'input' } }}
+  />
+</div>;

packages/mui-codemod/src/v5.0.0/joy-rename-components-to-slots.test/expected.js

@@ -1,4 +1,18 @@
-<Autocomplete
-  slots={{ root: Root, input: CustomInput }}
-  slotProps={{ root: { className: 'root' }, input: { 'data-testid': 'input' } }}
-/>;
+// the codemod should transform only Joy UI slots;
+import { Alert as JoyAlert } from '@mui/joy';
+import JoyAutocomplete from '@mui/joy/Autocomplete';
+import CustomComponent from 'components/Custom';
+
+<div>
+  <JoyAlert
+    slots={{ Root, Input: CustomInput }}
+    slotProps={{ root: { className: 'root' }, input: { 'data-testid': 'input' } }}
+  />
+  <JoyAutocomplete
+    slots={{ Root, Input: CustomInput }}
+    slotProps={{ root: { className: 'root' }, input: { 'data-testid': 'input' } }}
+  />
+  <CustomComponent
+    slotProps={{ root: { className: 'root' }, input: { 'data-testid': 'input' } }}
+  />
+</div>;