Macro: #3894 - Paste from clipboard in sequence mode

ketcher-autotests/playwright.config.ts

@@ -134,6 +134,10 @@ const config: PlaywrightTestConfig = {
         launchOptions: {
           headless: true,
         },
+        contextOptions: {
+          // chromium-specific permissions
+          permissions: ['clipboard-read', 'clipboard-write'],
+        },
       },
     },
 

ketcher-autotests/tests/Macromolecule-editor/Copy-And-Paste/flex-mode-copy-paste.spec.ts

@@ -0,0 +1,56 @@
+import { test } from '@playwright/test';
+import {
+  takeEditorScreenshot,
+  waitForPageInit,
+  openFileAndAddToCanvasMacro,
+  zoomWithMouseWheel,
+  selectRectangleArea,
+  clickUndo,
+} from '@utils';
+import { turnOnMacromoleculesEditor } from '@utils/macromolecules';
+
+const startX = 300;
+const startY = 300;
+const endX = 600;
+const endY = 600;
+test.describe('Flex mode copy&paste', () => {
+  test.beforeEach(async ({ page }) => {
+    await waitForPageInit(page);
+    await turnOnMacromoleculesEditor(page);
+    const ZOOM_OUT_VALUE = 400;
+
+    await openFileAndAddToCanvasMacro('KET/monomers-chains.ket', page);
+    await zoomWithMouseWheel(page, ZOOM_OUT_VALUE);
+  });
+
+  test('Copy & paste selection with rectangular tool and undo', async ({
+    page,
+  }) => {
+    await selectRectangleArea(page, startX, startY, endX, endY);
+    await page.keyboard.press('Control+c');
+
+    await page.mouse.move(-startX, 0);
+    await page.keyboard.press('Control+v');
+    await takeEditorScreenshot(page);
+
+    await clickUndo(page);
+    await takeEditorScreenshot(page);
+  });
+
+  test('Copy & paste selection with Shift + Click and undo', async ({
+    page,
+  }) => {
+    await page.keyboard.down('Shift');
+    await page.getByText('SMCC').locator('..').first().click();
+    await page.getByText('Test-6-Ch').locator('..').first().click();
+    await page.keyboard.up('Shift');
+    await page.keyboard.press('Control+c');
+
+    await page.mouse.move(startX, startY);
+    await page.keyboard.press('Control+v');
+    await takeEditorScreenshot(page);
+
+    await clickUndo(page);
+    await takeEditorScreenshot(page);
+  });
+});

ketcher-autotests/tests/Macromolecule-editor/Copy-And-Paste/sequence-mode-copy-paste.spec.ts

@@ -0,0 +1,149 @@
+import { test } from '@playwright/test';
+import {
+  takeEditorScreenshot,
+  waitForPageInit,
+  openFileAndAddToCanvasMacro,
+  selectSequenceLayoutModeTool,
+  zoomWithMouseWheel,
+  scrollDown,
+  selectRectangleArea,
+  moveMouseAway,
+  clickUndo,
+  openPasteFromClipboard,
+  readFileContents,
+} from '@utils';
+import { turnOnMacromoleculesEditor } from '@utils/macromolecules';
+import {
+  clickOnSequenceSymbol,
+  getSequenceSymbolLocator,
+} from '@utils/macromolecules/sequence';
+
+const ZOOM_OUT_VALUE = 400;
+const SCROLL_DOWN_VALUE = 250;
+test.describe('Sequence mode copy&paste for view mode', () => {
+  test.beforeEach(async ({ page }) => {
+    await waitForPageInit(page);
+    await turnOnMacromoleculesEditor(page);
+
+    await openFileAndAddToCanvasMacro('KET/monomers-chains.ket', page);
+    await selectSequenceLayoutModeTool(page);
+    await zoomWithMouseWheel(page, ZOOM_OUT_VALUE);
+    await scrollDown(page, SCROLL_DOWN_VALUE);
+  });
+
+  test('Copy & paste selection with rectangular tool', async ({ page }) => {
+    const startX = 100;
+    const startY = 100;
+    const endX = 500;
+    const endY = 500;
+
+    await selectRectangleArea(page, startX, startY, endX, endY);
+    await takeEditorScreenshot(page);
+    await page.keyboard.press('Control+c');
+    await page.keyboard.press('Control+v');
+    await takeEditorScreenshot(page);
+  });
+
+  test('Select entire chain with Ctrl+Lclick then copy and paste and undo', async ({
+    page,
+  }) => {
+    await page.keyboard.down('Control');
+    await getSequenceSymbolLocator(page, 'G').click();
+    await page.keyboard.up('Control');
+    await takeEditorScreenshot(page);
+    await page.keyboard.press('Control+c');
+    await page.keyboard.press('Control+v');
+    await takeEditorScreenshot(page);
+
+    await clickUndo(page);
+    await takeEditorScreenshot(page);
+  });
+});
+
+test.describe('Sequence mode copy&paste for edit mode', () => {
+  test.beforeEach(async ({ page }) => {
+    await waitForPageInit(page);
+    await turnOnMacromoleculesEditor(page);
+
+    await openFileAndAddToCanvasMacro('KET/monomers-chains.ket', page);
+    await selectSequenceLayoutModeTool(page);
+    await zoomWithMouseWheel(page, ZOOM_OUT_VALUE);
+    await getSequenceSymbolLocator(page, 'G').click({ button: 'right' });
+    await page.getByTestId('edit_sequence').click();
+  });
+
+  test('Copy & paste selection with LClick+drag and undo', async ({ page }) => {
+    await getSequenceSymbolLocator(page, 'G').hover();
+    await page.mouse.down();
+    const gNthNumber = 1;
+    await getSequenceSymbolLocator(page, 'G', gNthNumber).hover();
+
+    await page.mouse.up();
+    await moveMouseAway(page);
+    await takeEditorScreenshot(page);
+
+    await page.keyboard.press('Control+c');
+    const cNthNumber = 5;
+    await getSequenceSymbolLocator(page, 'C', cNthNumber).click();
+    await page.keyboard.press('Control+v');
+    await takeEditorScreenshot(page);
+
+    await clickUndo(page);
+    await takeEditorScreenshot(page);
+  });
+
+  test('Select letters with Shift & ArrowLeft then paste ket from clipboard and undo', async ({
+    page,
+  }) => {
+    const fileContent = await readFileContents(
+      'tests/test-data/KET/single-fragment-for-paste.ket',
+    );
+    await openPasteFromClipboard(page, fileContent);
+    await page.keyboard.press('Control+a');
+    await page.keyboard.press('Control+c');
+    await page.getByTitle('Close window').click();
+
+    await clickOnSequenceSymbol(page, 'G');
+    const arrowCount = 8;
+    await page.keyboard.down('Shift');
+    for (let i = 0; i < arrowCount; i++) {
+      await page.keyboard.press('ArrowLeft');
+    }
+    await page.keyboard.up('Shift');
+    await takeEditorScreenshot(page);
+
+    await page.keyboard.press('Control+v');
+    await takeEditorScreenshot(page);
+
+    await clickUndo(page);
+    await clickUndo(page);
+    await takeEditorScreenshot(page);
+  });
+
+  test('Select letters with Shift & ArrowRight then paste sequence from clipboard and undo', async ({
+    page,
+  }) => {
+    await openPasteFromClipboard(page, 'atc');
+    await page.keyboard.press('Control+a');
+    await page.keyboard.press('Control+c');
+    await page.getByTitle('Close window').click();
+
+    await clickOnSequenceSymbol(page, 'G');
+    const arrowCount = 10;
+    await page.keyboard.down('Shift');
+    for (let i = 0; i < arrowCount; i++) {
+      await page.keyboard.press('ArrowRight');
+    }
+    await page.keyboard.up('Shift');
+    await moveMouseAway(page);
+
+    await takeEditorScreenshot(page);
+
+    await page.keyboard.press('Control+v');
+    await takeEditorScreenshot(page);
+
+    await clickUndo(page);
+    await clickUndo(page);
+    await takeEditorScreenshot(page);
+  });
+});

ketcher-autotests/tests/Macromolecule-editor/Copy-And-Paste/snake-mode-copy-paste.spec.ts

@@ -0,0 +1,62 @@
+import { test } from '@playwright/test';
+import {
+  takeEditorScreenshot,
+  waitForPageInit,
+  openFileAndAddToCanvasMacro,
+  zoomWithMouseWheel,
+  scrollDown,
+  selectRectangleArea,
+  clickUndo,
+  selectSnakeLayoutModeTool,
+} from '@utils';
+import { turnOnMacromoleculesEditor } from '@utils/macromolecules';
+
+test.describe('Snake mode copy&paste', () => {
+  test.beforeEach(async ({ page }) => {
+    await waitForPageInit(page);
+    await turnOnMacromoleculesEditor(page);
+    const ZOOM_OUT_VALUE = 400;
+    const SCROLL_DOWN_VALUE = 250;
+
+    await openFileAndAddToCanvasMacro('KET/monomers-chains.ket', page);
+    await selectSnakeLayoutModeTool(page);
+    await zoomWithMouseWheel(page, ZOOM_OUT_VALUE);
+    await scrollDown(page, SCROLL_DOWN_VALUE);
+  });
+
+  test('Copy & paste selection with rectangular tool and undo', async ({
+    page,
+  }) => {
+    const startX = 200;
+    const startY = 200;
+    const endX = 500;
+    const endY = 400;
+
+    await selectRectangleArea(page, startX, startY, endX, endY);
+    await takeEditorScreenshot(page);
+
+    await page.keyboard.press('Control+c');
+    await page.keyboard.press('Control+v');
+    await takeEditorScreenshot(page);
+
+    await clickUndo(page);
+    await takeEditorScreenshot(page);
+  });
+
+  test('Copy & paste selection with Shift + Click and undo', async ({
+    page,
+  }) => {
+    await page.keyboard.down('Shift');
+    await page.getByText('D').locator('..').first().click();
+    await page.getByText('F').locator('..').first().click();
+    await page.keyboard.up('Shift');
+    await page.keyboard.press('Control+c');
+    await takeEditorScreenshot(page);
+
+    await page.keyboard.press('Control+v');
+    await takeEditorScreenshot(page);
+
+    await clickUndo(page);
+    await takeEditorScreenshot(page);
+  });
+});

ketcher-autotests/tests/Macromolecule-editor/Sequence-Mode/sequence-mode-edit-in-rna-builder.spec.ts

@@ -12,6 +12,7 @@ import {
 } from '@utils';
 import { turnOnMacromoleculesEditor } from '@utils/macromolecules';
 import { PHOSPHATE, SUGAR } from '@constants/testIdConstants';
+import { clickOnSequenceSymbol } from '@utils/macromolecules/sequence';
 
 test.describe('Sequence mode edit in RNA Builder', () => {
   test.beforeEach(async ({ page }) => {
@@ -23,8 +24,8 @@ test.describe('Sequence mode edit in RNA Builder', () => {
   });
 
   test('Select one nucleotide and modify sugar', async ({ page }) => {
-    await page.getByText('T').first().click();
-    await page.getByText('T').first().click({ button: 'right' });
+    await clickOnSequenceSymbol(page, 'T');
+    await clickOnSequenceSymbol(page, 'T', { button: 'right' });
     // should see correct context menu title and available 'modify_in_rna_builder' button
     await takeEditorScreenshot(page);
     await page.getByTestId('modify_in_rna_builder').click();
@@ -47,8 +48,8 @@ test.describe('Sequence mode edit in RNA Builder', () => {
   });
 
   test('Select one nucleotide and cancel modification', async ({ page }) => {
-    await page.getByText('T').first().click();
-    await page.getByText('T').first().click({ button: 'right' });
+    await clickOnSequenceSymbol(page, 'T');
+    await clickOnSequenceSymbol(page, 'T', { button: 'right' });
     await page.getByTestId('modify_in_rna_builder').click();
     await page.getByTestId(SUGAR).click();
     await page.getByTestId('25R___2,5-Ribose').click();
@@ -70,7 +71,7 @@ test.describe('Sequence mode edit in RNA Builder', () => {
     const endY = 200;
     await selectRectangleArea(page, startX, startY, endX, endY);
     await takeEditorScreenshot(page);
-    await page.getByText('T').first().click({ button: 'right' });
+    await clickOnSequenceSymbol(page, 'T', { button: 'right' });
     // should see correct context menu title and available 'modify_in_rna_builder' button
     await takeEditorScreenshot(page);
     await page.getByTestId('modify_in_rna_builder').click();
@@ -96,11 +97,11 @@ test.describe('Sequence mode edit in RNA Builder', () => {
     page,
   }) => {
     await page.keyboard.down('Control');
-    await page.getByText('T').first().click();
+    await clickOnSequenceSymbol(page, 'T');
     await page.keyboard.up('Control');
     // should see the whole chain selected
     await takeEditorScreenshot(page);
-    await page.getByText('T').first().click({ button: 'right' });
+    await clickOnSequenceSymbol(page, 'T', { button: 'right' });
     // should see correct context menu title and disabled 'modify_in_rna_builder' button
     await takeEditorScreenshot(page);
   });

ketcher-autotests/tests/Macromolecule-editor/Sequence-Mode/sequence-mode-edit.spec.ts

@@ -6,7 +6,8 @@ import {
   startNewSequence,
   switchSequenceEnteringType,
   takeEditorScreenshot,
-  typeAllEnglishAlphabet,
+  typePeptideAlphabet,
+  typeRNADNAAlphabet,
   waitForPageInit,
 } from '@utils';
 import { turnOnMacromoleculesEditor } from '@utils/macromolecules';
@@ -20,16 +21,14 @@ test.describe('Sequence edit mode', () => {
 
   test('Add/edit sequence', async ({ page }) => {
     await startNewSequence(page);
-    await typeAllEnglishAlphabet(page);
+    await typeRNADNAAlphabet(page);
     await switchSequenceEnteringType(page, SequenceType.DNA);
-    await typeAllEnglishAlphabet(page);
+    await typeRNADNAAlphabet(page);
     await switchSequenceEnteringType(page, SequenceType.PEPTIDE);
-    await typeAllEnglishAlphabet(page);
+    await typePeptideAlphabet(page);
     await page.keyboard.press('Enter');
-    await typeAllEnglishAlphabet(page);
+    await typePeptideAlphabet(page);
     await takeEditorScreenshot(page);
-    // remove after fix the bug about opening sequence type dropdown on pressing Enter
-    await page.keyboard.press('Escape');
     await selectSnakeLayoutModeTool(page);
     await takeEditorScreenshot(page);
   });