init project

test/regressions/fixtures/Input/InputLabels.js

@@ -0,0 +1,30 @@
+import * as React from 'react';
+import Box from '@mui/material/Box';
+import InputLabel from '@mui/material/InputLabel';
+
+function InputLabels() {
+  return (
+    <Box
+      sx={{
+        display: 'flex',
+        flexDirection: 'column',
+        alignItems: 'flex-start',
+        padding: '20px', // so transform doesn't let things get cut off
+      }}
+    >
+      <InputLabel shrink>First Name Shrunk</InputLabel>
+      <InputLabel>First Name</InputLabel>
+      <InputLabel focused>Required</InputLabel>
+      <InputLabel focused required>
+        Focused Required
+      </InputLabel>
+      <InputLabel required>Required</InputLabel>
+      <InputLabel error>Error</InputLabel>
+      <InputLabel required error>
+        Required Error
+      </InputLabel>
+    </Box>
+  );
+}
+
+export default InputLabels;

test/regressions/fixtures/Input/Inputs.js

@@ -0,0 +1,27 @@
+import * as React from 'react';
+import Box from '@mui/material/Box';
+import Input from '@mui/material/Input';
+
+function Inputs() {
+  const inputRef = React.useRef();
+
+  React.useEffect(() => {
+    inputRef.current.focus();
+  }, []);
+
+  return (
+    <div>
+      <Box sx={{ display: 'flex', flexDirection: 'column', width: 200 }}>
+        <Input value="Hello world" sx={{ m: '10px' }} />
+        <Input placeholder="Placeholder" sx={{ m: '10px' }} />
+        <Input value="Disabled" sx={{ m: '10px' }} disabled />
+        <Input error value="Error" sx={{ m: '10px' }} />
+        <Input value="Focused" inputRef={inputRef} sx={{ m: '10px' }} />
+        <Input type="search" defaultValue="Hello world" />
+      </Box>
+      <Input value="Large input" sx={{ m: '10px', width: 300 }} />
+    </div>
+  );
+}
+
+export default Inputs;