Backmerge: #5561 Set a new name for the button ACS style (#5728)

* fix: update button name

* test:update snapshot

* test: update screenshot

* test: update test

* test: update test

* test:update test

* test:update test

* test: update test mol-files

* test:update test for rnx-files

* test: udate test for sdf-files

* test:update test for acs-style-settings

* test:udate test for cdxml-files

* test:update test for cml-files

* test:update test for ket-files-properties

* test: update test for png-files

* test:update test for svg-files

* fix:fix test description

* test:update test

* test: update test case add delay

* test:update test

* test: fix test

* test: delete delay

* Small fix for autotest

* test:update test

---------

Co-authored-by: Alexey Girin <agirin@mail.ru>

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

@@ -635,7 +635,7 @@ test.describe('Tests for API setMolecule/getMolecule', () => {
   */
     await openFileAndAddToCanvas('KET/layout-with-dif-elements.ket', page);
     await openSettings(page);
-    await pressButton(page, 'ACS Style');
+    await pressButton(page, 'Set ACS Settings');
     await pressButton(page, 'Apply');
     await selectTopPanelButton(TopPanelButton.Layout, page);
     await takeEditorScreenshot(page);

ketcher-autotests/tests/File-Management/Open-And-Save-Files/Cml-files/cml-files.spec.ts

@@ -641,7 +641,7 @@ test.describe('CML files', () => {
   */
     await openFileAndAddToCanvas('KET/layout-with-dif-elements.ket', page);
     await openSettings(page);
-    await pressButton(page, 'ACS Style');
+    await pressButton(page, 'Set ACS Settings');
     await pressButton(page, 'Apply');
     await selectTopPanelButton(TopPanelButton.Layout, page);
     await takeEditorScreenshot(page);

ketcher-autotests/tests/File-Management/Open-And-Save-Files/KET-Files/ket-files-properties.spec.ts

@@ -318,7 +318,7 @@ test.describe('Ket files', () => {
     */
     await openFileAndAddToCanvas('KET/layout-with-diagonally-arrow.ket', page);
     await openSettings(page);
-    await pressButton(page, 'ACS Style');
+    await pressButton(page, 'Set ACS Settings');
     await pressButton(page, 'Apply');
     await selectTopPanelButton(TopPanelButton.Layout, page);
     await takeEditorScreenshot(page);

ketcher-autotests/tests/File-Management/Open-And-Save-Files/MOL-Files/mol-files.spec.ts

@@ -885,7 +885,7 @@ test.describe('Open and Save file', () => {
   }) => {
     /*
   Test case: https://github.com/epam/ketcher/issues/5435
-  Description: Change bond length for ACS styles settings
+  Description: Change bond length for Set ACS Settings
   The Bond length setting is applied and it should be save to mol 2000
   */
 
@@ -925,7 +925,7 @@ test.describe('Open and Save file', () => {
   }) => {
     /*
   Test case: https://github.com/epam/ketcher/issues/5435
-  Description: Change bond length for ACS styles settings
+  Description: Change bond length for Set ACS Settings
   The Bond length setting is applied and it should be save to mol 3000
   */
 
@@ -966,12 +966,12 @@ test.describe('Open and Save file', () => {
   }) => {
     /*
   Test case: https://github.com/epam/ketcher/issues/5156
-  Description: add new option ACS style and check saving to different format
+  Description: add new option Set ACS Settings and check saving to different format
   */
 
     await openFileAndAddToCanvas('KET/adenosine-triphosphate.ket', page);
     await openSettings(page);
-    await pressButton(page, 'ACS Style');
+    await pressButton(page, 'Set ACS Settings');
     await pressButton(page, 'Apply');
     await selectTopPanelButton(TopPanelButton.Layout, page);
     await takeEditorScreenshot(page);
@@ -1005,12 +1005,12 @@ test.describe('Open and Save file', () => {
   }) => {
     /*
   Test case: https://github.com/epam/ketcher/issues/5156
-  Description: add new option ACS style and check saving to different format
+  Description: add new option Set ACS Settings and check saving to different format
   */
 
     await openFileAndAddToCanvas('KET/adenosine-triphosphate.ket', page);
     await openSettings(page);
-    await pressButton(page, 'ACS Style');
+    await pressButton(page, 'Set ACS Settings');
     await pressButton(page, 'Apply');
     await selectTopPanelButton(TopPanelButton.Layout, page);
     await takeEditorScreenshot(page);

ketcher-autotests/tests/File-Management/Open-And-Save-Files/PNG-Files/png-files.spec.ts

@@ -167,7 +167,7 @@ test.describe('Saving in .png files', () => {
   */
     await openFileAndAddToCanvas('KET/layout-with-catalyst.ket', page);
     await openSettings(page);
-    await pressButton(page, 'ACS Style');
+    await pressButton(page, 'Set ACS Settings');
     await pressButton(page, 'Apply');
     await selectTopPanelButton(TopPanelButton.Layout, page);
     await takeEditorScreenshot(page);

ketcher-autotests/tests/File-Management/Open-And-Save-Files/Rxn-Files/rxn-files.spec.ts

@@ -1372,7 +1372,7 @@ test.describe('Tests for Open and Save RXN file operations', () => {
   */
     await openFileAndAddToCanvas('KET/layout-with-long-molecule.ket', page);
     await openSettings(page);
-    await pressButton(page, 'ACS Style');
+    await pressButton(page, 'Set ACS Settings');
     await pressButton(page, 'Apply');
     await selectTopPanelButton(TopPanelButton.Layout, page);
     await takeEditorScreenshot(page);
@@ -1409,7 +1409,7 @@ test.describe('Tests for Open and Save RXN file operations', () => {
   */
     await openFileAndAddToCanvas('KET/layout-with-long-molecule.ket', page);
     await openSettings(page);
-    await pressButton(page, 'ACS Style');
+    await pressButton(page, 'Set ACS Settings');
     await pressButton(page, 'Apply');
     await selectTopPanelButton(TopPanelButton.Layout, page);
     await takeEditorScreenshot(page);

ketcher-autotests/tests/File-Management/Open-And-Save-Files/SDF-Files/sdf-files.spec.ts

@@ -770,7 +770,7 @@ test('The ACS setting is applied, click on layout and it should be save to sdf 3
 
   await openFileAndAddToCanvas('KET/adenosine-triphosphate.ket', page);
   await openSettings(page);
-  await pressButton(page, 'ACS Style');
+  await pressButton(page, 'Set ACS Settings');
   await pressButton(page, 'Apply');
   await selectTopPanelButton(TopPanelButton.Layout, page);
   await takeEditorScreenshot(page);
@@ -812,7 +812,7 @@ test('The ACS setting is applied, click on layout and it should be save to sdf 2
 
   await openFileAndAddToCanvas('KET/adenosine-triphosphate.ket', page);
   await openSettings(page);
-  await pressButton(page, 'ACS Style');
+  await pressButton(page, 'Set ACS Settings');
   await pressButton(page, 'Apply');
   await selectTopPanelButton(TopPanelButton.Layout, page);
   await takeEditorScreenshot(page);

ketcher-autotests/tests/File-Management/Open-And-Save-Files/SVG_Files/svg-files.spec.ts

@@ -128,7 +128,7 @@ test.describe('Saving in .svg files', () => {
   */
     await openFileAndAddToCanvas('KET/layout-with-dif-elements.ket', page);
     await openSettings(page);
-    await pressButton(page, 'ACS Style');
+    await pressButton(page, 'Set ACS Settings');
     await pressButton(page, 'Apply');
     await selectTopPanelButton(TopPanelButton.Layout, page);
     await takeEditorScreenshot(page);

ketcher-autotests/tests/Settings/ACS Style/acs-style-settings.spec.ts

@@ -31,7 +31,7 @@ test.describe('ACS Style Settings', () => {
     */
     await openFileAndAddToCanvas('KET/layout-with-diagonally-arrow.ket', page);
     await openSettings(page);
-    await pressButton(page, 'ACS Style');
+    await pressButton(page, 'Set ACS Settings');
     await page.waitForTimeout(3000);
     await takeEditorScreenshot(page);
     await bondsSettings(page);
@@ -51,7 +51,7 @@ test.describe('ACS Style Settings', () => {
     */
     await openFileAndAddToCanvas('KET/layout-with-long-molecule.ket', page);
     await openSettings(page);
-    await pressButton(page, 'ACS Style');
+    await pressButton(page, 'Set ACS Settings');
     await pressButton(page, 'Apply');
     await selectTopPanelButton(TopPanelButton.Layout, page);
     await takeEditorScreenshot(page);

ketcher-autotests/tests/Settings/General/default-settings-verification.spec.ts

@@ -18,6 +18,7 @@ import {
   setReactionMarginSizeValue,
   moveMouseAway,
   openSettings,
+  delay,
 } from '@utils';
 
 async function resetSelectToolOff(page: Page) {
@@ -1409,6 +1410,7 @@ test.describe('Negative cases for General Settings', () => {
     const Apply = page.getByRole('button', { name: 'Apply' });
     const isDisabled = await Apply.isDisabled();
     expect(isDisabled).toBe(true);
+    await delay(2);
     await takeEditorScreenshot(page);
   });
 });

packages/ketcher-react/src/script/ui/views/modal/components/meta/Settings/Settings.tsx

@@ -332,7 +332,7 @@ const SettingsDialog = (props: Props) => {
       key="acsstylebutton"
       onClick={onACSStyle}
     >
-      ACS Style
+      Set ACS Settings
     </button>
   );