DashboardLayoutOrchestrator: Refine drag drop logic (#106079)

e2e/dashboard-new-layouts/dashboards-move-panel.spec.ts

@@ -30,4 +30,30 @@ describe('Dashboard', () => {
           .should('be.higherThan', panel3);
       });
   });
+
+  // Note, moving a panel from a nested row to a parent row currently just deletes the panel
+  // This test will need to be updated once the correct behavior is implemented.
+  it('can move panel from nested row to parent row', () => {
+    e2e.flows.openDashboard({ uid: `${PAGE_UNDER_TEST}?orgId=1` });
+
+    e2e.flows.scenes.toggleEditMode();
+
+    e2e.flows.scenes.groupIntoRow();
+    e2e.flows.scenes.groupIntoRow();
+
+    cy.get('[data-testid="data-testid dashboard-row-title-New row"]')
+      .first()
+      .then((el) => {
+        const rect = el.offset();
+        e2e.components.Panels.Panel.headerContainer()
+          .contains(/^Panel one$/)
+          .trigger('pointerdown', { which: 1 })
+          .trigger('pointermove', { clientX: rect.left, clientY: rect.top })
+          .trigger('pointerup');
+      });
+
+    e2e.components.Panels.Panel.headerContainer()
+      .contains(/^Panel one$/)
+      .should('not.exist');
+  });
 });