title: How to drag and drop in Cypress.io
body: <p>I am testing Trello and trying to drag the last list and then drop it into a penultimate column, but the test is not working without ".wait". It would be really helpful if someone could advise about the potential issue here because I prefer to avoid using ".wait". There are no errors throwing, but still, the drag and drop is not happening without ".wait".</p>
  
  <pre class="lang-py prettyprint-override"><code>describe("Moving list", () =&gt; {
    it("Waiting For Accept list should be moved from last column to the penultimate column", () =&gt; {
      cy.get("#board")
        .children(".js-list")
        .should("have.length", 4)
        .and("be.visible");
  
      cy.get(":nth-child(4) &gt; .list")
        .should("be.visible")
        .and("contain", "Waiting For Accept")
  
      cy.get(":nth-child(4) &gt; .list").trigger("mousedown", {
        which: 1
      });
  
      cy.get("#board &gt; div:nth-child(2) &gt; .list")
        .trigger("mousemove");
  
      cy.get("#board &gt; div:nth-child(3) &gt; .list")
        .trigger("mousemove")
        .trigger("mouseup");
  
      cy.get(":nth-child(3) &gt; .list")
        .should("contain", "Waiting For Accept");
    });
  });
  </code></pre>
  
  <p><a href="https://i.stack.imgur.com/MFwrV.jpg" rel="nofollow noreferrer">See image</a></p>
  
  <p><a href="https://i.stack.imgur.com/7c3ha.png" rel="nofollow noreferrer">See image</a></p>