ssh connection test

packages/web/src/elements/TabControl.svelte

@@ -7,6 +7,7 @@
     slot?: number;
     component?: any;
     props?: any;
+    testid?: string;
   }
 
   export let tabs: TabDef[];
@@ -27,7 +28,7 @@
 <div class="main" class:flex1>
   <div class="tabs">
     {#each _.compact(tabs) as tab, index}
-      <div class="tab-item" class:selected={value == index} on:click={() => (value = index)}>
+      <div class="tab-item" class:selected={value == index} on:click={() => (value = index)} data-testid={tab.testid}>
         <span class="ml-2">
           {tab.label}
         </span>

packages/web/src/tabs/ConnectionTab.svelte

@@ -218,18 +218,22 @@
           label: 'General',
           component: ConnectionDriverFields,
           props: { getDatabaseList, currentConnection },
+          testid: 'ConnectionTab_tabGeneral',
         },
         driver?.showConnectionTab('sshTunnel', $values) && {
           label: 'SSH Tunnel',
           component: ConnectionSshTunnelFields,
+          testid: 'ConnectionTab_tabSshTunnel',
         },
         driver?.showConnectionTab('ssl', $values) && {
           label: 'SSL',
           component: ConnectionSslFields,
+          testid: 'ConnectionTab_tabSsl',
         },
         {
           label: 'Advanced',
           component: ConnectionAdvancedDriverFields,
+          testid: 'ConnectionTab_tabAdvanced',
         },
       ]}
     />