next E2E tests

packages/web/src/commands/CommandPalette.svelte

@@ -162,6 +162,7 @@
   on:clickOutside={() => {
     $visibleCommandPalette = null;
   }}
+  data-testid='CommandPalette_main'
 >
   <div class="pages">
     <div

packages/web/src/modals/CommandModal.svelte

@@ -30,7 +30,12 @@
 
     <div class="row">
       <FormTextField label="Keyboard shortcut" name="keyText" templateProps={{ noMargin: true }} focused />
-      <FormStyledButton type="button" value="Keyboard" on:click={handleKeyboard} />
+      <FormStyledButton
+        type="button"
+        value="Keyboard"
+        on:click={handleKeyboard}
+        data-testid="CommandModal_keyboardButton"
+      />
     </div>
 
     <svelte:fragment slot="footer">

packages/web/src/widgets/WidgetIconPanel.svelte

@@ -100,7 +100,7 @@
 
 <div class="main">
   {#if $visibleHamburgerMenuWidget}
-    <div class="wrapper mb-3" on:click={handleMainMenu} bind:this={domMainMenu}>
+    <div class="wrapper mb-3" on:click={handleMainMenu} bind:this={domMainMenu} data-testid="WidgetIconPanel_menu">
       <FontIcon icon="icon menu" />
     </div>
   {/if}
@@ -123,11 +123,12 @@
     on:click={() => {
       $lockedDatabaseMode = !$lockedDatabaseMode;
     }}
+    data-testid="WidgetIconPanel_lockDb"
   >
     <FontIcon icon={$lockedDatabaseMode ? 'icon locked-database-mode' : 'icon unlocked-database-mode'} />
   </div>
 
-  <div class="wrapper" on:click={handleSettingsMenu} bind:this={domSettings}>
+  <div class="wrapper" on:click={handleSettingsMenu} bind:this={domSettings} data-testid="WidgetIconPanel_settings">
     <FontIcon icon="icon settings" />
   </div>
 </div>