diff --git a/src/app/components/editors/conditions/conditions/conditions.integration.spec.ts b/src/app/components/editors/conditions/conditions/conditions.integration.spec.ts
index 9b3186414ba..397771a8224 100644
--- a/src/app/components/editors/conditions/conditions/conditions.integration.spec.ts
+++ b/src/app/components/editors/conditions/conditions/conditions.integration.spec.ts
@@ -94,7 +94,7 @@ describe('Conditions integration tests', () => {
       '(2, 3, 3, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, \'\', \'\');';
       querySpy.calls.reset();
 
-      page.setInputValueById('SourceTypeOrReferenceId', '2: 2');
+      page.setSelectValueById('SourceTypeOrReferenceId', 2);
       page.setInputValueById('SourceGroup', 3);
       page.clickExecuteQuery();
 
diff --git a/src/app/components/editors/shared/sai-editor/sai-editor.component.html b/src/app/components/editors/shared/sai-editor/sai-editor.component.html
index c66fd99c0d8..b6c6a28fb4d 100644
--- a/src/app/components/editors/shared/sai-editor/sai-editor.component.html
+++ b/src/app/components/editors/shared/sai-editor/sai-editor.component.html
@@ -136,7 +136,7 @@
 
           <div class="form-row">
             <div class="form-group col-7">
-              <label class="control-label">
+              <label class="control-label" id="label-event-param1">
                 {{ getName('param1', EVENT_PARAM1_NAMES[selectedEvent]) }} <i
                 class="fas fa-info-circle ml-1" [placement]="'auto'"
                 [hidden]="!EVENT_PARAM1_TOOLTIPS[selectedEvent]"
@@ -152,7 +152,7 @@
 
           <div class="form-row">
             <div class="form-group col-7">
-              <label class="control-label">
+              <label class="control-label" id="label-event-param2">
                 {{ getName('param2', EVENT_PARAM2_NAMES[selectedEvent]) }} <i
                 class="fas fa-info-circle ml-1" [placement]="'auto'"
                 [hidden]="!EVENT_PARAM2_TOOLTIPS[selectedEvent]"
@@ -168,7 +168,7 @@
 
           <div class="form-row">
             <div class="form-group col-7">
-              <label class="control-label">
+              <label class="control-label" id="label-event-param3">
                 {{ getName('param3', EVENT_PARAM3_NAMES[selectedEvent]) }} <i
                 class="fas fa-info-circle ml-1" [placement]="'auto'"
                 [hidden]="!EVENT_PARAM3_TOOLTIPS[selectedEvent]"
@@ -184,7 +184,7 @@
 
           <div class="form-row">
             <div class="form-group col-7">
-              <label class="control-label">
+              <label class="control-label" id="label-event-param4">
                 {{ getName('param4', EVENT_PARAM4_NAMES[selectedEvent]) }} <i
                 class="fas fa-info-circle ml-1" [placement]="'auto'"
                 [hidden]="!EVENT_PARAM4_TOOLTIPS[selectedEvent]"
@@ -200,7 +200,7 @@
 
           <div class="form-row">
             <div class="form-group col-7">
-              <label class="control-label">
+              <label class="control-label" id="label-event-param5">
                 {{ getName('param5', EVENT_PARAM5_NAMES[selectedEvent]) }} <i
                 class="fas fa-info-circle ml-1" [placement]="'auto'"
                 [hidden]="!EVENT_PARAM5_TOOLTIPS[selectedEvent]"
@@ -228,7 +228,7 @@
 
           <div class="form-row">
             <div class="form-group col-7">
-              <label class="control-label">
+              <label class="control-label" id="label-action-param1">
                 {{ getName('param1', ACTION_PARAM1_NAMES[selectedAction]) }} <i
                 class="fas fa-info-circle ml-1" [placement]="'auto'"
                 [hidden]="!ACTION_PARAM1_TOOLTIPS[selectedAction]"
@@ -244,7 +244,7 @@
 
           <div class="form-row">
             <div class="form-group col-7">
-              <label class="control-label">
+              <label class="control-label" id="label-action-param2">
                 {{ getName('param2', ACTION_PARAM2_NAMES[selectedAction]) }} <i
                 class="fas fa-info-circle ml-1" [placement]="'auto'"
                 [hidden]="!ACTION_PARAM2_TOOLTIPS[selectedAction]"
@@ -260,7 +260,7 @@
 
           <div class="form-row">
             <div class="form-group col-7">
-              <label class="control-label">
+              <label class="control-label" id="label-action-param3">
                 {{ getName('param3', ACTION_PARAM3_NAMES[selectedAction]) }} <i
                 class="fas fa-info-circle ml-1" [placement]="'auto'"
                 [hidden]="!ACTION_PARAM3_TOOLTIPS[selectedAction]"
@@ -276,7 +276,7 @@
 
           <div class="form-row">
             <div class="form-group col-7">
-              <label class="control-label">
+              <label class="control-label" id="label-action-param4">
                 {{ getName('param4', ACTION_PARAM4_NAMES[selectedAction]) }} <i
                 class="fas fa-info-circle ml-1" [placement]="'auto'"
                 [hidden]="!ACTION_PARAM4_TOOLTIPS[selectedAction]"
@@ -292,7 +292,7 @@
 
           <div class="form-row">
             <div class="form-group col-7">
-              <label class="control-label">
+              <label class="control-label" id="label-action-param5">
                 {{ getName('param5', ACTION_PARAM5_NAMES[selectedAction]) }} <i
                 class="fas fa-info-circle ml-1" [placement]="'auto'"
                 [hidden]="!ACTION_PARAM5_TOOLTIPS[selectedAction]"
@@ -308,7 +308,7 @@
 
           <div class="form-row">
             <div class="form-group col-7">
-              <label class="control-label">
+              <label class="control-label" id="label-action-param6">
                 {{ getName('param6', ACTION_PARAM6_NAMES[selectedAction]) }} <i
                 class="fas fa-info-circle ml-1" [placement]="'auto'"
                 [hidden]="!ACTION_PARAM6_TOOLTIPS[selectedAction]"
@@ -337,7 +337,7 @@
 
           <div class="form-row">
             <div class="form-group col-7">
-              <label class="control-label">
+              <label class="control-label" id="label-target-param1">
                 {{ getName('param1', TARGET_PARAM1_NAMES[selectedTarget]) }} <i
                 class="fas fa-info-circle ml-1" [placement]="'auto'"
                 [hidden]="!TARGET_PARAM1_TOOLTIPS[selectedTarget]"
@@ -353,7 +353,7 @@
 
           <div class="form-row">
             <div class="form-group col-7">
-              <label class="control-label">
+              <label class="control-label" id="label-target-param2">
                 {{ getName('param2', TARGET_PARAM2_NAMES[selectedTarget]) }} <i
                 class="fas fa-info-circle ml-1" [placement]="'auto'"
                 [hidden]="!TARGET_PARAM2_TOOLTIPS[selectedTarget]"
@@ -369,7 +369,7 @@
 
           <div class="form-row">
             <div class="form-group col-7">
-              <label class="control-label">
+              <label class="control-label" id="label-target-param3">
                 {{ getName('param3', TARGET_PARAM3_NAMES[selectedTarget]) }} <i
                 class="fas fa-info-circle ml-1" [placement]="'auto'"
                 [hidden]="!TARGET_PARAM3_TOOLTIPS[selectedTarget]"
@@ -385,7 +385,7 @@
 
           <div class="form-row">
             <div class="form-group col-7">
-              <label class="control-label">
+              <label class="control-label" id="label-target-param4">
                 {{ getName('param4', TARGET_PARAM4_NAMES[selectedTarget]) }} <i
                 class="fas fa-info-circle ml-1" [placement]="'auto'"
                 [hidden]="!TARGET_PARAM4_TOOLTIPS[selectedTarget]"
diff --git a/src/app/components/editors/shared/sai-editor/sai-editor.component.integration.spec.ts b/src/app/components/editors/shared/sai-editor/sai-editor.component.integration.spec.ts
index 70b786d12ed..7fd8f2ccf24 100644
--- a/src/app/components/editors/shared/sai-editor/sai-editor.component.integration.spec.ts
+++ b/src/app/components/editors/shared/sai-editor/sai-editor.component.integration.spec.ts
@@ -1 +1,469 @@
-// TODO
+import { async, ComponentFixture, TestBed } from '@angular/core/testing';
+import { RouterTestingModule } from '@angular/router/testing';
+import { of } from 'rxjs';
+import Spy = jasmine.Spy;
+
+import { SaiEditorComponent } from './sai-editor.component';
+import { SaiEditorModule } from './sai-editor.module';
+import { SaiHandlerService } from '../../../../services/handlers/sai-handler.service';
+import { MultiRowEditorPageObject } from '../../../../test-utils/multi-row-editor-page-object';
+import { SAI_TYPES, SmartScripts } from '../../../../types/smart-scripts.type';
+import { QueryService } from '../../../../services/query.service';
+
+class SaiEditorPage extends MultiRowEditorPageObject<SaiEditorComponent> {
+  get event1Name() { return this.query<HTMLLabelElement>('label#label-event-param1'); }
+  get event2Name() { return this.query<HTMLLabelElement>('label#label-event-param2'); }
+  get event3Name() { return this.query<HTMLLabelElement>('label#label-event-param3'); }
+  get event4Name() { return this.query<HTMLLabelElement>('label#label-event-param4'); }
+  get event5Name() { return this.query<HTMLLabelElement>('label#label-event-param5'); }
+  get action1Name() { return this.query<HTMLLabelElement>('label#label-action-param1'); }
+  get action2Name() { return this.query<HTMLLabelElement>('label#label-action-param2'); }
+  get action3Name() { return this.query<HTMLLabelElement>('label#label-action-param3'); }
+  get action4Name() { return this.query<HTMLLabelElement>('label#label-action-param4'); }
+  get action5Name() { return this.query<HTMLLabelElement>('label#label-action-param5'); }
+  get action6Name() { return this.query<HTMLLabelElement>('label#label-action-param6'); }
+  get target1Name() { return this.query<HTMLLabelElement>('label#label-target-param1'); }
+  get target2Name() { return this.query<HTMLLabelElement>('label#label-target-param2'); }
+  get target3Name() { return this.query<HTMLLabelElement>('label#label-target-param3'); }
+  get target4Name() { return this.query<HTMLLabelElement>('label#label-target-param4'); }
+}
+
+describe('SaiEditorComponent integration tests', () => {
+  let component: SaiEditorComponent;
+  let fixture: ComponentFixture<SaiEditorComponent>;
+  let handlerService: SaiHandlerService;
+  let queryService: QueryService;
+  let querySpy: Spy;
+  let page: SaiEditorPage;
+
+  const sourceType = SAI_TYPES.SAI_TYPE_CREATURE;
+  const id = 1234;
+
+  const originalRow0 = new SmartScripts();
+  const originalRow1 = new SmartScripts();
+  const originalRow2 = new SmartScripts();
+  originalRow0.source_type = originalRow1.source_type = originalRow2.source_type = sourceType;
+  originalRow0.entryorguid = originalRow1.entryorguid = originalRow2.entryorguid = id;
+  originalRow0.id = 0;
+  originalRow1.id = 1;
+  originalRow2.id = 2;
+
+  beforeEach(async(() => {
+    TestBed.configureTestingModule({
+      imports: [
+        SaiEditorModule,
+        RouterTestingModule,
+      ]
+    })
+      .compileComponents();
+  }));
+
+  function setup(creatingNew: boolean, hasTemplateQuery = false) {
+    const selected = { source_type: sourceType, entryorguid: id };
+    handlerService = TestBed.get(SaiHandlerService);
+    handlerService['_selected'] = JSON.stringify(selected);
+    handlerService.isNew = creatingNew;
+
+    if (hasTemplateQuery) {
+      handlerService['_templateQuery'] = '-- Mock template query';
+    }
+
+    queryService = TestBed.get(QueryService);
+    querySpy = spyOn(queryService, 'query').and.returnValue(of());
+
+    spyOn(queryService, 'selectAllMultipleKeys').and.returnValue(of(
+      { results: creatingNew ? [] : [originalRow0, originalRow1, originalRow2] }
+    ));
+
+    fixture = TestBed.createComponent(SaiEditorComponent);
+    component = fixture.componentInstance;
+    page = new SaiEditorPage(fixture);
+    fixture.autoDetectChanges(true);
+    fixture.detectChanges();
+  }
+
+  describe('Creating new', () => {
+    beforeEach(() => setup(true));
+
+    it('should correctly initialise', () => {
+      page.expectDiffQueryToBeEmpty();
+      page.expectFullQueryToBeEmpty();
+      expect(page.addNewRowBtn.disabled).toBe(false);
+      expect(page.deleteSelectedRowBtn.disabled).toBe(true);
+      expect(page.getInputById('link').disabled).toBe(true);
+      expect(page.getInputById('event_type').disabled).toBe(true);
+      expect(page.getInputById('event_phase_mask').disabled).toBe(true);
+      expect(page.getInputById('event_chance').disabled).toBe(true);
+      expect(page.getInputById('event_flags').disabled).toBe(true);
+      expect(page.getInputById('event_param1').disabled).toBe(true);
+      expect(page.getInputById('event_param2').disabled).toBe(true);
+      expect(page.getInputById('event_param3').disabled).toBe(true);
+      expect(page.getInputById('event_param4').disabled).toBe(true);
+      expect(page.getInputById('event_param5').disabled).toBe(true);
+      expect(page.getInputById('action_type').disabled).toBe(true);
+      expect(page.getInputById('action_param1').disabled).toBe(true);
+      expect(page.getInputById('action_param2').disabled).toBe(true);
+      expect(page.getInputById('action_param3').disabled).toBe(true);
+      expect(page.getInputById('action_param4').disabled).toBe(true);
+      expect(page.getInputById('action_param5').disabled).toBe(true);
+      expect(page.getInputById('action_param6').disabled).toBe(true);
+      expect(page.getInputById('target_type').disabled).toBe(true);
+      expect(page.getInputById('target_param1').disabled).toBe(true);
+      expect(page.getInputById('target_param2').disabled).toBe(true);
+      expect(page.getInputById('target_param3').disabled).toBe(true);
+      expect(page.getInputById('target_param4').disabled).toBe(true);
+      expect(page.getInputById('target_x').disabled).toBe(true);
+      expect(page.getInputById('target_y').disabled).toBe(true);
+      expect(page.getInputById('target_z').disabled).toBe(true);
+      expect(page.getInputById('target_o').disabled).toBe(true);
+      expect(page.getInputById('comment').disabled).toBe(true);
+      expect(page.getEditorTableRowsCount()).toBe(0);
+    });
+
+    it('adding new rows and executing the query should correctly work', () => {
+      const expectedQuery = 'DELETE FROM `smart_scripts` WHERE (`entryorguid` = 1234) AND (`source_type` = 0) AND (`id` IN (0, 1, 2));\n' +
+        'INSERT INTO `smart_scripts` (`entryorguid`, `source_type`, `id`, `link`, `event_type`, `event_phase_mask`, `event_chance`, ' +
+        '`event_flags`, `event_param1`, `event_param2`, `event_param3`, `event_param4`, `event_param5`, ' +
+        '`action_type`, `action_param1`, `action_param2`, `action_param3`, `action_param4`, `action_param5`, `action_param6`, ' +
+        '`target_type`, `target_param1`, `target_param2`, `target_param3`, `target_param4`, ' +
+        '`target_x`, `target_y`, `target_z`, `target_o`, `comment`) VALUES\n' +
+        '(1234, 0, 0, 0, 0, 0, 100, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, \'\'),\n' +
+        '(1234, 0, 1, 0, 0, 0, 100, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, \'\'),\n' +
+        '(1234, 0, 2, 0, 0, 0, 100, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, \'\');';
+      querySpy.calls.reset();
+
+      page.addNewRow();
+      expect(page.getEditorTableRowsCount()).toBe(1);
+      page.addNewRow();
+      expect(page.getEditorTableRowsCount()).toBe(2);
+      page.addNewRow();
+      expect(page.getEditorTableRowsCount()).toBe(3);
+      page.clickExecuteQuery();
+
+      page.expectDiffQueryToContain(expectedQuery);
+      expect(querySpy).toHaveBeenCalledTimes(1);
+      expect(querySpy.calls.mostRecent().args[0]).toContain(expectedQuery);
+    });
+
+    it('adding a row and changing its values should correctly update the queries', () => {
+      page.addNewRow();
+      page.expectDiffQueryToContain(
+        'DELETE FROM `smart_scripts` WHERE (`entryorguid` = 1234) AND (`source_type` = 0) AND (`id` IN (0));\n' +
+        'INSERT INTO `smart_scripts` (`entryorguid`, `source_type`, `id`, `link`, `event_type`, `event_phase_mask`, ' +
+        '`event_chance`, `event_flags`, `event_param1`, `event_param2`, `event_param3`, `event_param4`, `event_param5`, ' +
+        '`action_type`, `action_param1`, `action_param2`, `action_param3`, `action_param4`, `action_param5`, `action_param6`, ' +
+        '`target_type`, `target_param1`, `target_param2`, `target_param3`, `target_param4`, ' +
+        '`target_x`, `target_y`, `target_z`, `target_o`, `comment`) VALUES\n' +
+        '(1234, 0, 0, 0, 0, 0, 100, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, \'\');'
+      );
+      page.expectFullQueryToContain(
+        'DELETE FROM `smart_scripts` WHERE (`source_type` = 0 AND `entryorguid` = 1234);\n' +
+        'INSERT INTO `smart_scripts` (`entryorguid`, `source_type`, `id`, `link`, `event_type`, `event_phase_mask`, ' +
+        '`event_chance`, `event_flags`, `event_param1`, `event_param2`, `event_param3`, `event_param4`, `event_param5`, ' +
+        '`action_type`, `action_param1`, `action_param2`, `action_param3`, `action_param4`, `action_param5`, `action_param6`, ' +
+        '`target_type`, `target_param1`, `target_param2`, `target_param3`, `target_param4`, ' +
+        '`target_x`, `target_y`, `target_z`, `target_o`, `comment`) VALUES\n' +
+        '(1234, 0, 0, 0, 0, 0, 100, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, \'\');'
+      );
+
+      page.setInputValueById('event_chance', 1);
+      page.expectDiffQueryToContain(
+        'DELETE FROM `smart_scripts` WHERE (`entryorguid` = 1234) AND (`source_type` = 0) AND (`id` IN (0));\n' +
+        'INSERT INTO `smart_scripts` (`entryorguid`, `source_type`, `id`, `link`, `event_type`, `event_phase_mask`, `event_chance`, ' +
+        '`event_flags`, `event_param1`, `event_param2`, `event_param3`, `event_param4`, `event_param5`, ' +
+        '`action_type`, `action_param1`, `action_param2`, `action_param3`, `action_param4`, `action_param5`, `action_param6`, ' +
+        '`target_type`, `target_param1`, `target_param2`, `target_param3`, `target_param4`, ' +
+        '`target_x`, `target_y`, `target_z`, `target_o`, `comment`) VALUES\n' +
+        '(1234, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, \'\');\n'
+      );
+      page.expectFullQueryToContain(
+        'DELETE FROM `smart_scripts` WHERE (`source_type` = 0 AND `entryorguid` = 1234);\n' +
+        'INSERT INTO `smart_scripts` (`entryorguid`, `source_type`, `id`, `link`, `event_type`, `event_phase_mask`, `event_chance`, ' +
+        '`event_flags`, `event_param1`, `event_param2`, `event_param3`, `event_param4`, `event_param5`, ' +
+        '`action_type`, `action_param1`, `action_param2`, `action_param3`, `action_param4`, `action_param5`, `action_param6`, ' +
+        '`target_type`, `target_param1`, `target_param2`, `target_param3`, `target_param4`, ' +
+        '`target_x`, `target_y`, `target_z`, `target_o`, `comment`) VALUES\n' +
+        '(1234, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, \'\');\n'
+      );
+
+      page.setInputValueById('event_param1', '2');
+      page.expectDiffQueryToContain(
+        'DELETE FROM `smart_scripts` WHERE (`entryorguid` = 1234) AND (`source_type` = 0) AND (`id` IN (0));\n' +
+        'INSERT INTO `smart_scripts` (`entryorguid`, `source_type`, `id`, `link`, `event_type`, `event_phase_mask`, `event_chance`, ' +
+        '`event_flags`, `event_param1`, `event_param2`, `event_param3`, `event_param4`, `event_param5`, ' +
+        '`action_type`, `action_param1`, `action_param2`, `action_param3`, `action_param4`, `action_param5`, `action_param6`, ' +
+        '`target_type`, `target_param1`, `target_param2`, `target_param3`, `target_param4`, ' +
+        '`target_x`, `target_y`, `target_z`, `target_o`, `comment`) VALUES\n' +
+        '(1234, 0, 0, 0, 0, 0, 1, 0, 2, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, \'\');\n'
+      );
+      page.expectFullQueryToContain(
+        'DELETE FROM `smart_scripts` WHERE (`source_type` = 0 AND `entryorguid` = 1234);\n' +
+        'INSERT INTO `smart_scripts` (`entryorguid`, `source_type`, `id`, `link`, `event_type`, `event_phase_mask`, `event_chance`, ' +
+        '`event_flags`, `event_param1`, `event_param2`, `event_param3`, `event_param4`, `event_param5`, ' +
+        '`action_type`, `action_param1`, `action_param2`, `action_param3`, `action_param4`, `action_param5`, `action_param6`, ' +
+        '`target_type`, `target_param1`, `target_param2`, `target_param3`, `target_param4`, ' +
+        '`target_x`, `target_y`, `target_z`, `target_o`, `comment`) VALUES\n' +
+        '(1234, 0, 0, 0, 0, 0, 1, 0, 2, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, \'\');\n'
+      );
+
+      page.setInputValueById('action_param2', '123');
+      page.expectDiffQueryToContain(
+        'DELETE FROM `smart_scripts` WHERE (`entryorguid` = 1234) AND (`source_type` = 0) AND (`id` IN (0));\n' +
+        'INSERT INTO `smart_scripts` (`entryorguid`, `source_type`, `id`, `link`, `event_type`, `event_phase_mask`, `event_chance`, ' +
+        '`event_flags`, `event_param1`, `event_param2`, `event_param3`, `event_param4`, `event_param5`, ' +
+        '`action_type`, `action_param1`, `action_param2`, `action_param3`, `action_param4`, `action_param5`, `action_param6`, ' +
+        '`target_type`, `target_param1`, `target_param2`, `target_param3`, `target_param4`, ' +
+        '`target_x`, `target_y`, `target_z`, `target_o`, `comment`) VALUES\n' +
+        '(1234, 0, 0, 0, 0, 0, 1, 0, 2, 0, 0, 0, 0, 0, 0, 123, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, \'\');\n'
+      );
+      page.expectFullQueryToContain(
+        'DELETE FROM `smart_scripts` WHERE (`source_type` = 0 AND `entryorguid` = 1234);\n' +
+        'INSERT INTO `smart_scripts` (`entryorguid`, `source_type`, `id`, `link`, `event_type`, `event_phase_mask`, `event_chance`, ' +
+        '`event_flags`, `event_param1`, `event_param2`, `event_param3`, `event_param4`, `event_param5`, ' +
+        '`action_type`, `action_param1`, `action_param2`, `action_param3`, `action_param4`, `action_param5`, `action_param6`, ' +
+        '`target_type`, `target_param1`, `target_param2`, `target_param3`, `target_param4`, ' +
+        '`target_x`, `target_y`, `target_z`, `target_o`, `comment`) VALUES\n' +
+        '(1234, 0, 0, 0, 0, 0, 1, 0, 2, 0, 0, 0, 0, 0, 0, 123, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, \'\');\n'
+      );
+    });
+  });
+
+  describe('Editing existing', () => {
+    beforeEach(() => setup(false));
+
+    it('should correctly initialise', () => {
+      page.expectDiffQueryToBeShown();
+      page.expectDiffQueryToBeEmpty();
+      page.expectFullQueryToContain('DELETE FROM `smart_scripts` WHERE (`source_type` = 0 AND `entryorguid` = 1234);\n' +
+        'INSERT INTO `smart_scripts` (`entryorguid`, `source_type`, `id`, `link`, `event_type`, `event_phase_mask`, `event_chance`, ' +
+        '`event_flags`, `event_param1`, `event_param2`, `event_param3`, `event_param4`, `event_param5`, ' +
+        '`action_type`, `action_param1`, `action_param2`, `action_param3`, `action_param4`, `action_param5`, `action_param6`, ' +
+        '`target_type`, `target_param1`, `target_param2`, `target_param3`, `target_param4`, ' +
+        '`target_x`, `target_y`, `target_z`, `target_o`, `comment`) VALUES\n' +
+        '(1234, 0, 0, 0, 0, 0, 100, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, \'\'),\n' +
+        '(1234, 0, 1, 0, 0, 0, 100, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, \'\'),\n' +
+        '(1234, 0, 2, 0, 0, 0, 100, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, \'\');\n');
+      expect(page.getEditorTableRowsCount()).toBe(3);
+    });
+
+    it('deleting rows should correctly work', () => {
+      page.deleteRow(1);
+      expect(page.getEditorTableRowsCount()).toBe(2);
+      page.expectDiffQueryToContain(
+        'DELETE FROM `smart_scripts` WHERE (`entryorguid` = 1234) AND (`source_type` = 0) AND (`id` IN (1));'
+      );
+      page.expectFullQueryToContain(
+        'DELETE FROM `smart_scripts` WHERE (`source_type` = 0 AND `entryorguid` = 1234);\n' +
+        'INSERT INTO `smart_scripts` (`entryorguid`, `source_type`, `id`, `link`, `event_type`, `event_phase_mask`, `event_chance`, ' +
+        '`event_flags`, `event_param1`, `event_param2`, `event_param3`, `event_param4`, `event_param5`, ' +
+        '`action_type`, `action_param1`, `action_param2`, `action_param3`, `action_param4`, `action_param5`, `action_param6`, ' +
+        '`target_type`, `target_param1`, `target_param2`, `target_param3`, `target_param4`, ' +
+        '`target_x`, `target_y`, `target_z`, `target_o`, `comment`) VALUES\n' +
+        '(1234, 0, 0, 0, 0, 0, 100, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, \'\'),\n' +
+        '(1234, 0, 2, 0, 0, 0, 100, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, \'\');\n'
+      );
+
+      page.deleteRow(1);
+      expect(page.getEditorTableRowsCount()).toBe(1);
+      page.expectDiffQueryToContain(
+        'DELETE FROM `smart_scripts` WHERE (`entryorguid` = 1234) AND (`source_type` = 0) AND (`id` IN (1, 2));'
+      );
+      page.expectFullQueryToContain(
+        'DELETE FROM `smart_scripts` WHERE (`source_type` = 0 AND `entryorguid` = 1234);\n' +
+        'INSERT INTO `smart_scripts` (`entryorguid`, `source_type`, `id`, `link`, `event_type`, `event_phase_mask`, `event_chance`, ' +
+        '`event_flags`, `event_param1`, `event_param2`, `event_param3`, `event_param4`, `event_param5`, ' +
+        '`action_type`, `action_param1`, `action_param2`, `action_param3`, `action_param4`, `action_param5`, `action_param6`, ' +
+        '`target_type`, `target_param1`, `target_param2`, `target_param3`, `target_param4`, ' +
+        '`target_x`, `target_y`, `target_z`, `target_o`, `comment`) VALUES\n' +
+        '(1234, 0, 0, 0, 0, 0, 100, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, \'\');\n'
+      );
+
+      page.deleteRow(0);
+      expect(page.getEditorTableRowsCount()).toBe(0);
+      page.expectDiffQueryToContain(
+        'DELETE FROM `smart_scripts` WHERE (`entryorguid` = 1234) AND (`source_type` = 0)'
+      );
+      page.expectFullQueryToBeEmpty();
+    });
+
+    it('editing existing rows should correctly work', () => {
+      page.clickRowOfDatatable(1);
+      page.setInputValueById('target_param1', 1);
+
+      page.clickRowOfDatatable(2);
+      page.setInputValueById('target_x', 2);
+
+      page.expectDiffQueryToContain(
+        'DELETE FROM `smart_scripts` WHERE (`entryorguid` = 1234) AND (`source_type` = 0) AND (`id` IN (1, 2));\n' +
+        'INSERT INTO `smart_scripts` (`entryorguid`, `source_type`, `id`, `link`, `event_type`, `event_phase_mask`, `event_chance`, ' +
+        '`event_flags`, `event_param1`, `event_param2`, `event_param3`, `event_param4`, `event_param5`, ' +
+        '`action_type`, `action_param1`, `action_param2`, `action_param3`, `action_param4`, `action_param5`, `action_param6`, ' +
+        '`target_type`, `target_param1`, `target_param2`, `target_param3`, `target_param4`, ' +
+        '`target_x`, `target_y`, `target_z`, `target_o`, `comment`) VALUES\n' +
+        '(1234, 0, 1, 0, 0, 0, 100, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 0, 0, 0, \'\'),\n' +
+        '(1234, 0, 2, 0, 0, 0, 100, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 2, 0, 0, 0, \'\');\n'
+      );
+      page.expectFullQueryToContain(
+        'DELETE FROM `smart_scripts` WHERE (`source_type` = 0 AND `entryorguid` = 1234);\n' +
+        'INSERT INTO `smart_scripts` (`entryorguid`, `source_type`, `id`, `link`, `event_type`, `event_phase_mask`, `event_chance`, ' +
+        '`event_flags`, `event_param1`, `event_param2`, `event_param3`, `event_param4`, `event_param5`, ' +
+        '`action_type`, `action_param1`, `action_param2`, `action_param3`, `action_param4`, `action_param5`, `action_param6`, ' +
+        '`target_type`, `target_param1`, `target_param2`, `target_param3`, `target_param4`, ' +
+        '`target_x`, `target_y`, `target_z`, `target_o`, `comment`) VALUES\n' +
+        '(1234, 0, 0, 0, 0, 0, 100, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, \'\'),\n' +
+        '(1234, 0, 1, 0, 0, 0, 100, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 1, 0, 0, 0, 0, 0, 0, 0, \'\'),\n' +
+        '(1234, 0, 2, 0, 0, 0, 100, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 2, 0, 0, 0, \'\');\n'
+      );
+    });
+
+    it('combining add, edit and delete should correctly work', () => {
+      page.addNewRow();
+      expect(page.getEditorTableRowsCount()).toBe(4);
+
+      page.clickRowOfDatatable(1);
+      page.setInputValueById('event_param2', 10);
+      expect(page.getEditorTableRowsCount()).toBe(4);
+
+      page.deleteRow(2);
+      expect(page.getEditorTableRowsCount()).toBe(3);
+
+      page.expectDiffQueryToContain(
+        'DELETE FROM `smart_scripts` WHERE (`entryorguid` = 1234) AND (`source_type` = 0) AND (`id` IN (1, 2, 3));\n' +
+        'INSERT INTO `smart_scripts` (`entryorguid`, `source_type`, `id`, `link`, `event_type`, `event_phase_mask`, `event_chance`, ' +
+        '`event_flags`, `event_param1`, `event_param2`, `event_param3`, `event_param4`, `event_param5`, ' +
+        '`action_type`, `action_param1`, `action_param2`, `action_param3`, `action_param4`, `action_param5`, `action_param6`, ' +
+        '`target_type`, `target_param1`, `target_param2`, `target_param3`, `target_param4`, ' +
+        '`target_x`, `target_y`, `target_z`, `target_o`, `comment`) VALUES\n' +
+        '(1234, 0, 1, 0, 0, 0, 100, 0, 0, 10, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, \'\'),\n' +
+        '(1234, 0, 3, 0, 0, 0, 100, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, \'\');\n'
+      );
+      page.expectFullQueryToContain(
+        'DELETE FROM `smart_scripts` WHERE (`source_type` = 0 AND `entryorguid` = 1234);\n' +
+        'INSERT INTO `smart_scripts` (`entryorguid`, `source_type`, `id`, `link`, `event_type`, `event_phase_mask`, `event_chance`, ' +
+        '`event_flags`, `event_param1`, `event_param2`, `event_param3`, `event_param4`, `event_param5`, ' +
+        '`action_type`, `action_param1`, `action_param2`, `action_param3`, `action_param4`, `action_param5`, `action_param6`, ' +
+        '`target_type`, `target_param1`, `target_param2`, `target_param3`, `target_param4`, ' +
+        '`target_x`, `target_y`, `target_z`, `target_o`, `comment`) VALUES\n' +
+        '(1234, 0, 0, 0, 0, 0, 100, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, \'\'),\n' +
+        '(1234, 0, 1, 0, 0, 0, 100, 0, 0, 10, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, \'\'),\n' +
+        '(1234, 0, 3, 0, 0, 0, 100, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, \'\');\n');
+    });
+
+    it('changing a value via FlagsSelector should correctly work', () => {
+      const field = 'event_flags';
+      page.clickRowOfDatatable(0);
+      page.clickElement(page.getSelectorBtn(field));
+      page.expectModalDisplayed();
+
+      page.toggleFlagInRow(1); // +2^1
+      page.toggleFlagInRow(3); // +2^3
+      page.clickModalSelect();
+
+      expect(page.getInputById(field).value).toEqual('10');
+      page.expectDiffQueryToContain(
+        'DELETE FROM `smart_scripts` WHERE (`entryorguid` = 1234) AND (`source_type` = 0) AND (`id` IN (0));\n' +
+        'INSERT INTO `smart_scripts` (`entryorguid`, `source_type`, `id`, `link`, `event_type`, `event_phase_mask`, `event_chance`, ' +
+        '`event_flags`, `event_param1`, `event_param2`, `event_param3`, `event_param4`, `event_param5`, ' +
+        '`action_type`, `action_param1`, `action_param2`, `action_param3`, `action_param4`, `action_param5`, `action_param6`, ' +
+        '`target_type`, `target_param1`, `target_param2`, `target_param3`, `target_param4`, ' +
+        '`target_x`, `target_y`, `target_z`, `target_o`, `comment`) VALUES\n' +
+        '(1234, 0, 0, 0, 0, 0, 100, 10, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, \'\');'
+      );
+
+      page.expectFullQueryToContain(
+        'DELETE FROM `smart_scripts` WHERE (`source_type` = 0 AND `entryorguid` = 1234);\n' +
+        'INSERT INTO `smart_scripts` (`entryorguid`, `source_type`, `id`, `link`, `event_type`, `event_phase_mask`, `event_chance`, ' +
+        '`event_flags`, `event_param1`, `event_param2`, `event_param3`, `event_param4`, `event_param5`, ' +
+        '`action_type`, `action_param1`, `action_param2`, `action_param3`, `action_param4`, `action_param5`, `action_param6`, ' +
+        '`target_type`, `target_param1`, `target_param2`, `target_param3`, `target_param4`, ' +
+        '`target_x`, `target_y`, `target_z`, `target_o`, `comment`) VALUES\n' +
+        '(1234, 0, 0, 0, 0, 0, 100, 10, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, \'\'),\n' +
+        '(1234, 0, 1, 0, 0, 0, 100, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, \'\'),\n' +
+        '(1234, 0, 2, 0, 0, 0, 100, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, \'\');\n'
+      );
+    });
+
+  });
+
+  describe('Template query', () => {
+    beforeEach(() => setup(false, true));
+
+    it('should correctly initialise', () => {
+      page.expectDiffQueryToBeShown();
+      page.expectDiffQueryToBeEmpty();
+      page.expectFullQueryToContain(
+        '-- Mock template query\n\n' +
+        'DELETE FROM `smart_scripts` WHERE (`source_type` = 0 AND `entryorguid` = 1234);\n' +
+        'INSERT INTO `smart_scripts` (`entryorguid`, `source_type`, `id`, `link`, `event_type`, `event_phase_mask`, `event_chance`, ' +
+        '`event_flags`, `event_param1`, `event_param2`, `event_param3`, `event_param4`, `event_param5`, ' +
+        '`action_type`, `action_param1`, `action_param2`, `action_param3`, `action_param4`, `action_param5`, `action_param6`, ' +
+        '`target_type`, `target_param1`, `target_param2`, `target_param3`, `target_param4`, ' +
+        '`target_x`, `target_y`, `target_z`, `target_o`, `comment`) VALUES\n' +
+        '(1234, 0, 0, 0, 0, 0, 100, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, \'\'),\n' +
+        '(1234, 0, 1, 0, 0, 0, 100, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, \'\'),\n' +
+        '(1234, 0, 2, 0, 0, 0, 100, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, 0, \'\');\n');
+      expect(page.getEditorTableRowsCount()).toBe(3);
+    });
+  });
+
+  describe('Dynamic param names', () => {
+    beforeEach(() => {
+      setup(true);
+      page.addNewRow();
+    });
+
+    it('event param names should correctly work', () => {
+      page.setSelectValueById('event_type', 1);
+
+      expect(page.event1Name.innerText).toContain('InitialMin');
+      expect(page.event2Name.innerText).toContain('InitialMax');
+      expect(page.event3Name.innerText).toContain('RepeatMin');
+      expect(page.event4Name.innerText).toContain('RepeatMax');
+      expect(page.event5Name.innerText).toContain('param5');
+
+      page.setSelectValueById('event_type', 10);
+
+      expect(page.event1Name.innerText).toContain('NoHostile');
+      expect(page.event2Name.innerText).toContain('MaxRange');
+      expect(page.event3Name.innerText).toContain('CooldownMin');
+      expect(page.event4Name.innerText).toContain('CooldownMax');
+      expect(page.event5Name.innerText).toContain('PlayerOnly');
+    });
+
+    it('action param names should correctly work', () => {
+      page.setSelectValueById('action_type', 1);
+
+      expect(page.action1Name.innerText).toContain('GroupId');
+      expect(page.action2Name.innerText).toContain('Duration');
+      expect(page.action3Name.innerText).toContain('Target');
+      expect(page.action4Name.innerText).toContain('param4');
+      expect(page.action5Name.innerText).toContain('param5');
+      expect(page.action6Name.innerText).toContain('param6');
+
+      page.setSelectValueById('action_type', 10);
+
+      expect(page.action1Name.innerText).toContain('EmoteId1');
+      expect(page.action2Name.innerText).toContain('EmoteId2');
+      expect(page.action3Name.innerText).toContain('EmoteId3');
+      expect(page.action4Name.innerText).toContain('EmoteId4');
+      expect(page.action5Name.innerText).toContain('EmoteId5');
+      expect(page.action6Name.innerText).toContain('EmoteId6');
+    });
+
+    it('target param names should correctly work', () => {
+      page.setSelectValueById('target_type', 1);
+
+      expect(page.target1Name.innerText).toContain('param1');
+      expect(page.target2Name.innerText).toContain('param2');
+      expect(page.target3Name.innerText).toContain('param3');
+      expect(page.target4Name.innerText).toContain('param4');
+
+      page.setSelectValueById('target_type', 9);
+
+      expect(page.target1Name.innerText).toContain('CreatureId');
+      expect(page.target2Name.innerText).toContain('MinDistance');
+      expect(page.target3Name.innerText).toContain('MaxDistance');
+      expect(page.target4Name.innerText).toContain('AliveState');
+    });
+  });
+});
diff --git a/src/app/test-utils/editor-page-object.ts b/src/app/test-utils/editor-page-object.ts
index 23fee0fd0d6..5c37a0859b2 100644
--- a/src/app/test-utils/editor-page-object.ts
+++ b/src/app/test-utils/editor-page-object.ts
@@ -46,6 +46,10 @@ export abstract class EditorPageObject<T> extends PageObject<T> {
     this.setInputValue(this.getInputById(inputId), value);
   }
 
+  setSelectValueById(inputId: string, value: number) {
+    this.setInputValueById(inputId, `${value}: ${value}`);
+  }
+
   getSelectorBtn(name: string, assert = true) {
     return this.query<HTMLButtonElement>(`#${name}-selector-btn`, assert);
   }