diff --git a/e2e/cypress/component/2-flow/basic.cy.ts b/e2e/cypress/component/2-flow/basic.cy.ts
index 934eeafa..b9e42362 100644
--- a/e2e/cypress/component/2-flow/basic.cy.ts
+++ b/e2e/cypress/component/2-flow/basic.cy.ts
@@ -2,7 +2,7 @@ import { getElements } from '../../utils'
 
 const { nodes, edges } = getElements()
 
-describe('render Vue Flow', () => {
+describe('Render Basic Example', () => {
   beforeEach(() => {
     cy.vueFlow({
       modelValue: [...nodes, ...edges],
diff --git a/e2e/cypress/component/2-flow/drag.cy.ts b/e2e/cypress/component/2-flow/drag.cy.ts
new file mode 100644
index 00000000..a1ac5045
--- /dev/null
+++ b/e2e/cypress/component/2-flow/drag.cy.ts
@@ -0,0 +1,33 @@
+import { getElements } from '../../utils'
+
+const { nodes } = getElements(1, 1)
+
+describe('Check if nodes are draggable', () => {
+  beforeEach(() => {
+    cy.vueFlow({
+      modelValue: [nodes[0]],
+    })
+  })
+
+  it('drags nodes', () => {
+    cy.window().then((win) => {
+      cy.get(`[data-id="${nodes[0].id}"]`)
+        .trigger('mousedown', {
+          which: 1,
+          force: true,
+          view: win,
+        })
+        .trigger('mousemove', {
+          clientX: 100,
+          clientY: 100,
+          force: true,
+        })
+        .trigger('mouseup', {
+          force: true,
+          view: win,
+        })
+
+      cy.get(`[data-id="${nodes[0].id}"]`).should('have.css', 'transform', 'matrix(1, 0, 0, 1, 17, 74)')
+    })
+  })
+})