#5833 - Importing functional groups (e.g. Boc, Bn, CF3) ignores drawi…

…ng settings (#5874)

* applied functional group drawing settings

* added micromolecules tests

* added macromolecules tests

* fixed bunch of micromol tests

* fixed bunch of macromol tests

ketcher-autotests/tests/File-Management/Open-And-Save-Files/CDXML-Files/cdxml-files.spec.ts

@@ -178,7 +178,6 @@ test.describe('Tests for API setMolecule/getMolecule', () => {
       });
 
     expect(cdxmlFile).toEqual(cdxmlFileExpected);
-    await takeEditorScreenshot(page);
   });
 
   test('Validate that unsplit nucleotides connected with chems could be saved to Cdxml file and loaded back', async ({

packages/ketcher-core/src/application/render/restruct/reatom.ts

@@ -304,12 +304,18 @@ class ReAtom extends ReObject {
             : this.a.pp,
           render.options,
         );
+        const fontFamily = options.font.substr(
+          options.font.indexOf(' ') + 1,
+          options.font.length,
+        );
         const path = render.paper
           .text(position.x, position.y, sgroup.data.name)
           .attr({
             'font-weight': 700,
-            'font-size': 14,
+            'font-size': options.fontszInPx,
+            'font-family': fontFamily,
           });
+
         restruct.addReObjectPath(
           LayerMap.data,
           this.visel,

packages/ketcher-react/src/script/ui/component/form/systemfonts.jsx

@@ -75,6 +75,7 @@ function SystemFonts(props) {
       const fonts = results
         .filter((i) => i !== null)
         .map((font) => {
+          // TODO remove font-size from here
           return { value: `30px ${font}`, label: font };
         });
       if (mounted) {