Autotests: #5162 - save load insert select move and scale images on canvas

ketcher-autotests/tests/Macromolecule-editor/Macro-Micro-Switcher/macro-micro-switcher.spec.ts

@@ -2114,6 +2114,21 @@ test.describe('Macro-Micro-Switcher', () => {
     await takeEditorScreenshot(page);
   });
 
+  test('Verify that added to Canvas images together (PNG, SVG) are not presented on the Canvas after switching to Macro mode and presented after returning to Micro', async () => {
+    /**
+     * Test case: #4911
+     * Description: Added to Canvas images together (PNG, SVG) are not presented on the
+     * Canvas after switching to Macro mode and presented after returning to Micro
+     */
+
+    await openFileAndAddToCanvas('KET/images-png-svg.ket', page);
+    await takeEditorScreenshot(page);
+    await turnOnMacromoleculesEditor(page);
+    await takeEditorScreenshot(page);
+    await turnOnMicromoleculesEditor(page);
+    await takeEditorScreenshot(page);
+  });
+
   test.fail(
     'Validate that it is possible to save micro-macro connection to ket file',
     async () => {

ketcher-autotests/tests/test-data/KET/clean-svg-expected.ket

@@ -0,0 +1,24 @@
+{
+    "root": {
+        "nodes": [
+            {
+                "type": "rasterImage",
+                "center": {
+                    "x": 14.700000000000001,
+                    "y": -8,
+                    "z": 0
+                },
+                "data": {
+                    "bitmap": "data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjMDAwMDAwIiBoZWlnaHQ9IjgwMHB4IiB3aWR0aD0iODAwcHgiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmlld0JveD0iMCAwIDUxMi4wMDEgNTEyLjAwMSIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8Zz4NCiAgICA8Zz4NCiAgICAgICAgPHBhdGggZD0iTTI2Ni4xNzQsMjQ2LjY0NmMtMTUuMTk0LTIyLjg0OS0zNi43LTM5LjkzOC02Mi4xOTItNDkuNDIxYy00Ljc0LTEuNzY1LTEwLjAxOCwwLjY1LTExLjc4Miw1LjM5M2MtMS43NjUsNC43NDQsMC42NDksMTAuMDE5LDUuMzkzLDExLjc4M2MyMS44NDQsOC4xMjUsNDAuMjgyLDIyLjc4Niw1My4zMjIsNDIuMzkzYzEuNzY0LDIuNjU0LDQuNjczLDQuMDksNy42MzgsNC4wOWMxLjc0MywwLDMuNTA1LTAuNDk2LDUuMDY1LTEuNTM0QzI2Ny44MzIsMjU2LjU0NiwyNjguOTc3LDI1MC44NTksMjY2LjE3NCwyNDYuNjQ2eiIvPg0KICAgIDwvZz4NCjwvZz4NCjxnPg0KICAgIDxnPg0KICAgICAgICA8cGF0aCBkPSJNMTgwLjg5NCwxMTAuOTQ2Yy01LjA2LDAtOS4xNjMsNC4xMDItOS4xNjMsOS4xNjN2NTcuMDc4YzAsNS4wNiw0LjEwMiw5LjE2Myw5LjE2Myw5LjE2M2M1LjA2LDAsOS4xNjMtNC4xMDIsOS4xNjMtOS4xNjN2LTU3LjA3OEMxOTAuMDU3LDExNS4wNDgsMTg1Ljk1NCwxMTAuOTQ2LDE4MC44OTQsMTEwLjk0NnoiLz4NCiAgICA8L2c+DQo8L2c+DQo8Zz4NCiAgICA8Zz4NCiAgICAgICAgPHBhdGggZD0iTTUwNy4yMTcsNDE0LjgwMWwtOTUuNTIxLTE4NS4yNzR2LTc2LjU3YzE2LjE3Mi0xLjUwMSwyOC44NzYtMTUuMTQyLDI4Ljg3Ni0zMS42OThjMC0xNy41NTctMTQuMjg0LTMxLjg0MS0zMS44NDEtMzEuODQxSDMwMi4yMzRjLTE3LjU1NywwLTMxLjg0MSwxNC4yODQtMzEuODQxLDMxLjg0MWMwLDE2LjU1NiwxMi43MDMsMzAuMTk1LDI4Ljg3NSwzMS42OTd2NzYuNTdsLTMuNDU5LDYuNzA3Yy0xNy40MTItMjkuMDE5LTQzLjkzNy01Mi4xNDItNzUuMjExLTY1LjI3NFY5Ny42NTRjMTMuNTk2LTMuNjI2LDIzLjY0My0xNi4wNDIsMjMuNjQzLTMwLjc2NmMwLTE3LjU1Ny0xNC4yODMtMzEuODQxLTMxLjg0MS0zMS44NDFIMTA1LjkwNGMtMTcuNTU3LDAtMzEuODQxLDE0LjI4NC0zMS44NDEsMzEuODQxYzAsMTQuNzI2LDEwLjA1MiwyNy4xNDYsMjMuNjUzLDMwLjc2OHY3My4yOThjLTI3LjU2NCwxMS41MjctNTEuMTc3LDMwLjQ1My02OC41NzIsNTUuMDM3QzEwLjA3OCwyNTIuOTM3LDAsMjg0LjY4NCwwLDMxNy44MDJjMCw4Ny43NTUsNzEuMzk1LDE1OS4xNTEsMTU5LjE1MSwxNTkuMTUxYzE5LjAzLDAsMzcuNTYyLTMuMzIxLDU1LjE4NC05Ljg1NWM3LjUyNyw2LjMwMywxNy4wODgsOS44NTIsMjcuMjk0LDkuODUyaDIyNy43MDljMTQuOTg3LDAsMjguNTktNy42NDEsMzYuMzkxLTIwLjQzOFM1MTQuMDg1LDQyOC4xMjEsNTA3LjIxNyw0MTQuODAxeiBNMjg4LjcxOSwxMjEuMjZjMC03LjQ1Miw2LjA2My0xMy41MTYsMTMuNTE2LTEzLjUxNmgxMDYuNDk4YzcuNDU0LDAsMTMuNTE2LDYuMDYzLDEzLjUxNiwxMy41MTZjMCw3LjQ1Mi02LjA2MywxMy41MTYtMTMuNTE2LDEzLjUxNkgzMDIuMjM1QzI5NC43ODMsMTM0Ljc3NSwyODguNzE5LDEyOC43MTIsMjg4LjcxOSwxMjEuMjZ6IE05Mi4zODgsNjYuODg5YzAtNy40NTIsNi4wNjItMTMuNTE2LDEzLjUxNi0xMy41MTZoMTA2LjQ5OWM3LjQ1MiwwLDEzLjUxNiw2LjA2MywxMy41MTYsMTMuNTE2cy02LjA2MiwxMy41MTYtMTMuNTE2LDEzLjUxNkgxMDUuOTA0Qzk4LjQ1LDgwLjQwNCw5Mi4zODgsNzQuMzQyLDkyLjM4OCw2Ni44ODl6IE0xNTkuMTU1LDQ1OC42MjljLTc3LjY1Ni0wLjAwMi0xNDAuODMtNjMuMTc2LTE0MC44My0xNDAuODI3YzAtMjkuMzA1LDguOTEzLTU3LjM5MiwyNS43NzgtODEuMjI0YzE2LjUtMjMuMzIsMzkuMzEzLTQwLjg4Niw2NS45Ny01MC44MDNjMy41ODgtMS4zMzUsNS45NjgtNC43Niw1Ljk2OC04LjU4N1Y5OC43M2g4Ni4yMzJ2NzguNDU3YzAsMy44MjgsMi4zNzksNy4yNTIsNS45NjYsOC41ODdjMzMuNjMsMTIuNTE5LDYxLjYyNiwzNy45NDcsNzcuNDMsNzAuMTMxbC0zNC44Nyw2Ny42MzVjLTIuODQ3LTEuMjExLTUuNTQtMi41NTgtOC4zMTQtMy45NTVjLTEwLjE5Ni01LjEzMS0yMS43NTItMTAuOTQ2LTQzLjcyNC0xMC45NDZjLTIxLjk4MSwwLTMzLjUzNiw1LjgxNi00My43MjksMTAuOTVjLTkuNTg0LDQuODI0LTE3Ljg2MSw4Ljk5Mi0zNS40ODksOC45OTJjLTE3LjYyOCwwLTI1LjkwNi00LjE2Ny0zNS40ODktOC45OTJjLTEwLjE5NC01LjEzMi0yMS43NDktMTAuOTUtNDMuNzI5LTEwLjk1Yy01LjA2LDAtOS4xNjMsNC4xMDItOS4xNjMsOS4xNjNjMCw3MC41NzUsNTcuNDE3LDEyNy45OTIsMTI3Ljk5MiwxMjcuOTkyYzEzLjgxNywwLDI3LjI1Ny0yLjE3MSw0MC4xMzEtNi40NDhjMC41MDcsNC4yMzgsMS42NDgsOC40MTUsMy40NDUsMTIuNEMxODguNzMsNDU2LjMxNCwxNzQuMTIsNDU4LjYyOSwxNTkuMTU1LDQ1OC42Mjl6IE0yMDMuNzQ4LDQxNC44MDFjLTAuNjY2LDEuMjkxLTEuMjQsMi42MDgtMS43NjcsMy45MzhjLTEzLjUzOSw1Ljc5LTI3LjkyOCw4LjczLTQyLjgzMSw4LjczYy01Ny4yMjIsMC0xMDQuMzQ5LTQ0LjA1NC0xMDkuMjQ2LTEwMC4wMjZjMTEuNDI3LDEuMjI1LDE4LjI1LDQuNjYsMjUuOTA3LDguNTE1YzEwLjE5NCw1LjEzMiwyMS43NDksMTAuOTUsNDMuNzI5LDEwLjk1YzIxLjk4MSwwLDMzLjUzNS01LjgxNiw0My43MjktMTAuOTVjOS41ODQtNC44MjQsMTcuODYxLTguOTkyLDM1LjQ4OS04Ljk5MmMxNy42MjIsMCwyNS45LDQuMTY2LDM1LjQ4NSw4Ljk5YzIuNjEsMS4zMTMsNS4yNjgsMi42NDYsOC4xMzQsMy45MTRMMjAzLjc0OCw0MTQuODAxeiBNNDkwLjA4LDQ0Ni45NzRjLTQuNDQ2LDcuMjk1LTEyLjIsMTEuNjQ5LTIwLjc0MywxMS42NDlIMjQxLjYyOGMtOC41NDIsMC0xNi4yOTctNC4zNTUtMjAuNzQzLTExLjY0OWMtNC40NDYtNy4yOTQtNC43NjMtMTYuMTgzLTAuODQ5LTIzLjc3NWw5Ni41MzgtMTg3LjI0OWMwLjY2OS0xLjI5OSwxLjAxOS0yLjczOCwxLjAxOS00LjE5OXYtNzguNjVoNzUuNzc4djc4LjY1YzAsMS40NjEsMC4zNDksMi45LDEuMDE5LDQuMTk5bDk2LjUzOSwxODcuMjQ5QzQ5NC44NDQsNDMwLjc5Miw0OTQuNTI3LDQzOS42OCw0OTAuMDgsNDQ2Ljk3NHoiLz4NCiAgICA8L2c+DQo8L2c+DQo8Zz4NCiAgICA8Zz4NCiAgICAgICAgPHBhdGggZD0iTTQwNC42OTQsMjgyLjU5N2wtMjMuNTQtNDUuNjU4VjE3NC40OGMwLTUuMDYtNC4xMDEtOS4xNjMtOS4xNjMtOS4xNjNjLTUuMDYyLDAtOS4xNjMsNC4xMDItOS4xNjMsOS4xNjN2NjQuNjhjMCwxLjQ2MSwwLjM0OSwyLjksMS4wMTksNC4xOTlsMjQuNTU4LDQ3LjYzNGMxLjYyNiwzLjE1Niw0LjgzMSw0Ljk2Niw4LjE1MSw0Ljk2NmMxLjQxNCwwLDIuODQ5LTAuMzI5LDQuMTkyLTEuMDJDNDA1LjI0NywyOTIuNjIxLDQwNy4wMTQsMjg3LjA5NSw0MDQuNjk0LDI4Mi41OTd6Ii8+DQogICAgPC9nPg0KPC9nPg0KPGc+DQogICAgPGc+DQogICAgICAgIDxwYXRoIGQ9Ik00NzkuNTgxLDQyOS4xOTRjLTAuMDE3LTAuMDM0LTAuMDQtMC4wODEtMC4wNTktMC4xMTVsLTU5LjQ3Ny0xMTUuMzYzYy0wLjkyNC0xLjc5Mi0yLjQxNC0zLjIzLTQuMjM3LTQuMDg5Yy0xLjE1OS0wLjU0Ni0yLjI4Mi0xLjExMi0zLjQwNS0xLjY3N2MtNy4xMDEtMy41NzMtMTUuMTQ3LTcuNjIyLTMwLjUxNi03LjYyMmMtMTUuMzg1LDAtMjMuNDMzLDQuMDU0LTMwLjUzMyw3LjYzYy02LjI4OCwzLjE2OC0xMS4yNTUsNS42NjktMjIuMjc1LDUuNjY5Yy0xMS4wMzEsMC0xNS45OTktMi41LTIyLjI4OS01LjY2NWMtMC43MzgtMC4zNzEtMS40NzctMC43NDMtMi4yMjMtMS4xMTFjLTQuNDgyLTIuMjAxLTkuOTAxLTAuNDEyLTEyLjE4Niw0LjAyNGwtNjAuODgzLDExOC4xMDdjLTEuOTQ1LDMuNjYzLTEuODE0LDcuNzkzLDAuMzM1LDExLjI5NWMxLjAwNywxLjY1OSwzLjk3Nyw1LjUxOCw5Ljc4OSw1LjUxOGgyMjcuNzEyYzUuODEsMCw4Ljc2OS0zLjgyNiw5Ljc5OC01LjUzMkM0ODAuMTQzLDQzOC41OTQsNDgyLjEyNSw0MzQuMjgyLDQ3OS41ODEsNDI5LjE5NHogTTI1Mi44OTYsNDI3LjQ2OXYtMC4wMDFsNTEuNjgxLTEwMC4yNTZjNS45MDYsMi41NjYsMTMuMjM3LDQuNzM4LDI0LjUwNSw0LjczOGMxNS4zNzQsMCwyMy40Mi00LjA1MiwzMC41MTgtNy42MjdjNi4yOTEtMy4xNjksMTEuMjYtNS42NzEsMjIuMjktNS42NzFjMTEuMDE3LDAsMTUuOTg2LDIuNTAxLDIyLjI3NSw1LjY2NmMwLjMyOSwwLjE2NSwwLjY1NiwwLjMzLDAuOTg1LDAuNDk1bDUyLjkyNSwxMDIuNjU3SDI1Mi44OTZ6Ii8+DQogICAgPC9nPg0KPC9nPg0KPC9zdmc+DQo=",
+                    "halfSize": {
+                        "x": 10,
+                        "y": 10,
+                        "z": 0
+                    }
+                }
+            }
+        ],
+        "connections": [],
+        "templates": []
+    }
+}