delete, copy, paste operations for multiselect

Author: david califf

Diff for: packages/selenium-ide/src/neo/components/TestRow/index.jsx

@@ -233,7 +233,7 @@ class TestRow extends React.Component {
   cut() {
     if (!this.props.readOnly) {
       this.props.copyToClipboard(this.props.command)
-      this.props.remove(this.props.index, this.props.command)
+      this.props.remove()
     }
   }
   paste() {
@@ -278,7 +278,7 @@ class TestRow extends React.Component {
 
   remove() {
     if (!this.props.readOnly) {
-      this.props.remove(this.props.index, this.props.command)
+      this.props.remove()
     }
   }
   async clearAll() {

Diff for: packages/selenium-ide/src/neo/containers/Editor/index.jsx

@@ -50,17 +50,18 @@ export default class Editor extends React.Component {
       return newCommand
     }
   }
-  removeCommand(index, command) {
-    const { test } = this.props
-    test.removeCommand(command)
-    if (UiState.selectedCommand === command) {
-      if (test.commands.length > index) {
-        UiState.selectCommand(test.commands[index])
-      } else if (test.commands.length) {
-        UiState.selectCommand(test.commands[test.commands.length - 1])
-      } else {
-        UiState.selectCommand(UiState.pristineCommand)
-      }
+  removeCommand() {
+    const { test } = this.props;
+    UiState.selectedCommands.forEach((command) =>
+      test.removeCommand(command)
+    );
+    UiState.clearAllSelectedCommands()
+    if (test.commands.length > index) {
+      UiState.selectCommand(test.commands[index]);
+    } else if (test.commands.length) {
+      UiState.selectCommand(test.commands[test.commands.length - 1]);
+    } else {
+      UiState.selectCommand(UiState.pristineCommand);
     }
   }
   handleKeyDown(event) {

Diff for: packages/selenium-ide/src/neo/stores/view/UiState.js

@@ -169,19 +169,29 @@ class UiState {
     this.lastViewSelection.clear()
   }
 
-  @action.bound
-  copyToClipboard(item) {
-    this.clipboard = item
+  @action.bound 
+  copyToClipboard() {
+    // sorting by index
+    this.clipboard = this.selectedCommands.sort((c1, c2) => 
+      {
+        let c1Index = this.displayedTest.commands.indexOf(c1)
+        let c2Index = this.displayedTest.commands.indexOf(c2)
+        return c1Index - c2Index
+      }
+    )
   }
 
-  @action.bound
+  @action.bound 
   pasteFromClipboard(index) {
-    if (this.clipboard && this.displayedTest) {
-      const newCommand = this.clipboard.clone()
-      this.displayedTest.insertCommandAt(newCommand, index)
+    if (this.clipboard.length && this.displayedTest) {
+      this.clipboard.forEach((command, idx) => {
+        const newCommand = command.clone();
+        this.displayedTest.insertCommandAt(newCommand, index + idx + 1);
+      });
     }
   }
 
+
   @computed
   get displayedTest() {
     return this.selectedTest.stack !== undefined &&
@@ -202,13 +212,17 @@ class UiState {
         _test &&
         (_test !== this.displayedTest || suite !== this.selectedTest.suite)
       ) {
+        
+        if(this.selectedTest.test){
+           this.selectedTest.test.selectedCommands = this.selectedCommands.slice(0)
+        }
         this.selectedCommands.clear()
         this.selectedTest = {
           test,
           suite,
           stack: stack >= 0 ? stack : undefined,
         }
-        this.selectedCommands = this.selectedTest.test.selectedCommands;
+        this.selectedCommands = this.selectedTest.test.selectedCommands.slice(0);
         if (PlaybackState.isPlaying && !PlaybackState.paused) {
           this.selectCommand(undefined)
         } else if (_test && _test.commands.length) {