SYNC: CSV with error import test

packages/web/src/impexp/ImportExportConfigurator.svelte

@@ -323,6 +323,7 @@
                   title={progressHolder[row]?.errorMessage}
                   on:click={() => showModal(ErrorMessageModal, { message: progressHolder[row]?.errorMessage })}
                   style="cursor: pointer"
+                  data-testid={`ImportExportConfigurator_errorInfoIcon_${row}`}
                 />
               {/if}
             {:else if progressHolder[row]?.status == 'done'}

packages/web/src/modals/ErrorMessageModal.svelte

@@ -23,7 +23,7 @@
         <div class="icon">
           <FontIcon icon="img error" />
         </div>
-        <div>
+        <div data-testid="ErrorMessageModal_message">
           {message}
         </div>
       </div>

packages/web/src/tabs/ImportExportTab.svelte

@@ -274,7 +274,12 @@
 
       <svelte:fragment slot="2">
         <WidgetColumnBar>
-          <WidgetColumnBarItem title="Output files" name="output" height="20%">
+          <WidgetColumnBarItem
+            title="Output files"
+            name="output"
+            height="20%"
+            data-testid="ImportExportTab_outputFiles"
+          >
             <RunnerOutputFiles {runnerId} {executeNumber} />
           </WidgetColumnBarItem>
           <WidgetColumnBarItem title="Messages" name="messages">
@@ -285,7 +290,12 @@
               showCaller
             />
           </WidgetColumnBarItem>
-          <WidgetColumnBarItem title="Preview" name="preview" skip={!$previewReaderStore}>
+          <WidgetColumnBarItem
+            title="Preview"
+            name="preview"
+            skip={!$previewReaderStore}
+            data-testid="ImportExportTab_preview"
+          >
             <PreviewDataGrid reader={$previewReaderStore} />
           </WidgetColumnBarItem>
           <WidgetColumnBarItem title="Advanced configuration" name="config" collapsed>

packages/web/src/widgets/WidgetColumnBarItem.svelte

@@ -76,7 +76,11 @@
   >
 
   {#if visible}
-    <div class="wrapper" style={$dynamicProps.splitterVisible ? `height:${size}px` : 'flex: 1 1 0'}>
+    <div
+      class="wrapper"
+      style={$dynamicProps.splitterVisible ? `height:${size}px` : 'flex: 1 1 0'}
+      data-testid={$$props['data-testid'] ? `${$$props['data-testid']}_content` : undefined}
+    >
       <slot />
     </div>