next e2e tests

packages/web/src/datagrid/DataGrid.svelte

@@ -172,7 +172,13 @@
 >
   <div class="left" slot="1">
     <WidgetColumnBar>
-      <WidgetColumnBarItem title="Columns" name="columns" height="45%" skip={isFormView}>
+      <WidgetColumnBarItem
+        title="Columns"
+        name="columns"
+        height="45%"
+        skip={isFormView}
+        data-testid="DataGrid_itemColumns"
+      >
         <ColumnManager {...$$props} {managerSize} {isJsonView} {isDynamicStructure} bind:this={domColumnManager} />
       </WidgetColumnBarItem>
 
@@ -182,6 +188,7 @@
         height={showReferences && display?.hasReferences && !isFormView ? '15%' : '30%'}
         skip={!display?.filterable}
         collapsed={isDetailView}
+        data-testid="DataGrid_itemFilters"
       >
         <FormViewFilters
           {...$$props}
@@ -199,11 +206,18 @@
         height="30%"
         collapsed={isDetailView}
         skip={!(showReferences && display?.hasReferences)}
+        data-testid="DataGrid_itemReferences"
       >
         <ReferenceManager {...$$props} {managerSize} />
       </WidgetColumnBarItem>
 
-      <WidgetColumnBarItem title="Macros" name="macros" skip={!showMacros} collapsed={!expandMacros}>
+      <WidgetColumnBarItem
+        title="Macros"
+        name="macros"
+        skip={!showMacros}
+        collapsed={!expandMacros}
+        data-testid="DataGrid_itemMacros"
+      >
         <MacroManager {...$$props} {managerSize} />
       </WidgetColumnBarItem>
     </WidgetColumnBar>

packages/web/src/impexp/FormTablesSelect.svelte

@@ -42,6 +42,7 @@
         <FormStyledButton
           type="button"
           value={`All ${field}`}
+          data-testid={`FormTablesSelect_buttonAll_${field}`}
           on:click={() =>
             setFieldValue(
               name,

packages/web/src/impexp/SourceTargetConfig.svelte

@@ -84,6 +84,9 @@
     {/if}
     <FormStyledButton
       value="Current archive"
+      data-testid={direction == 'source'
+        ? 'SourceTargetConfig_buttonCurrentArchive_source'
+        : 'SourceTargetConfig_buttonCurrentArchive_target'}
       on:click={() => {
         values.update(x => ({
           ...x,

packages/web/src/widgets/WidgetColumnBarItem.svelte

@@ -67,7 +67,11 @@
 </script>
 
 {#if !skip}
-  <WidgetTitle clickable={collapsible} on:click={collapsible ? () => (visible = !visible) : null}>{title}</WidgetTitle>
+  <WidgetTitle
+    clickable={collapsible}
+    on:click={collapsible ? () => (visible = !visible) : null}
+    data-testid={$$props['data-testid']}>{title}</WidgetTitle
+  >
 
   {#if visible}
     <div class="wrapper" style={$dynamicProps.splitterVisible ? `height:${size}px` : 'flex: 1 1 0'}>

packages/web/src/widgets/WidgetTitle.svelte

@@ -2,7 +2,7 @@
   export let clickable = false;
 </script>
 
-<div on:click class:clickable>
+<div on:click class:clickable {...$$restProps}>
   <slot />
 </div>