#3553 - macro while pulling bond onto monomer a preview is shown when hover monomer

ketcher-autotests/tests/Indigo-Tools/Reaction Auto-mapping tool/reaction-am-tool-veryfing-button.spec.ts

@@ -4,7 +4,6 @@ import {
   selectNestedTool,
   openFileAndAddToCanvas,
   takeEditorScreenshot,
-  pressButton,
   selectTopPanelButton,
   TopPanelButton,
   clickOnTheCanvas,

ketcher-autotests/tests/Settings/Atoms/atoms-settings.spec.ts

@@ -15,10 +15,12 @@ import {
 } from '@utils';
 import { scrollSettingBar } from '@utils/scrollSettingBar';
 
+const DEFAULT_SCROLLBAR_DELAY = 150;
+
 async function setHydrogenLabelsOn(page: Page) {
   await selectTopPanelButton(TopPanelButton.Settings, page);
   await page.getByText('Atoms', { exact: true }).click();
-  await scrollSettingBar(page, 150);
+  await scrollSettingBar(page, DEFAULT_SCROLLBAR_DELAY);
   await page.getByTestId('show-hydrogen-labels-input-span').click();
   await page.getByTestId('On-option').click();
   await pressButton(page, 'Apply');
@@ -31,7 +33,7 @@ async function selectExtendedTableElements(page: Page, element: string) {
 async function atomDefaultSettings(page: Page) {
   await selectTopPanelButton(TopPanelButton.Settings, page);
   await page.getByText('Atoms', { exact: true }).click();
-  await scrollSettingBar(page,150);
+  await scrollSettingBar(page, DEFAULT_SCROLLBAR_DELAY);
 }
 
 async function ringBondCountQuery(page: Page, menuItem: string) {

ketcher-autotests/tests/utils/canvas/tools/helpers.ts

@@ -1,5 +1,5 @@
 import { Page } from '@playwright/test';
-import { pressButton, selectOption } from '@utils';
+import { selectOption } from '@utils';
 import { selectButtonByTitle } from '@utils/clicks/selectButtonByTitle';
 import { clickOnFileFormatDropdown } from '@utils/formats';
 import {

ketcher-autotests/tests/utils/scrollSettingBar.ts

@@ -1,10 +1,10 @@
-import { Page } from "@playwright/test";
+import { Page } from '@playwright/test';
 
 // It's a temporary workaround and will be eventually refactored to locator
-export async function scrollSettingBar (page: Page, scrollLength: number){ 
-    const deltaX = 0;
-    const scrollBarCoordinatesX = 638;
-    const scrollBarCoordinatesY = 524;
-    await page.mouse.move(scrollBarCoordinatesX, scrollBarCoordinatesY);
-    await page.mouse.wheel(deltaX, scrollLength);
-  }
+export async function scrollSettingBar(page: Page, scrollLength: number) {
+  const deltaX = 0;
+  const scrollBarCoordinatesX = 638;
+  const scrollBarCoordinatesY = 524;
+  await page.mouse.move(scrollBarCoordinatesX, scrollBarCoordinatesY);
+  await page.mouse.wheel(deltaX, scrollLength);
+}

packages/ketcher-polymer-editor-react/src/Editor.tsx

@@ -91,6 +91,8 @@ interface EditorProps {
   togglerComponent?: JSX.Element;
 }
 
+const noPreviewTools = ['bond-single'];
+
 function EditorContainer({
   onInit,
   theme,
@@ -208,7 +210,9 @@ function Editor({ theme, togglerComponent }: EditorProps) {
     });
     editor?.events.mouseOnMoveMonomer.add((e) => {
       handleClosePreview();
-      handleOpenPreview(e);
+      if (e.buttons !== 1 || !noPreviewTools.includes(activeTool)) {
+        handleOpenPreview(e);
+      }
     });
   }, [editor, activeTool]);