diff --git a/ketcher-autotests/tests/Macromolecule-editor/Favorites/favorites-add-to-canvas.spec.ts-snapshots/Add-molecule-to-favorites-switch-to-Favorites-tab-and-drag-it-to-the-canvas-1-chromium-linux.png b/ketcher-autotests/tests/Macromolecule-editor/Favorites/favorites-add-to-canvas.spec.ts-snapshots/Add-molecule-to-favorites-switch-to-Favorites-tab-and-drag-it-to-the-canvas-1-chromium-linux.png index 2671a3d0e8..85b6d55293 100644 Binary files a/ketcher-autotests/tests/Macromolecule-editor/Favorites/favorites-add-to-canvas.spec.ts-snapshots/Add-molecule-to-favorites-switch-to-Favorites-tab-and-drag-it-to-the-canvas-1-chromium-linux.png and b/ketcher-autotests/tests/Macromolecule-editor/Favorites/favorites-add-to-canvas.spec.ts-snapshots/Add-molecule-to-favorites-switch-to-Favorites-tab-and-drag-it-to-the-canvas-1-chromium-linux.png differ diff --git a/ketcher-autotests/tests/Macromolecule-editor/Ket/ket-deserialize.spec.ts-snapshots/Ket-Deserialize-Open-ket-file-with-monomers-and-bonds-1-chromium-linux.png b/ketcher-autotests/tests/Macromolecule-editor/Ket/ket-deserialize.spec.ts-snapshots/Ket-Deserialize-Open-ket-file-with-monomers-and-bonds-1-chromium-linux.png index 24f602fc7b..3ed54ede82 100644 Binary files a/ketcher-autotests/tests/Macromolecule-editor/Ket/ket-deserialize.spec.ts-snapshots/Ket-Deserialize-Open-ket-file-with-monomers-and-bonds-1-chromium-linux.png and b/ketcher-autotests/tests/Macromolecule-editor/Ket/ket-deserialize.spec.ts-snapshots/Ket-Deserialize-Open-ket-file-with-monomers-and-bonds-1-chromium-linux.png differ diff --git a/ketcher-autotests/tests/Macromolecule-editor/Macro-Micro-Switcher/macro-micro-switcher.spec.ts-snapshots/Macro-Micro-Switcher-Check-that-Zoom-In-Zoom-O-11636--Mouse-scroll-after-switching-to-Macro-mode-2-chromium-linux.png b/ketcher-autotests/tests/Macromolecule-editor/Macro-Micro-Switcher/macro-micro-switcher.spec.ts-snapshots/Macro-Micro-Switcher-Check-that-Zoom-In-Zoom-O-11636--Mouse-scroll-after-switching-to-Macro-mode-2-chromium-linux.png index 6b587c49af..f38f188f97 100755 Binary files a/ketcher-autotests/tests/Macromolecule-editor/Macro-Micro-Switcher/macro-micro-switcher.spec.ts-snapshots/Macro-Micro-Switcher-Check-that-Zoom-In-Zoom-O-11636--Mouse-scroll-after-switching-to-Macro-mode-2-chromium-linux.png and b/ketcher-autotests/tests/Macromolecule-editor/Macro-Micro-Switcher/macro-micro-switcher.spec.ts-snapshots/Macro-Micro-Switcher-Check-that-Zoom-In-Zoom-O-11636--Mouse-scroll-after-switching-to-Macro-mode-2-chromium-linux.png differ diff --git a/ketcher-autotests/tests/Macromolecule-editor/Macro-Micro-Switcher/macro-micro-switcher.spec.ts-snapshots/Macro-Micro-Switcher-Check-that-Zoom-In-Zoom-O-131b4-rk-UI-Buttons-after-switching-to-Macro-mode-1-chromium-linux.png b/ketcher-autotests/tests/Macromolecule-editor/Macro-Micro-Switcher/macro-micro-switcher.spec.ts-snapshots/Macro-Micro-Switcher-Check-that-Zoom-In-Zoom-O-131b4-rk-UI-Buttons-after-switching-to-Macro-mode-1-chromium-linux.png index 7330a39c45..4b260d121f 100755 Binary files a/ketcher-autotests/tests/Macromolecule-editor/Macro-Micro-Switcher/macro-micro-switcher.spec.ts-snapshots/Macro-Micro-Switcher-Check-that-Zoom-In-Zoom-O-131b4-rk-UI-Buttons-after-switching-to-Macro-mode-1-chromium-linux.png and b/ketcher-autotests/tests/Macromolecule-editor/Macro-Micro-Switcher/macro-micro-switcher.spec.ts-snapshots/Macro-Micro-Switcher-Check-that-Zoom-In-Zoom-O-131b4-rk-UI-Buttons-after-switching-to-Macro-mode-1-chromium-linux.png differ diff --git a/ketcher-autotests/tests/Macromolecule-editor/Macro-Micro-Switcher/macro-micro-switcher.spec.ts-snapshots/Macro-Micro-Switcher-Check-that-Zoom-In-Zoom-O-1d5fd-rk-UI-Buttons-after-switching-to-Macro-mode-3-chromium-linux.png b/ketcher-autotests/tests/Macromolecule-editor/Macro-Micro-Switcher/macro-micro-switcher.spec.ts-snapshots/Macro-Micro-Switcher-Check-that-Zoom-In-Zoom-O-1d5fd-rk-UI-Buttons-after-switching-to-Macro-mode-3-chromium-linux.png index f5231dcf4e..fe2d210384 100755 Binary files a/ketcher-autotests/tests/Macromolecule-editor/Macro-Micro-Switcher/macro-micro-switcher.spec.ts-snapshots/Macro-Micro-Switcher-Check-that-Zoom-In-Zoom-O-1d5fd-rk-UI-Buttons-after-switching-to-Macro-mode-3-chromium-linux.png and b/ketcher-autotests/tests/Macromolecule-editor/Macro-Micro-Switcher/macro-micro-switcher.spec.ts-snapshots/Macro-Micro-Switcher-Check-that-Zoom-In-Zoom-O-1d5fd-rk-UI-Buttons-after-switching-to-Macro-mode-3-chromium-linux.png differ diff --git a/ketcher-autotests/tests/Macromolecule-editor/Macro-Micro-Switcher/macro-micro-switcher.spec.ts-snapshots/Macro-Micro-Switcher-Check-that-Zoom-In-Zoom-O-2ea75--Mouse-scroll-after-switching-to-Macro-mode-3-chromium-linux.png b/ketcher-autotests/tests/Macromolecule-editor/Macro-Micro-Switcher/macro-micro-switcher.spec.ts-snapshots/Macro-Micro-Switcher-Check-that-Zoom-In-Zoom-O-2ea75--Mouse-scroll-after-switching-to-Macro-mode-3-chromium-linux.png index f5231dcf4e..fe2d210384 100755 Binary files a/ketcher-autotests/tests/Macromolecule-editor/Macro-Micro-Switcher/macro-micro-switcher.spec.ts-snapshots/Macro-Micro-Switcher-Check-that-Zoom-In-Zoom-O-2ea75--Mouse-scroll-after-switching-to-Macro-mode-3-chromium-linux.png and b/ketcher-autotests/tests/Macromolecule-editor/Macro-Micro-Switcher/macro-micro-switcher.spec.ts-snapshots/Macro-Micro-Switcher-Check-that-Zoom-In-Zoom-O-2ea75--Mouse-scroll-after-switching-to-Macro-mode-3-chromium-linux.png differ diff --git a/ketcher-autotests/tests/Macromolecule-editor/Macro-Micro-Switcher/macro-micro-switcher.spec.ts-snapshots/Macro-Micro-Switcher-Check-that-Zoom-In-Zoom-O-6d8d0-rk-UI-Buttons-after-switching-to-Macro-mode-2-chromium-linux.png b/ketcher-autotests/tests/Macromolecule-editor/Macro-Micro-Switcher/macro-micro-switcher.spec.ts-snapshots/Macro-Micro-Switcher-Check-that-Zoom-In-Zoom-O-6d8d0-rk-UI-Buttons-after-switching-to-Macro-mode-2-chromium-linux.png index 0db333ad90..7a7c4a98a1 100755 Binary files a/ketcher-autotests/tests/Macromolecule-editor/Macro-Micro-Switcher/macro-micro-switcher.spec.ts-snapshots/Macro-Micro-Switcher-Check-that-Zoom-In-Zoom-O-6d8d0-rk-UI-Buttons-after-switching-to-Macro-mode-2-chromium-linux.png and b/ketcher-autotests/tests/Macromolecule-editor/Macro-Micro-Switcher/macro-micro-switcher.spec.ts-snapshots/Macro-Micro-Switcher-Check-that-Zoom-In-Zoom-O-6d8d0-rk-UI-Buttons-after-switching-to-Macro-mode-2-chromium-linux.png differ diff --git a/ketcher-autotests/tests/Macromolecule-editor/Macro-Micro-Switcher/macro-micro-switcher.spec.ts-snapshots/Macro-Micro-Switcher-Check-that-Zoom-In-Zoom-O-c1f8a--Mouse-scroll-after-switching-to-Macro-mode-1-chromium-linux.png b/ketcher-autotests/tests/Macromolecule-editor/Macro-Micro-Switcher/macro-micro-switcher.spec.ts-snapshots/Macro-Micro-Switcher-Check-that-Zoom-In-Zoom-O-c1f8a--Mouse-scroll-after-switching-to-Macro-mode-1-chromium-linux.png index 6f70d0ac48..ffcdee01fc 100755 Binary files a/ketcher-autotests/tests/Macromolecule-editor/Macro-Micro-Switcher/macro-micro-switcher.spec.ts-snapshots/Macro-Micro-Switcher-Check-that-Zoom-In-Zoom-O-c1f8a--Mouse-scroll-after-switching-to-Macro-mode-1-chromium-linux.png and b/ketcher-autotests/tests/Macromolecule-editor/Macro-Micro-Switcher/macro-micro-switcher.spec.ts-snapshots/Macro-Micro-Switcher-Check-that-Zoom-In-Zoom-O-c1f8a--Mouse-scroll-after-switching-to-Macro-mode-1-chromium-linux.png differ diff --git a/ketcher-autotests/tests/Macromolecule-editor/Macro-Micro-Switcher/macro-micro-switcher.spec.ts-snapshots/Macro-Micro-Switcher-Check-that-the-zoomed-in--c5dca--switch-to-Micro-mode-and-again-to-Macro-mode-2-chromium-linux.png b/ketcher-autotests/tests/Macromolecule-editor/Macro-Micro-Switcher/macro-micro-switcher.spec.ts-snapshots/Macro-Micro-Switcher-Check-that-the-zoomed-in--c5dca--switch-to-Micro-mode-and-again-to-Macro-mode-2-chromium-linux.png index f5231dcf4e..fe2d210384 100755 Binary files a/ketcher-autotests/tests/Macromolecule-editor/Macro-Micro-Switcher/macro-micro-switcher.spec.ts-snapshots/Macro-Micro-Switcher-Check-that-the-zoomed-in--c5dca--switch-to-Micro-mode-and-again-to-Macro-mode-2-chromium-linux.png and b/ketcher-autotests/tests/Macromolecule-editor/Macro-Micro-Switcher/macro-micro-switcher.spec.ts-snapshots/Macro-Micro-Switcher-Check-that-the-zoomed-in--c5dca--switch-to-Micro-mode-and-again-to-Macro-mode-2-chromium-linux.png differ diff --git a/ketcher-autotests/tests/Macromolecule-editor/Opening-Files/Molv3000.spec.ts-snapshots/MolV300-Files-Import-1-chromium-linux.png b/ketcher-autotests/tests/Macromolecule-editor/Opening-Files/Molv3000.spec.ts-snapshots/MolV300-Files-Import-1-chromium-linux.png index 916122ef2d..eff47fe181 100644 Binary files a/ketcher-autotests/tests/Macromolecule-editor/Opening-Files/Molv3000.spec.ts-snapshots/MolV300-Files-Import-1-chromium-linux.png and b/ketcher-autotests/tests/Macromolecule-editor/Opening-Files/Molv3000.spec.ts-snapshots/MolV300-Files-Import-1-chromium-linux.png differ diff --git a/ketcher-autotests/tests/Macromolecule-editor/Opening-Files/Molv3000.spec.ts-snapshots/MolV300-Files-Import-with-clipboard-1-chromium-linux.png b/ketcher-autotests/tests/Macromolecule-editor/Opening-Files/Molv3000.spec.ts-snapshots/MolV300-Files-Import-with-clipboard-1-chromium-linux.png index 916122ef2d..eff47fe181 100644 Binary files a/ketcher-autotests/tests/Macromolecule-editor/Opening-Files/Molv3000.spec.ts-snapshots/MolV300-Files-Import-with-clipboard-1-chromium-linux.png and b/ketcher-autotests/tests/Macromolecule-editor/Opening-Files/Molv3000.spec.ts-snapshots/MolV300-Files-Import-with-clipboard-1-chromium-linux.png differ diff --git a/ketcher-autotests/tests/Macromolecule-editor/Peptides/peptide-monomer-library.spec.ts-snapshots/Peptide-library-testing-Placing-betaAlanine-on-canvas-1-chromium-linux.png b/ketcher-autotests/tests/Macromolecule-editor/Peptides/peptide-monomer-library.spec.ts-snapshots/Peptide-library-testing-Placing-betaAlanine-on-canvas-1-chromium-linux.png index ecf5e5416d..a467ec879d 100644 Binary files a/ketcher-autotests/tests/Macromolecule-editor/Peptides/peptide-monomer-library.spec.ts-snapshots/Peptide-library-testing-Placing-betaAlanine-on-canvas-1-chromium-linux.png and b/ketcher-autotests/tests/Macromolecule-editor/Peptides/peptide-monomer-library.spec.ts-snapshots/Peptide-library-testing-Placing-betaAlanine-on-canvas-1-chromium-linux.png differ diff --git a/ketcher-autotests/tests/Macromolecule-editor/Peptides/peptides-add-to-canvas.spec.ts-snapshots/Peptide-Add-monomer-preview-on-canvas-1-chromium-linux.png b/ketcher-autotests/tests/Macromolecule-editor/Peptides/peptides-add-to-canvas.spec.ts-snapshots/Peptide-Add-monomer-preview-on-canvas-1-chromium-linux.png index 4df481f7b6..6facca9936 100644 Binary files a/ketcher-autotests/tests/Macromolecule-editor/Peptides/peptides-add-to-canvas.spec.ts-snapshots/Peptide-Add-monomer-preview-on-canvas-1-chromium-linux.png and b/ketcher-autotests/tests/Macromolecule-editor/Peptides/peptides-add-to-canvas.spec.ts-snapshots/Peptide-Add-monomer-preview-on-canvas-1-chromium-linux.png differ diff --git a/ketcher-autotests/tests/Macromolecule-editor/Peptides/peptides-add-to-canvas.spec.ts-snapshots/Peptide-Select-peptide-and-drag-it-to-canvas-1-chromium-linux.png b/ketcher-autotests/tests/Macromolecule-editor/Peptides/peptides-add-to-canvas.spec.ts-snapshots/Peptide-Select-peptide-and-drag-it-to-canvas-1-chromium-linux.png index 2671a3d0e8..85b6d55293 100644 Binary files a/ketcher-autotests/tests/Macromolecule-editor/Peptides/peptides-add-to-canvas.spec.ts-snapshots/Peptide-Select-peptide-and-drag-it-to-canvas-1-chromium-linux.png and b/ketcher-autotests/tests/Macromolecule-editor/Peptides/peptides-add-to-canvas.spec.ts-snapshots/Peptide-Select-peptide-and-drag-it-to-canvas-1-chromium-linux.png differ diff --git a/ketcher-autotests/tests/Macromolecule-editor/Polymer-Bond-Tool/attachment-point-rotation.spec.ts-snapshots/Check-attachment-point-rotation-Move-monomer-b-29ea5--another-monomers-and-check-attachment-points-2-chromium-linux.png b/ketcher-autotests/tests/Macromolecule-editor/Polymer-Bond-Tool/attachment-point-rotation.spec.ts-snapshots/Check-attachment-point-rotation-Move-monomer-b-29ea5--another-monomers-and-check-attachment-points-2-chromium-linux.png index 3aef6ed18e..dfaeacdc74 100644 Binary files a/ketcher-autotests/tests/Macromolecule-editor/Polymer-Bond-Tool/attachment-point-rotation.spec.ts-snapshots/Check-attachment-point-rotation-Move-monomer-b-29ea5--another-monomers-and-check-attachment-points-2-chromium-linux.png and b/ketcher-autotests/tests/Macromolecule-editor/Polymer-Bond-Tool/attachment-point-rotation.spec.ts-snapshots/Check-attachment-point-rotation-Move-monomer-b-29ea5--another-monomers-and-check-attachment-points-2-chromium-linux.png differ diff --git a/ketcher-autotests/tests/Macromolecule-editor/Polymer-Bond-Tool/attachment-point-rotation.spec.ts-snapshots/Check-attachment-point-rotation-Move-monomer-b-c144d--another-monomers-and-check-attachment-points-1-chromium-linux.png b/ketcher-autotests/tests/Macromolecule-editor/Polymer-Bond-Tool/attachment-point-rotation.spec.ts-snapshots/Check-attachment-point-rotation-Move-monomer-b-c144d--another-monomers-and-check-attachment-points-1-chromium-linux.png index 2f02489bd7..ec2bc75165 100644 Binary files a/ketcher-autotests/tests/Macromolecule-editor/Polymer-Bond-Tool/attachment-point-rotation.spec.ts-snapshots/Check-attachment-point-rotation-Move-monomer-b-c144d--another-monomers-and-check-attachment-points-1-chromium-linux.png and b/ketcher-autotests/tests/Macromolecule-editor/Polymer-Bond-Tool/attachment-point-rotation.spec.ts-snapshots/Check-attachment-point-rotation-Move-monomer-b-c144d--another-monomers-and-check-attachment-points-1-chromium-linux.png differ diff --git a/ketcher-autotests/tests/Macromolecule-editor/Polymer-Bond-Tool/attachment-point-rotation.spec.ts-snapshots/Check-attachment-point-rotation-Select-monomer-and-bonds-and-then-hover-monomer-1-chromium-linux.png b/ketcher-autotests/tests/Macromolecule-editor/Polymer-Bond-Tool/attachment-point-rotation.spec.ts-snapshots/Check-attachment-point-rotation-Select-monomer-and-bonds-and-then-hover-monomer-1-chromium-linux.png index 67aeef473a..2da5a595f6 100644 Binary files a/ketcher-autotests/tests/Macromolecule-editor/Polymer-Bond-Tool/attachment-point-rotation.spec.ts-snapshots/Check-attachment-point-rotation-Select-monomer-and-bonds-and-then-hover-monomer-1-chromium-linux.png and b/ketcher-autotests/tests/Macromolecule-editor/Polymer-Bond-Tool/attachment-point-rotation.spec.ts-snapshots/Check-attachment-point-rotation-Select-monomer-and-bonds-and-then-hover-monomer-1-chromium-linux.png differ diff --git a/ketcher-autotests/tests/Macromolecule-editor/Polymer-Bond-Tool/attachment-point-rotation.spec.ts-snapshots/Check-attachment-point-rotation-Select-monomer-and-bonds-and-then-hover-monomer-2-chromium-linux.png b/ketcher-autotests/tests/Macromolecule-editor/Polymer-Bond-Tool/attachment-point-rotation.spec.ts-snapshots/Check-attachment-point-rotation-Select-monomer-and-bonds-and-then-hover-monomer-2-chromium-linux.png index 429424e962..d30d1814a8 100644 Binary files a/ketcher-autotests/tests/Macromolecule-editor/Polymer-Bond-Tool/attachment-point-rotation.spec.ts-snapshots/Check-attachment-point-rotation-Select-monomer-and-bonds-and-then-hover-monomer-2-chromium-linux.png and b/ketcher-autotests/tests/Macromolecule-editor/Polymer-Bond-Tool/attachment-point-rotation.spec.ts-snapshots/Check-attachment-point-rotation-Select-monomer-and-bonds-and-then-hover-monomer-2-chromium-linux.png differ diff --git a/ketcher-autotests/tests/Macromolecule-editor/Polymer-Bond-Tool/snake-bond-tool.spec.ts-snapshots/Snake-Bond-Tool-Check-finding-right-chain-sequence-using-snake-mode-1-chromium-linux.png b/ketcher-autotests/tests/Macromolecule-editor/Polymer-Bond-Tool/snake-bond-tool.spec.ts-snapshots/Snake-Bond-Tool-Check-finding-right-chain-sequence-using-snake-mode-1-chromium-linux.png index 20a9958ba3..7bc8a552a6 100644 Binary files a/ketcher-autotests/tests/Macromolecule-editor/Polymer-Bond-Tool/snake-bond-tool.spec.ts-snapshots/Snake-Bond-Tool-Check-finding-right-chain-sequence-using-snake-mode-1-chromium-linux.png and b/ketcher-autotests/tests/Macromolecule-editor/Polymer-Bond-Tool/snake-bond-tool.spec.ts-snapshots/Snake-Bond-Tool-Check-finding-right-chain-sequence-using-snake-mode-1-chromium-linux.png differ diff --git a/ketcher-autotests/tests/Macromolecule-editor/Polymer-Bond-Tool/snake-bond-tool.spec.ts-snapshots/Snake-Bond-Tool-Check-finding-right-chain-sequence-using-snake-mode-2-chromium-linux.png b/ketcher-autotests/tests/Macromolecule-editor/Polymer-Bond-Tool/snake-bond-tool.spec.ts-snapshots/Snake-Bond-Tool-Check-finding-right-chain-sequence-using-snake-mode-2-chromium-linux.png index c77422ffbb..dfbab3d823 100644 Binary files a/ketcher-autotests/tests/Macromolecule-editor/Polymer-Bond-Tool/snake-bond-tool.spec.ts-snapshots/Snake-Bond-Tool-Check-finding-right-chain-sequence-using-snake-mode-2-chromium-linux.png and b/ketcher-autotests/tests/Macromolecule-editor/Polymer-Bond-Tool/snake-bond-tool.spec.ts-snapshots/Snake-Bond-Tool-Check-finding-right-chain-sequence-using-snake-mode-2-chromium-linux.png differ diff --git a/ketcher-autotests/tests/Macromolecule-editor/Polymer-Bond-Tool/snake-bond-tool.spec.ts-snapshots/Snake-Bond-Tool-Check-snake-mode-arrange-1-chromium-linux.png b/ketcher-autotests/tests/Macromolecule-editor/Polymer-Bond-Tool/snake-bond-tool.spec.ts-snapshots/Snake-Bond-Tool-Check-snake-mode-arrange-1-chromium-linux.png index d3283cd6ba..b2e9e47353 100644 Binary files a/ketcher-autotests/tests/Macromolecule-editor/Polymer-Bond-Tool/snake-bond-tool.spec.ts-snapshots/Snake-Bond-Tool-Check-snake-mode-arrange-1-chromium-linux.png and b/ketcher-autotests/tests/Macromolecule-editor/Polymer-Bond-Tool/snake-bond-tool.spec.ts-snapshots/Snake-Bond-Tool-Check-snake-mode-arrange-1-chromium-linux.png differ diff --git a/ketcher-autotests/tests/Macromolecule-editor/Polymer-Bond-Tool/snake-bond-tool.spec.ts-snapshots/Snake-Bond-Tool-Create-snake-bond-between-peptides-1-chromium-linux.png b/ketcher-autotests/tests/Macromolecule-editor/Polymer-Bond-Tool/snake-bond-tool.spec.ts-snapshots/Snake-Bond-Tool-Create-snake-bond-between-peptides-1-chromium-linux.png index d704249164..3283e35d82 100644 Binary files a/ketcher-autotests/tests/Macromolecule-editor/Polymer-Bond-Tool/snake-bond-tool.spec.ts-snapshots/Snake-Bond-Tool-Create-snake-bond-between-peptides-1-chromium-linux.png and b/ketcher-autotests/tests/Macromolecule-editor/Polymer-Bond-Tool/snake-bond-tool.spec.ts-snapshots/Snake-Bond-Tool-Create-snake-bond-between-peptides-1-chromium-linux.png differ diff --git a/ketcher-autotests/tests/Macromolecule-editor/Polymer-Bond-Tool/zoom-tool.spec.ts-snapshots/Zoom-Tool-Scroll-canvas-by-mouse-wheel-1-chromium-linux.png b/ketcher-autotests/tests/Macromolecule-editor/Polymer-Bond-Tool/zoom-tool.spec.ts-snapshots/Zoom-Tool-Scroll-canvas-by-mouse-wheel-1-chromium-linux.png index 2826d1e50c..3265cfe432 100644 Binary files a/ketcher-autotests/tests/Macromolecule-editor/Polymer-Bond-Tool/zoom-tool.spec.ts-snapshots/Zoom-Tool-Scroll-canvas-by-mouse-wheel-1-chromium-linux.png and b/ketcher-autotests/tests/Macromolecule-editor/Polymer-Bond-Tool/zoom-tool.spec.ts-snapshots/Zoom-Tool-Scroll-canvas-by-mouse-wheel-1-chromium-linux.png differ diff --git a/ketcher-autotests/tests/Macromolecule-editor/Polymer-Bond-Tool/zoom-tool.spec.ts-snapshots/Zoom-Tool-Scroll-canvas-horizontally-with-Shift-pressed-1-chromium-linux.png b/ketcher-autotests/tests/Macromolecule-editor/Polymer-Bond-Tool/zoom-tool.spec.ts-snapshots/Zoom-Tool-Scroll-canvas-horizontally-with-Shift-pressed-1-chromium-linux.png index c797a6220e..dea0a23f1a 100644 Binary files a/ketcher-autotests/tests/Macromolecule-editor/Polymer-Bond-Tool/zoom-tool.spec.ts-snapshots/Zoom-Tool-Scroll-canvas-horizontally-with-Shift-pressed-1-chromium-linux.png and b/ketcher-autotests/tests/Macromolecule-editor/Polymer-Bond-Tool/zoom-tool.spec.ts-snapshots/Zoom-Tool-Scroll-canvas-horizontally-with-Shift-pressed-1-chromium-linux.png differ diff --git a/ketcher-autotests/tests/Macromolecule-editor/Polymer-Bond-Tool/zoom-tool.spec.ts-snapshots/Zoom-Tool-Zoom-In-Out-attachment-points-with-menu-buttons-1-chromium-linux.png b/ketcher-autotests/tests/Macromolecule-editor/Polymer-Bond-Tool/zoom-tool.spec.ts-snapshots/Zoom-Tool-Zoom-In-Out-attachment-points-with-menu-buttons-1-chromium-linux.png index 8e4cb4ab90..d1c7cb63b8 100644 Binary files a/ketcher-autotests/tests/Macromolecule-editor/Polymer-Bond-Tool/zoom-tool.spec.ts-snapshots/Zoom-Tool-Zoom-In-Out-attachment-points-with-menu-buttons-1-chromium-linux.png and b/ketcher-autotests/tests/Macromolecule-editor/Polymer-Bond-Tool/zoom-tool.spec.ts-snapshots/Zoom-Tool-Zoom-In-Out-attachment-points-with-menu-buttons-1-chromium-linux.png differ diff --git a/ketcher-autotests/tests/Macromolecule-editor/Polymer-Bond-Tool/zoom-tool.spec.ts-snapshots/Zoom-Tool-Zoom-In-Out-attachment-points-with-menu-buttons-2-chromium-linux.png b/ketcher-autotests/tests/Macromolecule-editor/Polymer-Bond-Tool/zoom-tool.spec.ts-snapshots/Zoom-Tool-Zoom-In-Out-attachment-points-with-menu-buttons-2-chromium-linux.png index e113ce3384..a24bd07b16 100644 Binary files a/ketcher-autotests/tests/Macromolecule-editor/Polymer-Bond-Tool/zoom-tool.spec.ts-snapshots/Zoom-Tool-Zoom-In-Out-attachment-points-with-menu-buttons-2-chromium-linux.png and b/ketcher-autotests/tests/Macromolecule-editor/Polymer-Bond-Tool/zoom-tool.spec.ts-snapshots/Zoom-Tool-Zoom-In-Out-attachment-points-with-menu-buttons-2-chromium-linux.png differ diff --git a/ketcher-autotests/tests/Macromolecule-editor/Polymer-Bond-Tool/zoom-tool.spec.ts-snapshots/Zoom-Tool-Zoom-In-Out-attachment-points-with-menu-buttons-3-chromium-linux.png b/ketcher-autotests/tests/Macromolecule-editor/Polymer-Bond-Tool/zoom-tool.spec.ts-snapshots/Zoom-Tool-Zoom-In-Out-attachment-points-with-menu-buttons-3-chromium-linux.png index 38de0a4659..64a8ee3648 100644 Binary files a/ketcher-autotests/tests/Macromolecule-editor/Polymer-Bond-Tool/zoom-tool.spec.ts-snapshots/Zoom-Tool-Zoom-In-Out-attachment-points-with-menu-buttons-3-chromium-linux.png and b/ketcher-autotests/tests/Macromolecule-editor/Polymer-Bond-Tool/zoom-tool.spec.ts-snapshots/Zoom-Tool-Zoom-In-Out-attachment-points-with-menu-buttons-3-chromium-linux.png differ diff --git a/ketcher-autotests/tests/Macromolecule-editor/Polymer-Bond-Tool/zoom-tool.spec.ts-snapshots/Zoom-Tool-Zoom-In-Out-attachment-points-with-mouse-wheel-and-CTRL-1-chromium-linux.png b/ketcher-autotests/tests/Macromolecule-editor/Polymer-Bond-Tool/zoom-tool.spec.ts-snapshots/Zoom-Tool-Zoom-In-Out-attachment-points-with-mouse-wheel-and-CTRL-1-chromium-linux.png index 6d9199fcda..bc7e3a402e 100644 Binary files a/ketcher-autotests/tests/Macromolecule-editor/Polymer-Bond-Tool/zoom-tool.spec.ts-snapshots/Zoom-Tool-Zoom-In-Out-attachment-points-with-mouse-wheel-and-CTRL-1-chromium-linux.png and b/ketcher-autotests/tests/Macromolecule-editor/Polymer-Bond-Tool/zoom-tool.spec.ts-snapshots/Zoom-Tool-Zoom-In-Out-attachment-points-with-mouse-wheel-and-CTRL-1-chromium-linux.png differ diff --git a/ketcher-autotests/tests/Macromolecule-editor/Polymer-Bond-Tool/zoom-tool.spec.ts-snapshots/Zoom-Tool-Zoom-In-Out-attachment-points-with-mouse-wheel-and-CTRL-2-chromium-linux.png b/ketcher-autotests/tests/Macromolecule-editor/Polymer-Bond-Tool/zoom-tool.spec.ts-snapshots/Zoom-Tool-Zoom-In-Out-attachment-points-with-mouse-wheel-and-CTRL-2-chromium-linux.png index 7c772ea0fd..85dcc7aa3c 100644 Binary files a/ketcher-autotests/tests/Macromolecule-editor/Polymer-Bond-Tool/zoom-tool.spec.ts-snapshots/Zoom-Tool-Zoom-In-Out-attachment-points-with-mouse-wheel-and-CTRL-2-chromium-linux.png and b/ketcher-autotests/tests/Macromolecule-editor/Polymer-Bond-Tool/zoom-tool.spec.ts-snapshots/Zoom-Tool-Zoom-In-Out-attachment-points-with-mouse-wheel-and-CTRL-2-chromium-linux.png differ diff --git a/ketcher-autotests/tests/Macromolecule-editor/Polymer-Bond-Tool/zoom-tool.spec.ts-snapshots/Zoom-Tool-Zoom-In-Out-attachment-points-with-mouse-wheel-and-CTRL-3-chromium-linux.png b/ketcher-autotests/tests/Macromolecule-editor/Polymer-Bond-Tool/zoom-tool.spec.ts-snapshots/Zoom-Tool-Zoom-In-Out-attachment-points-with-mouse-wheel-and-CTRL-3-chromium-linux.png index 7bb6ae113a..e26906da41 100644 Binary files a/ketcher-autotests/tests/Macromolecule-editor/Polymer-Bond-Tool/zoom-tool.spec.ts-snapshots/Zoom-Tool-Zoom-In-Out-attachment-points-with-mouse-wheel-and-CTRL-3-chromium-linux.png and b/ketcher-autotests/tests/Macromolecule-editor/Polymer-Bond-Tool/zoom-tool.spec.ts-snapshots/Zoom-Tool-Zoom-In-Out-attachment-points-with-mouse-wheel-and-CTRL-3-chromium-linux.png differ diff --git a/ketcher-autotests/tests/Macromolecule-editor/Polymer-Bond-Tool/zoom-tool.spec.ts-snapshots/Zoom-Tool-Zoom-In-Out-bond-with-menu-buttons-1-chromium-linux.png b/ketcher-autotests/tests/Macromolecule-editor/Polymer-Bond-Tool/zoom-tool.spec.ts-snapshots/Zoom-Tool-Zoom-In-Out-bond-with-menu-buttons-1-chromium-linux.png index a43da799e4..dcfd669a25 100644 Binary files a/ketcher-autotests/tests/Macromolecule-editor/Polymer-Bond-Tool/zoom-tool.spec.ts-snapshots/Zoom-Tool-Zoom-In-Out-bond-with-menu-buttons-1-chromium-linux.png and b/ketcher-autotests/tests/Macromolecule-editor/Polymer-Bond-Tool/zoom-tool.spec.ts-snapshots/Zoom-Tool-Zoom-In-Out-bond-with-menu-buttons-1-chromium-linux.png differ diff --git a/ketcher-autotests/tests/Macromolecule-editor/Polymer-Bond-Tool/zoom-tool.spec.ts-snapshots/Zoom-Tool-Zoom-In-Out-bond-with-menu-buttons-2-chromium-linux.png b/ketcher-autotests/tests/Macromolecule-editor/Polymer-Bond-Tool/zoom-tool.spec.ts-snapshots/Zoom-Tool-Zoom-In-Out-bond-with-menu-buttons-2-chromium-linux.png index c02f3ceb00..e6e6b6d659 100644 Binary files a/ketcher-autotests/tests/Macromolecule-editor/Polymer-Bond-Tool/zoom-tool.spec.ts-snapshots/Zoom-Tool-Zoom-In-Out-bond-with-menu-buttons-2-chromium-linux.png and b/ketcher-autotests/tests/Macromolecule-editor/Polymer-Bond-Tool/zoom-tool.spec.ts-snapshots/Zoom-Tool-Zoom-In-Out-bond-with-menu-buttons-2-chromium-linux.png differ diff --git a/ketcher-autotests/tests/Macromolecule-editor/Polymer-Bond-Tool/zoom-tool.spec.ts-snapshots/Zoom-Tool-Zoom-In-Out-bond-with-menu-buttons-3-chromium-linux.png b/ketcher-autotests/tests/Macromolecule-editor/Polymer-Bond-Tool/zoom-tool.spec.ts-snapshots/Zoom-Tool-Zoom-In-Out-bond-with-menu-buttons-3-chromium-linux.png index 6c9ac6320e..4934aae607 100644 Binary files a/ketcher-autotests/tests/Macromolecule-editor/Polymer-Bond-Tool/zoom-tool.spec.ts-snapshots/Zoom-Tool-Zoom-In-Out-bond-with-menu-buttons-3-chromium-linux.png and b/ketcher-autotests/tests/Macromolecule-editor/Polymer-Bond-Tool/zoom-tool.spec.ts-snapshots/Zoom-Tool-Zoom-In-Out-bond-with-menu-buttons-3-chromium-linux.png differ diff --git a/ketcher-autotests/tests/Macromolecule-editor/Polymer-Bond-Tool/zoom-tool.spec.ts-snapshots/Zoom-Tool-Zoom-In-Out-bond-with-mouse-wheel-and-CTRL-1-chromium-linux.png b/ketcher-autotests/tests/Macromolecule-editor/Polymer-Bond-Tool/zoom-tool.spec.ts-snapshots/Zoom-Tool-Zoom-In-Out-bond-with-mouse-wheel-and-CTRL-1-chromium-linux.png index 490c6b56bc..031a704f5d 100644 Binary files a/ketcher-autotests/tests/Macromolecule-editor/Polymer-Bond-Tool/zoom-tool.spec.ts-snapshots/Zoom-Tool-Zoom-In-Out-bond-with-mouse-wheel-and-CTRL-1-chromium-linux.png and b/ketcher-autotests/tests/Macromolecule-editor/Polymer-Bond-Tool/zoom-tool.spec.ts-snapshots/Zoom-Tool-Zoom-In-Out-bond-with-mouse-wheel-and-CTRL-1-chromium-linux.png differ diff --git a/ketcher-autotests/tests/Macromolecule-editor/Polymer-Bond-Tool/zoom-tool.spec.ts-snapshots/Zoom-Tool-Zoom-In-Out-bond-with-mouse-wheel-and-CTRL-2-chromium-linux.png b/ketcher-autotests/tests/Macromolecule-editor/Polymer-Bond-Tool/zoom-tool.spec.ts-snapshots/Zoom-Tool-Zoom-In-Out-bond-with-mouse-wheel-and-CTRL-2-chromium-linux.png index 853fc4b73c..4f085d3769 100644 Binary files a/ketcher-autotests/tests/Macromolecule-editor/Polymer-Bond-Tool/zoom-tool.spec.ts-snapshots/Zoom-Tool-Zoom-In-Out-bond-with-mouse-wheel-and-CTRL-2-chromium-linux.png and b/ketcher-autotests/tests/Macromolecule-editor/Polymer-Bond-Tool/zoom-tool.spec.ts-snapshots/Zoom-Tool-Zoom-In-Out-bond-with-mouse-wheel-and-CTRL-2-chromium-linux.png differ diff --git a/ketcher-autotests/tests/Macromolecule-editor/Polymer-Bond-Tool/zoom-tool.spec.ts-snapshots/Zoom-Tool-Zoom-In-Out-bond-with-mouse-wheel-and-CTRL-3-chromium-linux.png b/ketcher-autotests/tests/Macromolecule-editor/Polymer-Bond-Tool/zoom-tool.spec.ts-snapshots/Zoom-Tool-Zoom-In-Out-bond-with-mouse-wheel-and-CTRL-3-chromium-linux.png index 7e89a8724a..a33e4af068 100644 Binary files a/ketcher-autotests/tests/Macromolecule-editor/Polymer-Bond-Tool/zoom-tool.spec.ts-snapshots/Zoom-Tool-Zoom-In-Out-bond-with-mouse-wheel-and-CTRL-3-chromium-linux.png and b/ketcher-autotests/tests/Macromolecule-editor/Polymer-Bond-Tool/zoom-tool.spec.ts-snapshots/Zoom-Tool-Zoom-In-Out-bond-with-mouse-wheel-and-CTRL-3-chromium-linux.png differ diff --git a/ketcher-autotests/tests/Macromolecule-editor/Polymer-Bond-Tool/zoom-tool.spec.ts-snapshots/Zoom-Tool-Zoom-In-Out-monomer-with-menu-buttons-2-chromium-linux.png b/ketcher-autotests/tests/Macromolecule-editor/Polymer-Bond-Tool/zoom-tool.spec.ts-snapshots/Zoom-Tool-Zoom-In-Out-monomer-with-menu-buttons-2-chromium-linux.png index 0d7b60e0f6..7d95c81d7c 100644 Binary files a/ketcher-autotests/tests/Macromolecule-editor/Polymer-Bond-Tool/zoom-tool.spec.ts-snapshots/Zoom-Tool-Zoom-In-Out-monomer-with-menu-buttons-2-chromium-linux.png and b/ketcher-autotests/tests/Macromolecule-editor/Polymer-Bond-Tool/zoom-tool.spec.ts-snapshots/Zoom-Tool-Zoom-In-Out-monomer-with-menu-buttons-2-chromium-linux.png differ diff --git a/ketcher-autotests/tests/Macromolecule-editor/Polymer-Bond-Tool/zoom-tool.spec.ts-snapshots/Zoom-Tool-Zoom-In-Out-monomer-with-mouse-wheel-and-CTRL-1-chromium-linux.png b/ketcher-autotests/tests/Macromolecule-editor/Polymer-Bond-Tool/zoom-tool.spec.ts-snapshots/Zoom-Tool-Zoom-In-Out-monomer-with-mouse-wheel-and-CTRL-1-chromium-linux.png index 0765823e9e..a07a00574f 100644 Binary files a/ketcher-autotests/tests/Macromolecule-editor/Polymer-Bond-Tool/zoom-tool.spec.ts-snapshots/Zoom-Tool-Zoom-In-Out-monomer-with-mouse-wheel-and-CTRL-1-chromium-linux.png and b/ketcher-autotests/tests/Macromolecule-editor/Polymer-Bond-Tool/zoom-tool.spec.ts-snapshots/Zoom-Tool-Zoom-In-Out-monomer-with-mouse-wheel-and-CTRL-1-chromium-linux.png differ diff --git a/ketcher-autotests/tests/Macromolecule-editor/Polymer-Bond-Tool/zoom-tool.spec.ts-snapshots/Zoom-Tool-Zoom-In-Out-monomer-with-mouse-wheel-and-CTRL-2-chromium-linux.png b/ketcher-autotests/tests/Macromolecule-editor/Polymer-Bond-Tool/zoom-tool.spec.ts-snapshots/Zoom-Tool-Zoom-In-Out-monomer-with-mouse-wheel-and-CTRL-2-chromium-linux.png index 2826d1e50c..3265cfe432 100644 Binary files a/ketcher-autotests/tests/Macromolecule-editor/Polymer-Bond-Tool/zoom-tool.spec.ts-snapshots/Zoom-Tool-Zoom-In-Out-monomer-with-mouse-wheel-and-CTRL-2-chromium-linux.png and b/ketcher-autotests/tests/Macromolecule-editor/Polymer-Bond-Tool/zoom-tool.spec.ts-snapshots/Zoom-Tool-Zoom-In-Out-monomer-with-mouse-wheel-and-CTRL-2-chromium-linux.png differ diff --git a/ketcher-autotests/tests/Macromolecule-editor/Polymer-Bond-Tool/zoom-tool.spec.ts-snapshots/Zoom-Tool-Zoom-In-Out-selection-rectangle-with-menu-buttons-2-chromium-linux.png b/ketcher-autotests/tests/Macromolecule-editor/Polymer-Bond-Tool/zoom-tool.spec.ts-snapshots/Zoom-Tool-Zoom-In-Out-selection-rectangle-with-menu-buttons-2-chromium-linux.png index 4c4d70b51a..e1b2fe5853 100644 Binary files a/ketcher-autotests/tests/Macromolecule-editor/Polymer-Bond-Tool/zoom-tool.spec.ts-snapshots/Zoom-Tool-Zoom-In-Out-selection-rectangle-with-menu-buttons-2-chromium-linux.png and b/ketcher-autotests/tests/Macromolecule-editor/Polymer-Bond-Tool/zoom-tool.spec.ts-snapshots/Zoom-Tool-Zoom-In-Out-selection-rectangle-with-menu-buttons-2-chromium-linux.png differ diff --git a/ketcher-autotests/tests/Macromolecule-editor/Polymer-Bond-Tool/zoom-tool.spec.ts-snapshots/Zoom-Tool-Zoom-In-Out-selection-rectangle-with-mouse-wheel-and-CTRL-1-chromium-linux.png b/ketcher-autotests/tests/Macromolecule-editor/Polymer-Bond-Tool/zoom-tool.spec.ts-snapshots/Zoom-Tool-Zoom-In-Out-selection-rectangle-with-mouse-wheel-and-CTRL-1-chromium-linux.png index 1b41341ad4..45c219a390 100644 Binary files a/ketcher-autotests/tests/Macromolecule-editor/Polymer-Bond-Tool/zoom-tool.spec.ts-snapshots/Zoom-Tool-Zoom-In-Out-selection-rectangle-with-mouse-wheel-and-CTRL-1-chromium-linux.png and b/ketcher-autotests/tests/Macromolecule-editor/Polymer-Bond-Tool/zoom-tool.spec.ts-snapshots/Zoom-Tool-Zoom-In-Out-selection-rectangle-with-mouse-wheel-and-CTRL-1-chromium-linux.png differ diff --git a/ketcher-autotests/tests/Macromolecule-editor/Polymer-Bond-Tool/zoom-tool.spec.ts-snapshots/Zoom-Tool-Zoom-In-Out-selection-rectangle-with-mouse-wheel-and-CTRL-2-chromium-linux.png b/ketcher-autotests/tests/Macromolecule-editor/Polymer-Bond-Tool/zoom-tool.spec.ts-snapshots/Zoom-Tool-Zoom-In-Out-selection-rectangle-with-mouse-wheel-and-CTRL-2-chromium-linux.png index 4c4d70b51a..e1b2fe5853 100644 Binary files a/ketcher-autotests/tests/Macromolecule-editor/Polymer-Bond-Tool/zoom-tool.spec.ts-snapshots/Zoom-Tool-Zoom-In-Out-selection-rectangle-with-mouse-wheel-and-CTRL-2-chromium-linux.png and b/ketcher-autotests/tests/Macromolecule-editor/Polymer-Bond-Tool/zoom-tool.spec.ts-snapshots/Zoom-Tool-Zoom-In-Out-selection-rectangle-with-mouse-wheel-and-CTRL-2-chromium-linux.png differ diff --git a/ketcher-autotests/tests/Macromolecule-editor/Polymer-Bond-Tool/zoom-tool.spec.ts-snapshots/Zoom-Tool-Zoom-In-Out-selection-rectangle-with-mouse-wheel-and-CTRL-3-chromium-linux.png b/ketcher-autotests/tests/Macromolecule-editor/Polymer-Bond-Tool/zoom-tool.spec.ts-snapshots/Zoom-Tool-Zoom-In-Out-selection-rectangle-with-mouse-wheel-and-CTRL-3-chromium-linux.png index 0117e4039a..abeb4f4250 100644 Binary files a/ketcher-autotests/tests/Macromolecule-editor/Polymer-Bond-Tool/zoom-tool.spec.ts-snapshots/Zoom-Tool-Zoom-In-Out-selection-rectangle-with-mouse-wheel-and-CTRL-3-chromium-linux.png and b/ketcher-autotests/tests/Macromolecule-editor/Polymer-Bond-Tool/zoom-tool.spec.ts-snapshots/Zoom-Tool-Zoom-In-Out-selection-rectangle-with-mouse-wheel-and-CTRL-3-chromium-linux.png differ diff --git a/ketcher-autotests/tests/Macromolecule-editor/RNA-Builder/rna-library.spec.ts b/ketcher-autotests/tests/Macromolecule-editor/RNA-Builder/rna-library.spec.ts index 5b931bf566..7ff36aa015 100644 --- a/ketcher-autotests/tests/Macromolecule-editor/RNA-Builder/rna-library.spec.ts +++ b/ketcher-autotests/tests/Macromolecule-editor/RNA-Builder/rna-library.spec.ts @@ -27,10 +27,11 @@ import { takeRNABuilderScreenshot, waitForPageInit, waitForRender, + moveMouseAway, } from '@utils'; import { getKet } from '@utils/formats'; -async function expandRnaBuilder(page: Page) { +async function expandCollapseRnaBuilder(page: Page) { await page .locator('div') .filter({ hasText: /^RNA Builder$/ }) @@ -173,7 +174,7 @@ test.describe('RNA Library', () => { Test case: #2748, #2751 - RNA Builder. Accordion component Description: After click on arrow RNA Builder expanded. */ - await expandRnaBuilder(page); + await expandCollapseRnaBuilder(page); await takeMonomerLibraryScreenshot(page); }); @@ -280,12 +281,13 @@ test.describe('RNA Library', () => { Test case: #2759 - Edit RNA mode Description: Custom presets added to Presets section. */ - await expandRnaBuilder(page); + await expandCollapseRnaBuilder(page); await selectMonomer(page, Sugars.TwelveddR); await selectMonomer(page, Bases.Adenine); await selectMonomer(page, Phosphates.Test6Ph); await page.getByTestId('add-to-presets-btn').click(); await page.getByTestId('12ddR(A)Test-6-Ph_A_12ddR_Test-6-Ph').click(); + await expandCollapseRnaBuilder(page); await takePresetsScreenshot(page); }); @@ -294,7 +296,7 @@ test.describe('RNA Library', () => { Test case: #2507 - Add RNA monomers to canvas Description: Custom presets added to Canvas. */ - await expandRnaBuilder(page); + await expandCollapseRnaBuilder(page); await selectMonomer(page, Sugars.ThreeA6); await selectMonomer(page, Bases.NBebnzylAdenine); await selectMonomer(page, Phosphates.Boranophosphate); @@ -312,12 +314,12 @@ test.describe('RNA Library', () => { Test case: #2759 - Edit RNA mode Description: Custom presets added to Presets section. */ - await expandRnaBuilder(page); + await expandCollapseRnaBuilder(page); await selectMonomer(page, Sugars.TwelveddR); await selectMonomer(page, Bases.Adenine); await page.getByTestId('add-to-presets-btn').click(); await page.getByTestId('12ddR(A)_A_12ddR_.').click(); - await clickInTheMiddleOfTheScreen(page); + await expandCollapseRnaBuilder(page); await takePresetsScreenshot(page); }); @@ -328,11 +330,12 @@ test.describe('RNA Library', () => { Test case: #2759 - Edit RNA mode Description: Custom presets added to Presets section. */ - await expandRnaBuilder(page); + await expandCollapseRnaBuilder(page); await selectMonomer(page, Sugars.TwelveddR); await selectMonomer(page, Phosphates.Boranophosphate); await page.getByTestId('add-to-presets-btn').click(); await page.getByTestId('12ddR()bP_._12ddR_bP').click(); + await expandCollapseRnaBuilder(page); await takePresetsScreenshot(page); }); @@ -343,7 +346,7 @@ test.describe('RNA Library', () => { Test case: #2759 - Edit RNA mode Description: Custom presets added to Presets section. */ - await expandRnaBuilder(page); + await expandCollapseRnaBuilder(page); await selectMonomer(page, Bases.Adenine); await selectMonomer(page, Phosphates.Boranophosphate); await page.getByTestId('add-to-presets-btn').click(); @@ -356,7 +359,7 @@ test.describe('RNA Library', () => { Test case: #2759 - Edit RNA mode Description: Custom presets added to Presets section and can be edited. */ - await expandRnaBuilder(page); + await expandCollapseRnaBuilder(page); await selectMonomer(page, Sugars.TwelveddR); await selectMonomer(page, Bases.Adenine); await selectMonomer(page, Phosphates.Test6Ph); @@ -369,7 +372,9 @@ test.describe('RNA Library', () => { await page.getByTestId('baA___N-benzyl-adenine').click(); await page.getByTestId('save-btn').click(); await page.getByTestId('12ddR(baA)Test-6-Ph_baA_12ddR_Test-6-Ph').click(); - await clickInTheMiddleOfTheScreen(page); + // To avoid unstable test execution + // Allows see a right preset in a viewport + await expandCollapseRnaBuilder(page); await takePresetsScreenshot(page); }); @@ -380,7 +385,7 @@ test.describe('RNA Library', () => { Test case: #2759 - Edit RNA mode Description: Custom presets added to Presets section then can be duplicated and edited. */ - await expandRnaBuilder(page); + await expandCollapseRnaBuilder(page); await selectMonomer(page, Sugars.TwelveddR); await selectMonomer(page, Bases.Adenine); await selectMonomer(page, Phosphates.Test6Ph); @@ -389,6 +394,9 @@ test.describe('RNA Library', () => { button: 'right', }); await page.getByTestId('duplicateandedit').locator('div').click(); + // To avoid unstable test execution + // Allows see a right preset in a veiwport + await expandCollapseRnaBuilder(page); await page.getByTestId('12ddR(A)Test-6-Ph_Copy_A_12ddR_Test-6-Ph').click({ button: 'right', }); @@ -406,7 +414,7 @@ test.describe('RNA Library', () => { Description: Custom presets added to Presets section and can be deleted. Test working incorrect because we have bug: https://github.com/epam/ketcher/issues/3561 */ - await expandRnaBuilder(page); + await expandCollapseRnaBuilder(page); await selectMonomer(page, Sugars.TwelveddR); await selectMonomer(page, Bases.Adenine); await selectMonomer(page, Phosphates.Test6Ph); @@ -424,7 +432,7 @@ test.describe('RNA Library', () => { Test case: #2759 - Edit RNA mode Description: Custom presets added to Presets section and can be renamed. */ - await expandRnaBuilder(page); + await expandCollapseRnaBuilder(page); await selectMonomer(page, Sugars.TwentyFiveR); await selectMonomer(page, Bases.NBebnzylAdenine); await selectMonomer(page, Phosphates.Boranophosphate); @@ -444,14 +452,16 @@ test.describe('RNA Library', () => { Test case: #2759 - Edit RNA mode Description: RNA name autofilling when selects RNA parts. */ - await expandRnaBuilder(page); + await expandCollapseRnaBuilder(page); await page.getByTestId('rna-builder-slot--sugar').click(); await page.getByTestId("3A6___6-amino-hexanol (3' end)").click(); + await moveMouseAway(page); await page.getByTestId('rna-builder-slot--base').click(); await page.getByTestId('baA___N-benzyl-adenine').click(); + await moveMouseAway(page); await page.getByTestId('rna-builder-slot--phosphate').click(); await page.getByTestId('bP___Boranophosphate').click(); - await clickInTheMiddleOfTheScreen(page); + await moveMouseAway(page); await takeRNABuilderScreenshot(page); }); @@ -460,9 +470,12 @@ test.describe('RNA Library', () => { Test case: #2759 - Edit RNA mode Description: RNA name added. */ - await expandRnaBuilder(page); + await expandCollapseRnaBuilder(page); await page.getByTestId('rna-builder-slot--sugar').click(); await page.getByTestId('25R___2,5-Ribose').click(); + // To avoid unstable test execution + // Hide tooltip which overlays 'rna-builder-slot--base' element + await moveMouseAway(page); await page.getByTestId('rna-builder-slot--base').click(); await page.getByTestId('A___Adenine').click(); await page.getByTestId('rna-builder-slot--phosphate').click(); @@ -488,7 +501,7 @@ test.describe('RNA Library', () => { { type: 'phosphate', name: 'bP___Boranophosphate' }, ]; - await expandRnaBuilder(page); + await expandCollapseRnaBuilder(page); for (const monomer of monomers) { await page.getByTestId(`rna-builder-slot--${monomer.type}`).click(); @@ -503,7 +516,7 @@ test.describe('RNA Library', () => { Test case: #2507 - Add RNA monomers to canvas Description: Sugar-Base Combination added to Canvas. */ - await expandRnaBuilder(page); + await expandCollapseRnaBuilder(page); await selectMonomer(page, Sugars.ThreeA6); await selectMonomer(page, Bases.NBebnzylAdenine); await page.getByTestId('add-to-presets-btn').click(); @@ -518,9 +531,12 @@ test.describe('RNA Library', () => { Test case: #2507 - Add RNA monomers to canvas Description: Sugar-Phosphate Combination added to Canvas. */ - await expandRnaBuilder(page); + await expandCollapseRnaBuilder(page); await selectMonomer(page, Sugars.ThreeA6); await selectMonomer(page, Phosphates.Boranophosphate); + // To avoid unstable test execution + // Hide tooltip which overlays 'add-to-presets-btn' element + await moveMouseAway(page); await page.getByTestId('add-to-presets-btn').click(); await page.getByTestId('3A6()bP_._3A6_bP').click(); await clickInTheMiddleOfTheScreen(page); @@ -533,7 +549,7 @@ test.describe('RNA Library', () => { Test case: #2507 - Add RNA monomers to canvas Description: Base-Phosphate Combination not added to Canvas. */ - await expandRnaBuilder(page); + await expandCollapseRnaBuilder(page); await selectMonomer(page, Bases.NBebnzylAdenine); await selectMonomer(page, Phosphates.Boranophosphate); await page.getByTestId('add-to-presets-btn').click(); diff --git a/ketcher-autotests/tests/Macromolecule-editor/RNA-Builder/rna-library.spec.ts-snapshots/RNA-Library-Add-Custom-preset-to-Presets-section-1-chromium-linux.png b/ketcher-autotests/tests/Macromolecule-editor/RNA-Builder/rna-library.spec.ts-snapshots/RNA-Library-Add-Custom-preset-to-Presets-section-1-chromium-linux.png index 542cdee1c9..c052487bf2 100644 Binary files a/ketcher-autotests/tests/Macromolecule-editor/RNA-Builder/rna-library.spec.ts-snapshots/RNA-Library-Add-Custom-preset-to-Presets-section-1-chromium-linux.png and b/ketcher-autotests/tests/Macromolecule-editor/RNA-Builder/rna-library.spec.ts-snapshots/RNA-Library-Add-Custom-preset-to-Presets-section-1-chromium-linux.png differ diff --git a/ketcher-autotests/tests/Macromolecule-editor/RNA-Builder/rna-library.spec.ts-snapshots/RNA-Library-Add-Custom-preset-to-Presets-section-and-Edit-1-chromium-linux.png b/ketcher-autotests/tests/Macromolecule-editor/RNA-Builder/rna-library.spec.ts-snapshots/RNA-Library-Add-Custom-preset-to-Presets-section-and-Edit-1-chromium-linux.png index 5d1305c286..b66c410077 100644 Binary files a/ketcher-autotests/tests/Macromolecule-editor/RNA-Builder/rna-library.spec.ts-snapshots/RNA-Library-Add-Custom-preset-to-Presets-section-and-Edit-1-chromium-linux.png and b/ketcher-autotests/tests/Macromolecule-editor/RNA-Builder/rna-library.spec.ts-snapshots/RNA-Library-Add-Custom-preset-to-Presets-section-and-Edit-1-chromium-linux.png differ diff --git a/ketcher-autotests/tests/Macromolecule-editor/RNA-Builder/rna-library.spec.ts-snapshots/RNA-Library-Add-to-presets-different-combinations-Sugar-Base-1-chromium-linux.png b/ketcher-autotests/tests/Macromolecule-editor/RNA-Builder/rna-library.spec.ts-snapshots/RNA-Library-Add-to-presets-different-combinations-Sugar-Base-1-chromium-linux.png index 9e9cef8b9a..5bd76ccbe9 100644 Binary files a/ketcher-autotests/tests/Macromolecule-editor/RNA-Builder/rna-library.spec.ts-snapshots/RNA-Library-Add-to-presets-different-combinations-Sugar-Base-1-chromium-linux.png and b/ketcher-autotests/tests/Macromolecule-editor/RNA-Builder/rna-library.spec.ts-snapshots/RNA-Library-Add-to-presets-different-combinations-Sugar-Base-1-chromium-linux.png differ diff --git a/ketcher-autotests/tests/Macromolecule-editor/RNA-Builder/rna-library.spec.ts-snapshots/RNA-Library-Add-to-presets-different-combinations-Sugar-Phosphate-1-chromium-linux.png b/ketcher-autotests/tests/Macromolecule-editor/RNA-Builder/rna-library.spec.ts-snapshots/RNA-Library-Add-to-presets-different-combinations-Sugar-Phosphate-1-chromium-linux.png index 97f30c9c38..bd6e3dc6f2 100644 Binary files a/ketcher-autotests/tests/Macromolecule-editor/RNA-Builder/rna-library.spec.ts-snapshots/RNA-Library-Add-to-presets-different-combinations-Sugar-Phosphate-1-chromium-linux.png and b/ketcher-autotests/tests/Macromolecule-editor/RNA-Builder/rna-library.spec.ts-snapshots/RNA-Library-Add-to-presets-different-combinations-Sugar-Phosphate-1-chromium-linux.png differ diff --git a/ketcher-autotests/tests/Macromolecule-editor/RNA-Builder/rna-library.spec.ts-snapshots/RNA-Library-Highlight-Sugar-Phosphate-and-Base-in-Library-once-it-chosen-in-RNA-Builder-2-chromium-linux.png b/ketcher-autotests/tests/Macromolecule-editor/RNA-Builder/rna-library.spec.ts-snapshots/RNA-Library-Highlight-Sugar-Phosphate-and-Base-in-Library-once-it-chosen-in-RNA-Builder-2-chromium-linux.png index c693e1d60c..29cae5dbec 100644 Binary files a/ketcher-autotests/tests/Macromolecule-editor/RNA-Builder/rna-library.spec.ts-snapshots/RNA-Library-Highlight-Sugar-Phosphate-and-Base-in-Library-once-it-chosen-in-RNA-Builder-2-chromium-linux.png and b/ketcher-autotests/tests/Macromolecule-editor/RNA-Builder/rna-library.spec.ts-snapshots/RNA-Library-Highlight-Sugar-Phosphate-and-Base-in-Library-once-it-chosen-in-RNA-Builder-2-chromium-linux.png differ diff --git a/ketcher-autotests/tests/Macromolecule-editor/Rectangle-Selection-Tool/rectangle-selection-tool.spec.ts-snapshots/Rectangle-Selection-Tool-Monomer-appears-above-other-monomers-when-selected-1-chromium-linux.png b/ketcher-autotests/tests/Macromolecule-editor/Rectangle-Selection-Tool/rectangle-selection-tool.spec.ts-snapshots/Rectangle-Selection-Tool-Monomer-appears-above-other-monomers-when-selected-1-chromium-linux.png index f4f227402c..0a6f2e15e1 100644 Binary files a/ketcher-autotests/tests/Macromolecule-editor/Rectangle-Selection-Tool/rectangle-selection-tool.spec.ts-snapshots/Rectangle-Selection-Tool-Monomer-appears-above-other-monomers-when-selected-1-chromium-linux.png and b/ketcher-autotests/tests/Macromolecule-editor/Rectangle-Selection-Tool/rectangle-selection-tool.spec.ts-snapshots/Rectangle-Selection-Tool-Monomer-appears-above-other-monomers-when-selected-1-chromium-linux.png differ diff --git a/ketcher-autotests/tests/Macromolecule-editor/Rectangle-Selection-Tool/rectangle-selection-tool.spec.ts-snapshots/Rectangle-Selection-Tool-Move-monomer-bonded-with-another-monomers-2-chromium-linux.png b/ketcher-autotests/tests/Macromolecule-editor/Rectangle-Selection-Tool/rectangle-selection-tool.spec.ts-snapshots/Rectangle-Selection-Tool-Move-monomer-bonded-with-another-monomers-2-chromium-linux.png index da27f80c85..3d9dc06857 100644 Binary files a/ketcher-autotests/tests/Macromolecule-editor/Rectangle-Selection-Tool/rectangle-selection-tool.spec.ts-snapshots/Rectangle-Selection-Tool-Move-monomer-bonded-with-another-monomers-2-chromium-linux.png and b/ketcher-autotests/tests/Macromolecule-editor/Rectangle-Selection-Tool/rectangle-selection-tool.spec.ts-snapshots/Rectangle-Selection-Tool-Move-monomer-bonded-with-another-monomers-2-chromium-linux.png differ diff --git a/ketcher-autotests/tests/Macromolecule-editor/Undo-Redo/undo-redo.spec.ts-snapshots/Undo-Redo-Undo-redo-for-imported-structure-1-chromium-linux.png b/ketcher-autotests/tests/Macromolecule-editor/Undo-Redo/undo-redo.spec.ts-snapshots/Undo-Redo-Undo-redo-for-imported-structure-1-chromium-linux.png index 28619aaf53..1a57655d3f 100644 Binary files a/ketcher-autotests/tests/Macromolecule-editor/Undo-Redo/undo-redo.spec.ts-snapshots/Undo-Redo-Undo-redo-for-imported-structure-1-chromium-linux.png and b/ketcher-autotests/tests/Macromolecule-editor/Undo-Redo/undo-redo.spec.ts-snapshots/Undo-Redo-Undo-redo-for-imported-structure-1-chromium-linux.png differ diff --git a/ketcher-autotests/tests/Macromolecule-editor/Undo-Redo/undo-redo.spec.ts-snapshots/Undo-Redo-Undo-redo-for-imported-structure-2-chromium-linux.png b/ketcher-autotests/tests/Macromolecule-editor/Undo-Redo/undo-redo.spec.ts-snapshots/Undo-Redo-Undo-redo-for-imported-structure-2-chromium-linux.png index f92dc74340..218fa593f9 100644 Binary files a/ketcher-autotests/tests/Macromolecule-editor/Undo-Redo/undo-redo.spec.ts-snapshots/Undo-Redo-Undo-redo-for-imported-structure-2-chromium-linux.png and b/ketcher-autotests/tests/Macromolecule-editor/Undo-Redo/undo-redo.spec.ts-snapshots/Undo-Redo-Undo-redo-for-imported-structure-2-chromium-linux.png differ diff --git a/ketcher-autotests/tests/Macromolecule-editor/Undo-Redo/undo-redo.spec.ts-snapshots/Undo-Redo-Undo-redo-for-monomers-movement-1-chromium-linux.png b/ketcher-autotests/tests/Macromolecule-editor/Undo-Redo/undo-redo.spec.ts-snapshots/Undo-Redo-Undo-redo-for-monomers-movement-1-chromium-linux.png index 016fcef188..478be07aef 100644 Binary files a/ketcher-autotests/tests/Macromolecule-editor/Undo-Redo/undo-redo.spec.ts-snapshots/Undo-Redo-Undo-redo-for-monomers-movement-1-chromium-linux.png and b/ketcher-autotests/tests/Macromolecule-editor/Undo-Redo/undo-redo.spec.ts-snapshots/Undo-Redo-Undo-redo-for-monomers-movement-1-chromium-linux.png differ diff --git a/ketcher-autotests/tests/Macromolecule-editor/Undo-Redo/undo-redo.spec.ts-snapshots/Undo-Redo-Undo-redo-for-monomers-movement-2-chromium-linux.png b/ketcher-autotests/tests/Macromolecule-editor/Undo-Redo/undo-redo.spec.ts-snapshots/Undo-Redo-Undo-redo-for-monomers-movement-2-chromium-linux.png index 7bbd8a73ac..c359e1cca8 100644 Binary files a/ketcher-autotests/tests/Macromolecule-editor/Undo-Redo/undo-redo.spec.ts-snapshots/Undo-Redo-Undo-redo-for-monomers-movement-2-chromium-linux.png and b/ketcher-autotests/tests/Macromolecule-editor/Undo-Redo/undo-redo.spec.ts-snapshots/Undo-Redo-Undo-redo-for-monomers-movement-2-chromium-linux.png differ diff --git a/ketcher-autotests/tests/utils/index.ts b/ketcher-autotests/tests/utils/index.ts index 9d9780a6f5..12ad5ce019 100644 --- a/ketcher-autotests/tests/utils/index.ts +++ b/ketcher-autotests/tests/utils/index.ts @@ -11,3 +11,4 @@ export * from './inputs'; export * from './formats'; export * from './macromolecules'; export * from './query-features'; +export * from './moveMouseAway'; diff --git a/ketcher-autotests/tests/utils/moveMouseAway.ts b/ketcher-autotests/tests/utils/moveMouseAway.ts new file mode 100644 index 0000000000..4597023ba7 --- /dev/null +++ b/ketcher-autotests/tests/utils/moveMouseAway.ts @@ -0,0 +1,7 @@ +import { Page } from '@playwright/test'; + +export async function moveMouseAway(page: Page) { + const scrollCoordinatesX = 0; + const scrollCoordinatesY = 0; + await page.mouse.move(scrollCoordinatesX, scrollCoordinatesY); +} diff --git a/packages/ketcher-core/src/application/render/renderers/BaseMonomerRenderer.ts b/packages/ketcher-core/src/application/render/renderers/BaseMonomerRenderer.ts index a11441b27b..bed3114642 100644 --- a/packages/ketcher-core/src/application/render/renderers/BaseMonomerRenderer.ts +++ b/packages/ketcher-core/src/application/render/renderers/BaseMonomerRenderer.ts @@ -54,8 +54,17 @@ export abstract class BaseMonomerRenderer extends BaseRenderer { this.monomerSymbolElement = document.querySelector( `${monomerSymbolElementId} .monomer-body`, ) as SVGUseElement | SVGRectElement; - const rect = this.monomerSymbolElement.getBoundingClientRect(); - this.monomerSize = { width: rect.width, height: rect.height }; + // Cross-browser width and height detection via getAttribute() + // as getBoundingClientRect() and getBBox() return 0 values in Firefox + // in this case ( inside , ) + this.monomerSize = { + width: +( + this.monomerSymbolElement?.getAttribute('data-actual-width') || 0 + ), + height: +( + this.monomerSymbolElement?.getAttribute('data-actual-height') || 0 + ), + }; } private isSnakeBondForAttachmentPoint( diff --git a/packages/ketcher-macromolecules/src/components/shared/monomerOnCanvas/Chem.tsx b/packages/ketcher-macromolecules/src/components/shared/monomerOnCanvas/Chem.tsx index 508bbe628e..c62fcebad9 100644 --- a/packages/ketcher-macromolecules/src/components/shared/monomerOnCanvas/Chem.tsx +++ b/packages/ketcher-macromolecules/src/components/shared/monomerOnCanvas/Chem.tsx @@ -21,6 +21,8 @@ export const ChemAvatar = () => ( className="monomer-body" width="59" height="59" + data-actual-width="59" + data-actual-height="59" rx="1.5" fill="#F5F6F7" /> diff --git a/packages/ketcher-macromolecules/src/components/shared/monomerOnCanvas/Peptide.tsx b/packages/ketcher-macromolecules/src/components/shared/monomerOnCanvas/Peptide.tsx index 315bbecb30..d2fe43e46a 100644 --- a/packages/ketcher-macromolecules/src/components/shared/monomerOnCanvas/Peptide.tsx +++ b/packages/ketcher-macromolecules/src/components/shared/monomerOnCanvas/Peptide.tsx @@ -19,6 +19,10 @@ export const PeptideAvatar = () => ( diff --git a/packages/ketcher-macromolecules/src/components/shared/monomerOnCanvas/Phosphate.tsx b/packages/ketcher-macromolecules/src/components/shared/monomerOnCanvas/Phosphate.tsx index 7659ea784d..bf8f2b6440 100644 --- a/packages/ketcher-macromolecules/src/components/shared/monomerOnCanvas/Phosphate.tsx +++ b/packages/ketcher-macromolecules/src/components/shared/monomerOnCanvas/Phosphate.tsx @@ -17,7 +17,14 @@ export const PhosphateAvatar = () => ( <> - + ( ( <> - +