Backmerge: #4975 - Connection is displayed at the bottom of the row, …

…if drag a horizontal side-chain connection between the extreme nucleotides of a row (#5072) - fixed matrix cells amount calculation - fixed matrix recalculation during undo/redo - link monomer to matrix cell instead of node - fixed rna bases connections
epam · Jul 11, 2024 · 2c9909d · 2c9909d
1 parent b8d7d16
commit 2c9909d
Show file tree

Hide file tree

Showing 155 changed files with 20,515 additions and 179 deletions.
diff --git a/...-flex--21d60--using-ketcher-setMode-for-Complex-Structures-4-chromium-linux.png b/...-flex--21d60--using-ketcher-setMode-for-Complex-Structures-4-chromium-linux.png
diff --git a/...-flex--42802--using-ketcher-setMode-for-Complex-Structures-2-chromium-linux.png b/...-flex--42802--using-ketcher-setMode-for-Complex-Structures-2-chromium-linux.png
diff --git a/...de-Test-Combination-of-ketcher-setMode-and-ketcher-setZoom-2-chromium-linux.png b/...de-Test-Combination-of-ketcher-setMode-and-ketcher-setZoom-2-chromium-linux.png
diff --git a/...de-Test-Combination-of-ketcher-setMode-and-ketcher-setZoom-3-chromium-linux.png b/...de-Test-Combination-of-ketcher-setMode-and-ketcher-setZoom-3-chromium-linux.png
diff --git a/...s-snapshots/setMode-Validate-ketcher-setMode-for-Flex-Mode-1-chromium-linux.png b/...s-snapshots/setMode-Validate-ketcher-setMode-for-Flex-Mode-1-chromium-linux.png
diff --git a/...s-snapshots/setMode-Validate-ketcher-setMode-for-Flex-Mode-2-chromium-linux.png b/...s-snapshots/setMode-Validate-ketcher-setMode-for-Flex-Mode-2-chromium-linux.png
diff --git a/...-snapshots/setMode-Validate-ketcher-setMode-for-Snake-Mode-2-chromium-linux.png b/...-snapshots/setMode-Validate-ketcher-setMode-for-Snake-Mode-2-chromium-linux.png
diff --git a/...r-edit-mode-Copy-paste-selection-with-LClick-drag-and-undo-1-chromium-linux.png b/...r-edit-mode-Copy-paste-selection-with-LClick-drag-and-undo-1-chromium-linux.png
diff --git a/...r-edit-mode-Copy-paste-selection-with-LClick-drag-and-undo-2-chromium-linux.png b/...r-edit-mode-Copy-paste-selection-with-LClick-drag-and-undo-2-chromium-linux.png
diff --git a/...r-edit-mode-Copy-paste-selection-with-LClick-drag-and-undo-3-chromium-linux.png b/...r-edit-mode-Copy-paste-selection-with-LClick-drag-and-undo-3-chromium-linux.png
diff --git a/...elect--1104a-owLeft-then-paste-ket-from-clipboard-and-undo-3-chromium-linux.png b/...elect--1104a-owLeft-then-paste-ket-from-clipboard-and-undo-3-chromium-linux.png
diff --git a/...elect--68b8f-owLeft-then-paste-ket-from-clipboard-and-undo-1-chromium-linux.png b/...elect--68b8f-owLeft-then-paste-ket-from-clipboard-and-undo-1-chromium-linux.png
diff --git a/...elect--fad51-owLeft-then-paste-ket-from-clipboard-and-undo-2-chromium-linux.png b/...elect--fad51-owLeft-then-paste-ket-from-clipboard-and-undo-2-chromium-linux.png
diff --git a/...e-for-view-mode-Copy-paste-selection-with-rectangular-tool-1-chromium-linux.png b/...e-for-view-mode-Copy-paste-selection-with-rectangular-tool-1-chromium-linux.png
diff --git a/...e-for-view-mode-Copy-paste-selection-with-rectangular-tool-2-chromium-linux.png b/...e-for-view-mode-Copy-paste-selection-with-rectangular-tool-2-chromium-linux.png
diff --git a/...elect--0f3ce-with-Ctrl-Lclick-then-copy-and-paste-and-undo-3-chromium-linux.png b/...elect--0f3ce-with-Ctrl-Lclick-then-copy-and-paste-and-undo-3-chromium-linux.png
diff --git a/...elect--87e1a-with-Ctrl-Lclick-then-copy-and-paste-and-undo-1-chromium-linux.png b/...elect--87e1a-with-Ctrl-Lclick-then-copy-and-paste-and-undo-1-chromium-linux.png
diff --git a/...elect--e2c16-with-Ctrl-Lclick-then-copy-and-paste-and-undo-2-chromium-linux.png b/...elect--e2c16-with-Ctrl-Lclick-then-copy-and-paste-and-undo-2-chromium-linux.png
diff --git a/...-copy-paste-Copy-paste-selection-with-Shift-Click-and-undo-1-chromium-linux.png b/...-copy-paste-Copy-paste-selection-with-Shift-Click-and-undo-1-chromium-linux.png
diff --git a/...-copy-paste-Copy-paste-selection-with-Shift-Click-and-undo-2-chromium-linux.png b/...-copy-paste-Copy-paste-selection-with-Shift-Click-and-undo-2-chromium-linux.png
diff --git a/...-copy-paste-Copy-paste-selection-with-Shift-Click-and-undo-3-chromium-linux.png b/...-copy-paste-Copy-paste-selection-with-Shift-Click-and-undo-3-chromium-linux.png
diff --git a/...-paste-Copy-paste-selection-with-rectangular-tool-and-undo-1-chromium-linux.png b/...-paste-Copy-paste-selection-with-rectangular-tool-and-undo-1-chromium-linux.png
diff --git a/...-paste-Copy-paste-selection-with-rectangular-tool-and-undo-2-chromium-linux.png b/...-paste-Copy-paste-selection-with-rectangular-tool-and-undo-2-chromium-linux.png
diff --git a/...-paste-Copy-paste-selection-with-rectangular-tool-and-undo-3-chromium-linux.png b/...-paste-Copy-paste-selection-with-rectangular-tool-and-undo-3-chromium-linux.png
diff --git a/...ct-disp-4901e-ed-peptide-chain-loaded-from-ket-file-format-1-chromium-linux.png b/...ct-disp-4901e-ed-peptide-chain-loaded-from-ket-file-format-1-chromium-linux.png
diff --git a/...-file--71c59-ly-in-macro-mode-when-saving-it-in-micro-mode-1-chromium-linux.png b/...-file--71c59-ly-in-macro-mode-when-saving-it-in-micro-mode-1-chromium-linux.png
diff --git a/...ct-disp-12141-ed-peptide-chain-loaded-from-mol-file-format-1-chromium-linux.png b/...ct-disp-12141-ed-peptide-chain-loaded-from-mol-file-format-1-chromium-linux.png
diff --git a/...fy-it--0327d-pes-of-connection-between-CHEM-and-RNA-to-SVG-2-chromium-linux.png b/...fy-it--0327d-pes-of-connection-between-CHEM-and-RNA-to-SVG-2-chromium-linux.png
diff --git a/...fy-it--17299-pes-of-connection-between-Base-and-RNA-to-SVG-2-chromium-linux.png b/...fy-it--17299-pes-of-connection-between-Base-and-RNA-to-SVG-2-chromium-linux.png
diff --git a/...fy-it--1af03-pes-of-connection-between-Base-and-RNA-to-SVG-1-chromium-linux.png b/...fy-it--1af03-pes-of-connection-between-Base-and-RNA-to-SVG-1-chromium-linux.png
diff --git a/...fy-it--1cca6-es-of-connection-between-Sugar-and-RNA-to-SVG-1-chromium-linux.png b/...fy-it--1cca6-es-of-connection-between-Sugar-and-RNA-to-SVG-1-chromium-linux.png
diff --git a/...fy-it--1d73c-es-of-connection-between-Sugar-and-RNA-to-SVG-2-chromium-linux.png b/...fy-it--1d73c-es-of-connection-between-Sugar-and-RNA-to-SVG-2-chromium-linux.png
diff --git a/...fy-it--2372b-pes-of-connection-between-Base-and-RNA-to-SVG-1-chromium-linux.png b/...fy-it--2372b-pes-of-connection-between-Base-and-RNA-to-SVG-1-chromium-linux.png
diff --git a/...fy-it--363fd-pes-of-connection-between-Base-and-RNA-to-SVG-2-chromium-linux.png b/...fy-it--363fd-pes-of-connection-between-Base-and-RNA-to-SVG-2-chromium-linux.png
diff --git a/...fy-it--3830b--mode-canvas-with-all-kind-of-monomers-to-SVG-1-chromium-linux.png b/...fy-it--3830b--mode-canvas-with-all-kind-of-monomers-to-SVG-1-chromium-linux.png
diff --git a/...fy-it--40b2a-pes-of-connection-between-Base-and-RNA-to-SVG-1-chromium-linux.png b/...fy-it--40b2a-pes-of-connection-between-Base-and-RNA-to-SVG-1-chromium-linux.png
diff --git a/...fy-it--5c69a-pes-of-connection-between-Base-and-RNA-to-SVG-2-chromium-linux.png b/...fy-it--5c69a-pes-of-connection-between-Base-and-RNA-to-SVG-2-chromium-linux.png
diff --git a/...fy-it--6b51f-xport-Snake-mode-canvas-with-all-chems-to-SVG-2-chromium-linux.png b/...fy-it--6b51f-xport-Snake-mode-canvas-with-all-chems-to-SVG-2-chromium-linux.png
diff --git a/...fy-it--853ab--mode-canvas-with-all-kind-of-monomers-to-SVG-2-chromium-linux.png b/...fy-it--853ab--mode-canvas-with-all-kind-of-monomers-to-SVG-2-chromium-linux.png
diff --git a/...fy-it--8f83b-xport-Snake-mode-canvas-with-all-chems-to-SVG-1-chromium-linux.png b/...fy-it--8f83b-xport-Snake-mode-canvas-with-all-chems-to-SVG-1-chromium-linux.png
diff --git a/...fy-it--92c49-pes-of-connection-between-CHEM-and-RNA-to-SVG-1-chromium-linux.png b/...fy-it--92c49-pes-of-connection-between-CHEM-and-RNA-to-SVG-1-chromium-linux.png
diff --git a/...fy-it--b1ad1-pes-of-connection-between-Base-and-RNA-to-SVG-2-chromium-linux.png b/...fy-it--b1ad1-pes-of-connection-between-Base-and-RNA-to-SVG-2-chromium-linux.png
diff --git a/...fy-it--d39c7-f-connection-between-Phosphate-and-RNA-to-SVG-1-chromium-linux.png b/...fy-it--d39c7-f-connection-between-Phosphate-and-RNA-to-SVG-1-chromium-linux.png
diff --git a/...fy-it--f0f9e-f-connection-between-Phosphate-and-RNA-to-SVG-2-chromium-linux.png b/...fy-it--f0f9e-f-connection-between-Phosphate-and-RNA-to-SVG-2-chromium-linux.png
diff --git a/...fy-it--f3da6-pes-of-connection-between-Base-and-RNA-to-SVG-1-chromium-linux.png b/...fy-it--f3da6-pes-of-connection-between-Base-and-RNA-to-SVG-1-chromium-linux.png
diff --git a/...er-autotests/tests/Macromolecule-editor/Macro-Micro-Switcher/macro-micro-switcher.spec.ts b/...er-autotests/tests/Macromolecule-editor/Macro-Micro-Switcher/macro-micro-switcher.spec.ts
@@ -562,13 +562,12 @@ test.describe('Macro-Micro-Switcher', () => {
       /* 
       Test case: Macro-Micro-Switcher/#3747
       Description: Switching between Macro and Micro mode not crash application when opened DNA/RNA with modyfied monomer
-      Test fail because we have a bug https://github.com/epam/ketcher/issues/4881
-      After fix we need update snapshots.
       */
       await openFileAndAddToCanvasMacro(testInfo.fileName, page);
       await turnOnMicromoleculesEditor(page);
       await takeEditorScreenshot(page);
       await turnOnMacromoleculesEditor(page);
+      await selectSnakeLayoutModeTool(page);
       await takeEditorScreenshot(page);
     });
   }

diff --git a/...g-betw-13aa9-A-with-modified-monomer-with-modyfied-monomer-2-chromium-linux.png b/...g-betw-13aa9-A-with-modified-monomer-with-modyfied-monomer-2-chromium-linux.png
diff --git a/...g-betw-3653d-A-with-modified-monomer-with-modyfied-monomer-2-chromium-linux.png b/...g-betw-3653d-A-with-modified-monomer-with-modyfied-monomer-2-chromium-linux.png
diff --git a/...romole-22070-t-or-additional-information-bonds-as-one-line-1-chromium-linux.png b/...romole-22070-t-or-additional-information-bonds-as-one-line-1-chromium-linux.png
diff --git a/...cture-w-0f993-ment-point-to-Sugar-in-macro-mode-snake-mode-1-chromium-linux.png b/...cture-w-0f993-ment-point-to-Sugar-in-macro-mode-snake-mode-1-chromium-linux.png
diff --git a/...cture-w-78741--point-to-Phosphate-in-macro-mode-snake-mode-1-chromium-linux.png b/...cture-w-78741--point-to-Phosphate-in-macro-mode-snake-mode-1-chromium-linux.png
diff --git a/...-rings--447c0-added-in-Micro-mode-and-switch-to-Macro-mode-1-chromium-linux.png b/...-rings--447c0-added-in-Micro-mode-and-switch-to-Macro-mode-1-chromium-linux.png
diff --git a/...-rings--6dbf2-added-in-Micro-mode-and-switch-to-Macro-mode-1-chromium-linux.png b/...-rings--6dbf2-added-in-Micro-mode-and-switch-to-Macro-mode-1-chromium-linux.png
diff --git a/...-rings--b7c8c-added-in-Micro-mode-and-switch-to-Macro-mode-1-chromium-linux.png b/...-rings--b7c8c-added-in-Micro-mode-and-switch-to-Macro-mode-1-chromium-linux.png
diff --git a/...-rings--bade1--Tool-in-Micro-mode-and-switch-to-Macro-mode-1-chromium-linux.png b/...-rings--bade1--Tool-in-Micro-mode-and-switch-to-Macro-mode-1-chromium-linux.png
diff --git a/...s-in-macromo-f6740-d-as-CHEMs-with-generated-name-F1-F2-Fn-1-chromium-linux.png b/...s-in-macromo-f6740-d-as-CHEMs-with-generated-name-F1-F2-Fn-1-chromium-linux.png
diff --git a/...nd-put-d63bb--of-canvas-in-micro-mode-then-switch-to-macro-2-chromium-linux.png b/...nd-put-d63bb--of-canvas-in-micro-mode-then-switch-to-macro-2-chromium-linux.png
diff --git a/...o-atom-and-bond-display-are-ignored-in-macromolecules-mode-2-chromium-linux.png b/...o-atom-and-bond-display-are-ignored-in-macromolecules-mode-2-chromium-linux.png
diff --git a/...achmen-5d4d9-of-monomers-when-hovering-them-multiple-times-4-chromium-linux.png b/...achmen-5d4d9-of-monomers-when-hovering-them-multiple-times-4-chromium-linux.png
diff --git a/...achmen-a4b92-of-monomers-when-hovering-them-multiple-times-5-chromium-linux.png b/...achmen-a4b92-of-monomers-when-hovering-them-multiple-times-5-chromium-linux.png
diff --git a/...achmen-ad541-of-monomers-when-hovering-them-multiple-times-1-chromium-linux.png b/...achmen-ad541-of-monomers-when-hovering-them-multiple-times-1-chromium-linux.png
diff --git a/...achmen-d9de9-of-monomers-when-hovering-them-multiple-times-3-chromium-linux.png b/...achmen-d9de9-of-monomers-when-hovering-them-multiple-times-3-chromium-linux.png
diff --git a/...achmen-ecd5e-of-monomers-when-hovering-them-multiple-times-2-chromium-linux.png b/...achmen-ecd5e-of-monomers-when-hovering-them-multiple-times-2-chromium-linux.png
diff --git a/...ms-Case-2-Connect-R1-to-R2-of-Test-6-Ch-and-R1-R2---R3-gap-1-chromium-linux.png b/...ms-Case-2-Connect-R1-to-R2-of-Test-6-Ch-and-R1-R2---R3-gap-1-chromium-linux.png
diff --git a/...or-chems-Case-2-Connect-R1-to-R2-of-Test-6-Ch-and-R1-R2-R3-1-chromium-linux.png b/...or-chems-Case-2-Connect-R1-to-R2-of-Test-6-Ch-and-R1-R2-R3-1-chromium-linux.png
diff --git a/...ms-Case-2-Connect-R1-to-R2-of-Test-6-Ch-and-R2-R3---R1-gap-1-chromium-linux.png b/...ms-Case-2-Connect-R1-to-R2-of-Test-6-Ch-and-R2-R3---R1-gap-1-chromium-linux.png
diff --git a/...ms-Case-2-Connect-R2-to-R1-of-Test-6-Ch-and-R1-R2---R3-gap-1-chromium-linux.png b/...ms-Case-2-Connect-R2-to-R1-of-Test-6-Ch-and-R1-R2---R3-gap-1-chromium-linux.png
diff --git a/...or-chems-Case-2-Connect-R2-to-R1-of-Test-6-Ch-and-R1-R2-R3-1-chromium-linux.png b/...or-chems-Case-2-Connect-R2-to-R1-of-Test-6-Ch-and-R1-R2-R3-1-chromium-linux.png
diff --git a/...ms-Case-2-Connect-R2-to-R1-of-Test-6-Ch-and-R1-R3---R2-gap-1-chromium-linux.png b/...ms-Case-2-Connect-R2-to-R1-of-Test-6-Ch-and-R1-R3---R2-gap-1-chromium-linux.png
diff --git a/...omers--1b10a--with-connection-between-monomer-and-molecule-2-chromium-linux.png b/...omers--1b10a--with-connection-between-monomer-and-molecule-2-chromium-linux.png
diff --git a/...omers--61a89--with-connection-between-monomer-and-molecule-3-chromium-linux.png b/...omers--61a89--with-connection-between-monomer-and-molecule-3-chromium-linux.png
diff --git a/...th-monomers-Delete-connection-between-monomer-and-molecule-2-chromium-linux.png b/...th-monomers-Delete-connection-between-monomer-and-molecule-2-chromium-linux.png
diff --git a/...th-monomers-Delete-connection-between-monomer-and-molecule-3-chromium-linux.png b/...th-monomers-Delete-connection-between-monomer-and-molecule-3-chromium-linux.png
diff --git a/...des-Case-3-Connect-R1-to-R2-of-Test-6-P-and-R1-R2---R3-gap-1-chromium-linux.png b/...des-Case-3-Connect-R1-to-R2-of-Test-6-P-and-R1-R2---R3-gap-1-chromium-linux.png
diff --git a/...-peptides-Case-3-Connect-R1-to-R2-of-Test-6-P-and-R1-R2-R3-1-chromium-linux.png b/...-peptides-Case-3-Connect-R1-to-R2-of-Test-6-P-and-R1-R2-R3-1-chromium-linux.png
diff --git a/...des-Case-3-Connect-R1-to-R2-of-Test-6-P-and-R2-R3---R1-gap-1-chromium-linux.png b/...des-Case-3-Connect-R1-to-R2-of-Test-6-P-and-R2-R3---R1-gap-1-chromium-linux.png
diff --git a/...des-Case-3-Connect-R2-to-R1-of-Test-6-P-and-R1-R2---R3-gap-1-chromium-linux.png b/...des-Case-3-Connect-R2-to-R1-of-Test-6-P-and-R1-R2---R3-gap-1-chromium-linux.png
diff --git a/...-peptides-Case-3-Connect-R2-to-R1-of-Test-6-P-and-R1-R2-R3-1-chromium-linux.png b/...-peptides-Case-3-Connect-R2-to-R1-of-Test-6-P-and-R1-R2-R3-1-chromium-linux.png
diff --git a/...des-Case-3-Connect-R2-to-R1-of-Test-6-P-and-R1-R3---R2-gap-1-chromium-linux.png b/...des-Case-3-Connect-R2-to-R1-of-Test-6-P-and-R1-R3---R2-gap-1-chromium-linux.png
diff --git a/...l-Check-that-you-can-move-monomers-on-canvas-in-snake-view-1-chromium-linux.png b/...l-Check-that-you-can-move-monomers-on-canvas-in-snake-view-1-chromium-linux.png
diff --git a/...dit.spec.ts-snapshots/Sequence-edit-mode-Add-edit-sequence-2-chromium-linux.png b/...dit.spec.ts-snapshots/Sequence-edit-mode-Add-edit-sequence-2-chromium-linux.png
diff --git a/...ible-to-past-66a0d--R-S-T-V-W-Y-for-Peptide-open-structure-1-chromium-linux.png b/...ible-to-past-66a0d--R-S-T-V-W-Y-for-Peptide-open-structure-1-chromium-linux.png
diff --git a/...de-selection-for-edit-mode-Select-letters-with-LClick-drag-1-chromium-linux.png b/...de-selection-for-edit-mode-Select-letters-with-LClick-drag-1-chromium-linux.png
diff --git a/...de-selection-for-edit-mode-Select-letters-with-LClick-drag-2-chromium-linux.png b/...de-selection-for-edit-mode-Select-letters-with-LClick-drag-2-chromium-linux.png
diff --git a/...e-Select-letters-with-Shift-ArrowLeft-then-delete-and-undo-1-chromium-linux.png b/...e-Select-letters-with-Shift-ArrowLeft-then-delete-and-undo-1-chromium-linux.png
diff --git a/...e-Select-letters-with-Shift-ArrowLeft-then-delete-and-undo-2-chromium-linux.png b/...e-Select-letters-with-Shift-ArrowLeft-then-delete-and-undo-2-chromium-linux.png
diff --git a/...e-Select-letters-with-Shift-ArrowLeft-then-delete-and-undo-3-chromium-linux.png b/...e-Select-letters-with-Shift-ArrowLeft-then-delete-and-undo-3-chromium-linux.png
diff --git a/...e-Select-letters-with-Shift-ArrowLeft-then-delete-and-undo-4-chromium-linux.png b/...e-Select-letters-with-Shift-ArrowLeft-then-delete-and-undo-4-chromium-linux.png
diff --git a/...-for-edit-mode-Select-letters-with-Shift-ArrowRight-button-1-chromium-linux.png b/...-for-edit-mode-Select-letters-with-Shift-ArrowRight-button-1-chromium-linux.png
diff --git a/...-for-edit-mode-Select-letters-with-Shift-ArrowRight-button-2-chromium-linux.png b/...-for-edit-mode-Select-letters-with-Shift-ArrowRight-button-2-chromium-linux.png
diff --git a/...lection-for-view-mode-Select-entire-chain-with-Ctrl-Lclick-1-chromium-linux.png b/...lection-for-view-mode-Select-entire-chain-with-Ctrl-Lclick-1-chromium-linux.png
diff --git a/...e-selection-for-view-mode-Select-letters-with-Shift-Lclick-1-chromium-linux.png b/...e-selection-for-view-mode-Select-letters-with-Shift-Lclick-1-chromium-linux.png
diff --git a/...r-view-mode-Select-letters-with-rectangular-selection-tool-1-chromium-linux.png b/...r-view-mode-Select-letters-with-rectangular-selection-tool-1-chromium-linux.png
diff --git a/ketcher-autotests/tests/Macromolecule-editor/Sequence-Mode/sequence-mode.spec.ts b/ketcher-autotests/tests/Macromolecule-editor/Sequence-Mode/sequence-mode.spec.ts
@@ -61,9 +61,11 @@ test.describe('Sequence Mode', () => {
     await takeEditorScreenshot(page);
     await selectSnakeLayoutModeTool(page);
     await scrollDown(page, SCROLL_DOWN_VALUE);
+    await moveMouseAway(page);
     await takeEditorScreenshot(page);
     await selectFlexLayoutModeTool(page);
     await scrollDown(page, SCROLL_DOWN_VALUE);
+    await moveMouseAway(page);
     await takeEditorScreenshot(page);
   });
 

diff --git a/...sappea-018e6-attached-to-bases-via-the-R2-attachment-point-1-chromium-linux.png b/...sappea-018e6-attached-to-bases-via-the-R2-attachment-point-1-chromium-linux.png
diff --git a/...ence-Mode-Open-monomers-chains-and-switch-to-sequence-mode-2-chromium-linux.png b/...ence-Mode-Open-monomers-chains-and-switch-to-sequence-mode-2-chromium-linux.png
diff --git a/...de-Open-monomers-cyclic-chains-and-switch-to-sequence-mode-2-chromium-linux.png b/...de-Open-monomers-cyclic-chains-and-switch-to-sequence-mode-2-chromium-linux.png
diff --git a/...equence-Mode-Side-chain-connections-between-sugar-and-base-2-chromium-linux.png b/...equence-Mode-Side-chain-connections-between-sugar-and-base-2-chromium-linux.png
diff --git a/...-flex-view-to-sequence-view-to-snake-view-and-back-to-flex-1-chromium-linux.png b/...-flex-view-to-sequence-view-to-snake-view-and-back-to-flex-1-chromium-linux.png
diff --git a/...-flex-view-to-sequence-view-to-snake-view-and-back-to-flex-2-chromium-linux.png b/...-flex-view-to-sequence-view-to-snake-view-and-back-to-flex-2-chromium-linux.png
diff --git a/...-flex-view-to-sequence-view-to-snake-view-and-back-to-flex-3-chromium-linux.png b/...-flex-view-to-sequence-view-to-snake-view-and-back-to-flex-3-chromium-linux.png
diff --git a/...ed-nuc-1b53f--All-types-of-connection-between-Base-and-RNA-1-chromium-linux.png b/...ed-nuc-1b53f--All-types-of-connection-between-Base-and-RNA-1-chromium-linux.png
diff --git a/ketcher-autotests/tests/Macromolecule-editor/Snake-Mode/side-chain-connections.spec.ts b/ketcher-autotests/tests/Macromolecule-editor/Snake-Mode/side-chain-connections.spec.ts
@@ -0,0 +1,55 @@
+import { test } from '@playwright/test';
+import {
+  selectSnakeLayoutModeTool,
+  takeEditorScreenshot,
+  waitForPageInit,
+  openFileAndAddToCanvasMacro,
+  moveMouseAway,
+} from '@utils';
+import { turnOnMacromoleculesEditor } from '@utils/macromolecules';
+
+test.describe('Side chain connections', () => {
+  test.beforeEach(async ({ page }) => {
+    await waitForPageInit(page);
+    await turnOnMacromoleculesEditor(page);
+  });
+
+  test('Open file with rna side chain connections', async ({ page }) => {
+    /* 
+    Github ticket: #3532 - Displaying side chain connections in snake-like mode
+    Description: Open file and check how side connections look for rna chain in snake mode
+    */
+
+    await selectSnakeLayoutModeTool(page);
+    await openFileAndAddToCanvasMacro(`KET/side-connections-rna.ket`, page);
+    await moveMouseAway(page);
+    await takeEditorScreenshot(page);
+  });
+
+  test('Open file with peptide side chain connection', async ({ page }) => {
+    /*
+    Github ticket: #3532 - Displaying side chain connections in snake-like mode
+    Description: Open file and check how side connections look for peptide chain in snake mode
+    */
+
+    await selectSnakeLayoutModeTool(page);
+    await openFileAndAddToCanvasMacro(`KET/side-connections-peptide.ket`, page);
+    await moveMouseAway(page);
+    await takeEditorScreenshot(page);
+  });
+
+  test('Open file with cycled side chain connection', async ({ page }) => {
+    /*
+    Github ticket: #3532 - Displaying side chain connections in snake-like mode
+    Description: Open file and check how side connections look for cycled chain in snake mode
+    */
+
+    await selectSnakeLayoutModeTool(page);
+    await openFileAndAddToCanvasMacro(
+      `KET/side-connection-in-cycle-chain.ket`,
+      page,
+    );
+    await moveMouseAway(page);
+    await takeEditorScreenshot(page);
+  });
+});
diff --git a/...in-connections-Open-file-with-cycled-side-chain-connection-1-chromium-linux.png b/...in-connections-Open-file-with-cycled-side-chain-connection-1-chromium-linux.png
diff --git a/...n-connections-Open-file-with-peptide-side-chain-connection-1-chromium-linux.png b/...n-connections-Open-file-with-peptide-side-chain-connection-1-chromium-linux.png
diff --git a/...hain-connections-Open-file-with-rna-side-chain-connections-1-chromium-linux.png b/...hain-connections-Open-file-with-rna-side-chain-connections-1-chromium-linux.png
diff --git a/...monomers--1d35f-ferent-types-CHEM-monomers-remain-straight-2-chromium-linux.png b/...monomers--1d35f-ferent-types-CHEM-monomers-remain-straight-2-chromium-linux.png
diff --git a/...monomers--32b88-ent-types-peptide-monomers-remain-straight-2-chromium-linux.png b/...monomers--32b88-ent-types-peptide-monomers-remain-straight-2-chromium-linux.png
diff --git a/...g-through-R3-R4-Rn-attachment-points-remain-straight-lines-2-chromium-linux.png b/...g-through-R3-R4-Rn-attachment-points-remain-straight-lines-2-chromium-linux.png
diff --git a/...-Bond-Tool-Check-Snake-mode-is-working-for-side-connection-2-chromium-linux.png b/...-Bond-Tool-Check-Snake-mode-is-working-for-side-connection-2-chromium-linux.png
diff --git a/...ck-deleting-any-peptide-from-corner-of-chain-in-snake-mode-1-chromium-linux.png b/...ck-deleting-any-peptide-from-corner-of-chain-in-snake-mode-1-chromium-linux.png
diff --git a/...ck-deleting-any-peptide-from-corner-of-chain-in-snake-mode-2-chromium-linux.png b/...ck-deleting-any-peptide-from-corner-of-chain-in-snake-mode-2-chromium-linux.png
diff --git a/...ck-deleting-any-peptide-from-middle-of-chain-in-snake-mode-1-chromium-linux.png b/...ck-deleting-any-peptide-from-middle-of-chain-in-snake-mode-1-chromium-linux.png
diff --git a/...ck-deleting-any-peptide-from-middle-of-chain-in-snake-mode-2-chromium-linux.png b/...ck-deleting-any-peptide-from-middle-of-chain-in-snake-mode-2-chromium-linux.png
diff --git a/...g-chain--ecd12-nvas-algorithm-calculate-the-length-of-rows-2-chromium-linux.png b/...g-chain--ecd12-nvas-algorithm-calculate-the-length-of-rows-2-chromium-linux.png
diff --git a/...ve-any-peptide-from-middle-of-chain-above-main-snake-chain-1-chromium-linux.png b/...ve-any-peptide-from-middle-of-chain-above-main-snake-chain-1-chromium-linux.png
diff --git a/...ve-any-peptide-from-middle-of-chain-above-main-snake-chain-2-chromium-linux.png b/...ve-any-peptide-from-middle-of-chain-above-main-snake-chain-2-chromium-linux.png
diff --git a/...peptides-chains-connected-through-R1-R1-R2-R2-and-R2-to-R1-2-chromium-linux.png b/...peptides-chains-connected-through-R1-R1-R2-R2-and-R2-to-R1-2-chromium-linux.png
diff --git a/...peptides-chains-connected-through-R1-R1-R2-R2-and-R2-to-R1-3-chromium-linux.png b/...peptides-chains-connected-through-R1-R1-R2-R2-and-R2-to-R1-3-chromium-linux.png
diff --git a/...nake-Bond-Tool-Check-snake-mode-arrange-for-peptides-chain-1-chromium-linux.png b/...nake-Bond-Tool-Check-snake-mode-arrange-for-peptides-chain-1-chromium-linux.png
diff --git a/...rks-on-ac7ad-ed-through-R2-R1-and-igore-others-connections-2-chromium-linux.png b/...rks-on-ac7ad-ed-through-R2-R1-and-igore-others-connections-2-chromium-linux.png
diff --git a/...ode-works-on-the-chain-of-the-CHEM-connected-through-R2-R1-2-chromium-linux.png b/...ode-works-on-the-chain-of-the-CHEM-connected-through-R2-R1-2-chromium-linux.png
diff --git a/...x-mode-2d348-in-change-it-into-a-chain-with-straight-lines-2-chromium-linux.png b/...x-mode-2d348-in-change-it-into-a-chain-with-straight-lines-2-chromium-linux.png
diff --git a/...x-mode-6e978-in-change-it-into-a-chain-with-straight-lines-3-chromium-linux.png b/...x-mode-6e978-in-change-it-into-a-chain-with-straight-lines-3-chromium-linux.png
diff --git a/...x-mode-e9241-in-change-it-into-a-chain-with-straight-lines-1-chromium-linux.png b/...x-mode-e9241-in-change-it-into-a-chain-with-straight-lines-1-chromium-linux.png
diff --git a/...ct-part-of-sequence-in-snake-mode-and-move-to-new-position-1-chromium-linux.png b/...ct-part-of-sequence-in-snake-mode-and-move-to-new-position-1-chromium-linux.png
diff --git a/...ct-part-of-sequence-in-snake-mode-and-move-to-new-position-2-chromium-linux.png b/...ct-part-of-sequence-in-snake-mode-and-move-to-new-position-2-chromium-linux.png
diff --git a/...can-select-sequence-in-snake-mode-and-move-to-new-position-1-chromium-linux.png b/...can-select-sequence-in-snake-mode-and-move-to-new-position-1-chromium-linux.png
diff --git a/...can-select-sequence-in-snake-mode-and-move-to-new-position-2-chromium-linux.png b/...can-select-sequence-in-snake-mode-and-move-to-new-position-2-chromium-linux.png
diff --git a/...ake-Bond-Tool-Create-snake-bond-for-chain-with-side-chains-2-chromium-linux.png b/...ake-Bond-Tool-Create-snake-bond-for-chain-with-side-chains-2-chromium-linux.png
diff --git a/...exceed-6fcdd-appears-during-snake-layout-for-4000-Peptides-2-chromium-linux.png b/...exceed-6fcdd-appears-during-snake-layout-for-4000-Peptides-2-chromium-linux.png
diff --git a/...exceed-fcac1-appears-during-snake-layout-for-8000-Peptides-2-chromium-linux.png b/...exceed-fcac1-appears-during-snake-layout-for-8000-Peptides-2-chromium-linux.png
diff --git a/...button-8d37a-rming-chain-on-screen-in-a-snake-like-pattern-2-chromium-linux.png b/...button-8d37a-rming-chain-on-screen-in-a-snake-like-pattern-2-chromium-linux.png
diff --git a/...ots/Undo-Redo-tests-Check-that-undo-redo-toggle-snake-mode-2-chromium-linux.png b/...ots/Undo-Redo-tests-Check-that-undo-redo-toggle-snake-mode-2-chromium-linux.png
diff --git a/...ots/Undo-Redo-tests-Check-that-undo-redo-toggle-snake-mode-3-chromium-linux.png b/...ots/Undo-Redo-tests-Check-that-undo-redo-toggle-snake-mode-3-chromium-linux.png
diff --git a/...-long--6c5ff-ain-of-peptides-you-can-use-scroll-with-Shift-1-chromium-linux.png b/...-long--6c5ff-ain-of-peptides-you-can-use-scroll-with-Shift-1-chromium-linux.png