feat: playwright

src/components/ToolInfo.tsx

@@ -0,0 +1,19 @@
+import { Box, Stack, Typography } from '@mui/material';
+
+interface ExampleProps {
+  title: string;
+  description: string;
+}
+
+export default function ToolInfo({ title, description }: ExampleProps) {
+  return (
+    <Stack direction={'row'} alignItems={'center'} spacing={2} mt={4}>
+      <Box>
+        <Typography mb={2} fontSize={30} color={'primary'}>
+          {title}
+        </Typography>
+        <Typography fontSize={20}>{description}</Typography>
+      </Box>
+    </Stack>
+  );
+}

src/components/input/ToolTextInput.tsx

@@ -54,6 +54,7 @@ export default function ToolTextInput({
         fullWidth
         multiline
         rows={10}
+        inputProps={{ 'data-testid': 'text-input' }}
       />
       <InputFooter handleCopy={handleCopy} handleImport={handleImportClick} />
       <input

src/components/result/ToolTextResult.tsx

@@ -40,7 +40,13 @@ export default function ToolTextResult({
   return (
     <Box>
       <InputHeader title={title} />
-      <TextField value={value} fullWidth multiline rows={10} />
+      <TextField
+        value={value}
+        fullWidth
+        multiline
+        rows={10}
+        inputProps={{ 'data-testid': 'text-result' }}
+      />
       <ResultFooter handleCopy={handleCopy} handleDownload={handleDownload} />
     </Box>
   );