fixes drag and drop in tests (#51806) (#51813)

Author: MadameSheema

x-pack/legacy/plugins/siem/cypress/integration/lib/drag_n_drop/helpers.ts

@@ -23,19 +23,23 @@ export const drag = (subject: JQuery<HTMLElement>) => {
       clientY: subjectLocation.top,
       force: true,
     })
+    .wait(1)
     .trigger('mousemove', {
       button: primaryButton,
       clientX: subjectLocation.left + dndSloppyClickDetectionThreshold,
       clientY: subjectLocation.top,
       force: true,
-    });
+    })
+    .wait(1);
 };
 
 /** "Drops" the subject being dragged on the specified drop target  */
 export const drop = (dropTarget: JQuery<HTMLElement>) => {
   cy.wrap(dropTarget)
-    .trigger('mousemove', { button: primaryButton })
-    .trigger('mouseup');
+    .trigger('mousemove', { button: primaryButton, force: true })
+    .wait(1)
+    .trigger('mouseup', { force: true })
+    .wait(1);
 };
 
 /** Drags the subject being dragged on the specified drop target, but does not drop it  */

x-pack/legacy/plugins/siem/cypress/integration/smoke_tests/fields_browser/fields_browser.spec.ts

@@ -196,7 +196,7 @@ describe('Fields Browser', () => {
     );
   });
 
-  it.skip('adds a field to the timeline when the user drags and drops a field', () => {
+  it('adds a field to the timeline when the user drags and drops a field', () => {
     const filterInput = 'host.geo.c';
     const toggleField = 'host.geo.city_name';
 

x-pack/legacy/plugins/siem/cypress/integration/smoke_tests/timeline/toggle_column.spec.ts

@@ -73,7 +73,7 @@ describe('toggle column in timeline', () => {
     cy.get(`[data-test-subj="timeline"] [data-test-subj="header-text-${idField}"]`).should('exist');
   });
 
-  it.skip('adds the _id field to the timeline via drag and drop', () => {
+  it('adds the _id field to the timeline via drag and drop', () => {
     populateTimeline();
 
     toggleFirstTimelineEventDetails();