Merge branch 'chore/test-and-perf-experiments' into develop

Author: fabiendostie

.github/workflows/CI.yml

@@ -30,25 +30,11 @@ jobs:
       - name: Format check
         run: pnpm format --check || true
 
-<<<<<<< HEAD
-      - name: Build
-        run: pnpm build
-
-      - name: Install Playwright Browsers
-        run: npx playwright install --with-deps
-
-      - name: Run unit tests
-        run: pnpm test
-
-      - name: Run Playwright e2e tests
-        run: pnpm test:e2e
-=======
       - name: Run unit tests
         run: pnpm test
 
       - name: Build
         run: pnpm build
 
       - name: Run Playwright e2e tests
-        run: pnpm e2e
->>>>>>> be234e6 (chore: test and performance experiments (web worker, e2e, UI tweaks))
+        run: pnpm e2e

components/code-editor.tsx

@@ -125,14 +125,6 @@ export default function CodeEditor({
       const highlightIds = highlightDecorations.map(d => d.id);
       editorRef.current.deltaDecorations(highlightIds, []);
     }
-    // Always clear previous highlight
-    const model = editorRef.current.getModel();
-    if (model) {
-      const allDecorations = model.getAllDecorations();
-      const highlightDecorations = allDecorations.filter(d => d.options.className === 'editor-highlight-line');
-      const highlightIds = highlightDecorations.map(d => d.id);
-      editorRef.current.deltaDecorations(highlightIds, []);
-    }
     if (highlightedLine) {
       editorRef.current.deltaDecorations([], [
         {
@@ -189,8 +181,9 @@ export default function CodeEditor({
         }
         /* Style for highlighted line */
         .editor-highlight-line {
-          background-color: rgba(56, 189, 248, 0.25) !important;
-          border-left: 3px solid #38bdf8 !important;
+          background-color: rgba(56, 189, 248, 0.5) !important;
+          border-left: 4px solid #38bdf8 !important;
+          z-index: 10;
         }
       `}</style>
       <Editor

components/csv-validator.tsx

@@ -255,8 +255,6 @@ export default function CsvValidator() {
             if (data.schemas.length > 0) {
               const first = data.schemas[0];
               setSelectedSchemaName(typeof first === 'string' ? first : first.filename);
-              const first = data.schemas[0];
-              setSelectedSchemaName(typeof first === 'string' ? first : first.filename);
             } else {
               setSelectedSchemaContent("// No schemas found in directory.");
             }
@@ -709,12 +707,6 @@ export default function CsvValidator() {
                    ) : availableSchemaNames.length === 0 && !uploadedSchemaName ? (
                        <SelectItem value="no-schemas" disabled>No schemas found</SelectItem>
                    ) : null}
-                   {availableSchemaNames.map((schema) => {
-                     const value = typeof schema === 'string' ? schema : schema.filename;
-                     const label = typeof schema === 'string' ? schema.replace(/\.json$/, '') : schema.name;
-                     return (
-                       <SelectItem key={value} value={value} className="dark:focus:bg-zinc-700">
-                         {label}
                    {availableSchemaNames.map((schema) => {
                      const value = typeof schema === 'string' ? schema : schema.filename;
                      const label = typeof schema === 'string' ? schema.replace(/\.json$/, '') : schema.name;
@@ -723,8 +715,6 @@ export default function CsvValidator() {
                          {label}
                        </SelectItem>
                      );
-                   })}
-                     );
                    })}
                    {uploadedSchemaContent && (
                         <SelectItem value="uploaded-schema" className="dark:focus:bg-zinc-700">
@@ -859,7 +849,6 @@ export default function CsvValidator() {
                         </div>
                       </CardHeader>
 
-                      <div className="flex flex-col items-center justify-center px-1 pt-1 pb-1">
                       <div className="flex flex-col items-center justify-center px-1 pt-1 pb-1">
                         {csvFileName ? (
                           <button
@@ -873,7 +862,6 @@ export default function CsvValidator() {
                             aria-label="Upload another CSV file"
                           >
                             <Upload className="h-5 w-5 text-[#1e007d] dark:text-blue-300" />
-                            <Upload className="h-5 w-5 text-[#1e007d] dark:text-blue-300" />
                           </button>
                         ) : (
                           <button
@@ -887,8 +875,6 @@ export default function CsvValidator() {
                           >
                             <Upload className="h-5 w-5 text-[#1e007d] dark:text-blue-300" />
                             <span className="text-xs font-medium text-[#1e007d] dark:text-blue-200 mt-0.5">Upload CSV</span>
-                            <Upload className="h-5 w-5 text-[#1e007d] dark:text-blue-300" />
-                            <span className="text-xs font-medium text-[#1e007d] dark:text-blue-200 mt-0.5">Upload CSV</span>
                           </button>
                         )}
                       </div>
@@ -1026,7 +1012,6 @@ export default function CsvValidator() {
                       </div>
                     </CardHeader>
 
-                    <div className="flex flex-col items-center justify-center px-1 pt-1 pb-1">
                     <div className="flex flex-col items-center justify-center px-1 pt-1 pb-1">
                       {csvFileName ? (
                         <button
@@ -1040,7 +1025,6 @@ export default function CsvValidator() {
                           aria-label="Upload another CSV file"
                         >
                           <Upload className="h-5 w-5 text-[#1e007d] dark:text-blue-300" />
-                          <Upload className="h-5 w-5 text-[#1e007d] dark:text-blue-300" />
                         </button>
                       ) : (
                         <button
@@ -1054,8 +1038,6 @@ export default function CsvValidator() {
                         >
                           <Upload className="h-5 w-5 text-[#1e007d] dark:text-blue-300" />
                           <span className="text-xs font-medium text-[#1e007d] dark:text-blue-200 mt-0.5">Upload CSV</span>
-                          <Upload className="h-5 w-5 text-[#1e007d] dark:text-blue-300" />
-                          <span className="text-xs font-medium text-[#1e007d] dark:text-blue-200 mt-0.5">Upload CSV</span>
                         </button>
                       )}
                     </div>

jest.config.cjs

@@ -1,13 +1,5 @@
 module.exports = {
-<<<<<<< HEAD
-  preset: 'ts-jest',
   testEnvironment: 'jsdom',
-  transform: {
-    '^.+\\.[jt]sx?$': 'ts-jest',
-  },
-=======
-  testEnvironment: 'jsdom',
->>>>>>> be234e6 (chore: test and performance experiments (web worker, e2e, UI tweaks))
   moduleNameMapper: {
     '^@/(.*)$': '<rootDir>/$1',
   },

package.json

@@ -63,10 +63,6 @@
     "@testing-library/jest-dom": "^6.6.3",
     "@testing-library/react": "^16.3.0",
     "@testing-library/user-event": "^14.6.1",
-<<<<<<< HEAD
-    "@types/jest": "^29.5.14",
-=======
->>>>>>> be234e6 (chore: test and performance experiments (web worker, e2e, UI tweaks))
     "@types/node": "^22.14.0",
     "@types/papaparse": "^5.3.15",
     "@types/react": "^19",