refactor(tests): rename e2e to tests

Signed-off-by: braks <78412429+bcakmakoglu@users.noreply.github.com>

tests/cypress/component/1-store/nodes/addNodes.cy.ts

@@ -0,0 +1,28 @@
+import { useVueFlow } from '@vue-flow/core'
+import { getElements } from '../../../utils'
+
+const { nodes } = getElements()
+
+const initialNodes = [{ id: '1e3', position: { x: 0, y: 0 }, label: 'Node 1e3' }]
+
+describe('Store Action: `addNodes`', () => {
+  const store = useVueFlow({ id: 'test' })
+
+  beforeEach(() => {
+    cy.vueFlow({
+      nodes: initialNodes,
+    })
+  })
+
+  beforeEach(() => {
+    store.addNodes(nodes)
+  })
+
+  it('adds nodes to store', () => {
+    expect(store.nodes.value).to.have.length(nodes.length + initialNodes.length)
+  })
+
+  it('adds nodes to viewpane', () => {
+    cy.get('.vue-flow__node').should('have.length', nodes.length + initialNodes.length)
+  })
+})

tests/cypress/component/1-store/nodes/addSelectedNodes.cy.ts

@@ -0,0 +1,48 @@
+import { isNode, useVueFlow } from '@vue-flow/core'
+import { getElements } from '../../../utils'
+
+const { nodes, edges } = getElements()
+
+describe('Store Action: `addSelectedNodes`', () => {
+  const store = useVueFlow({ id: 'test' })
+  let randomNumber: number
+
+  beforeEach(() => {
+    cy.vueFlow({
+      nodes,
+      edges,
+    })
+  })
+
+  beforeEach(() => {
+    randomNumber = Math.floor(Math.random() * nodes.length)
+    store.addSelectedNodes(Array.from({ length: randomNumber }, (_, i) => store.nodes.value[i]))
+  })
+
+  it('adds selected nodes to store', () => {
+    expect(store.getSelectedNodes.value).to.have.length(randomNumber)
+  })
+
+  it('adds `selected` class to nodes', () => {
+    cy.get('.vue-flow__node').then((els) => {
+      els.each((index, node) => {
+        const nodeId = node.getAttribute('data-id')
+        const storedNode = store.findNode(nodeId!)
+
+        expect(storedNode && isNode(storedNode)).to.eq(true)
+
+        if (index < randomNumber) {
+          expect(!!storedNode?.selected).to.eq(true)
+          cy.tryAssertion(() => {
+            expect(node).to.have.class('selected')
+          })
+        } else {
+          expect(!!storedNode?.selected).to.eq(false)
+          cy.tryAssertion(() => {
+            expect(node).to.not.have.class('selected')
+          })
+        }
+      })
+    })
+  })
+})

tests/cypress/component/1-store/nodes/findNode.cy.ts

@@ -0,0 +1,29 @@
+import { useVueFlow } from '@vue-flow/core'
+import { getElements } from '../../../utils'
+
+const { nodes, edges } = getElements()
+
+describe('Store Action: `findNode`', () => {
+  const store = useVueFlow({ id: 'test' })
+  let randomIndex: number
+
+  beforeEach(() => {
+    cy.vueFlow({
+      nodes,
+      edges,
+    })
+  })
+
+  beforeEach(() => {
+    randomIndex = Math.floor(Math.random() * nodes.length)
+  })
+
+  it('finds node in store', () => {
+    const storedNode = store.findNode(nodes[randomIndex].id)
+    expect(storedNode?.id).to.equal(nodes[randomIndex].id)
+  })
+
+  it('does not find node in store when passed invalid id', () => {
+    expect(store.findNode('-123')).to.equal(undefined)
+  })
+})

tests/cypress/component/1-store/nodes/removeNodes.cy.ts

@@ -0,0 +1,32 @@
+import { useVueFlow } from '@vue-flow/core'
+import { getElements } from '../../../utils'
+
+const { nodes, edges } = getElements()
+
+describe('Store Action: `removeNodes`', () => {
+  const store = useVueFlow({ id: 'test' })
+  let randomNumber: number
+
+  beforeEach(() => {
+    cy.vueFlow({
+      nodes,
+      edges,
+    })
+  })
+
+  beforeEach(() => {
+    randomNumber = Math.floor(Math.random() * nodes.length)
+    store.removeNodes(Array.from({ length: randomNumber }, (_, i) => nodes[i].id))
+  })
+
+  it('removes nodes from store', () => {
+    expect(store.nodes.value).to.have.length(nodes.length - randomNumber)
+  })
+
+  it('removes nodes from viewpane', () => {
+    cy.get('.vue-flow__node').should('have.length', nodes.length - randomNumber)
+    cy.get('.vue-flow__node').each(($el, index) => {
+      expect($el).to.have.attr('data-id', nodes[index + randomNumber].id)
+    })
+  })
+})

tests/cypress/component/1-store/nodes/removeSelectedNodes.cy.ts

@@ -0,0 +1,51 @@
+import { isNode, useVueFlow } from '@vue-flow/core'
+import { getElements } from '../../../utils'
+
+const { nodes, edges } = getElements()
+
+describe('Store Action: `removeSelectedNodes`', () => {
+  const store = useVueFlow({ id: 'test' })
+  let randomNumber: number
+  let randomNumber2: number
+
+  beforeEach(() => {
+    cy.vueFlow({
+      nodes,
+      edges,
+    })
+  })
+
+  beforeEach(() => {
+    randomNumber = Math.floor(Math.random() * nodes.length)
+    randomNumber2 = Math.floor(Math.random() * randomNumber)
+    store.addSelectedNodes(Array.from({ length: randomNumber }, (_, i) => store.nodes.value[i]))
+    store.removeSelectedNodes(Array.from({ length: randomNumber2 }, (_, i) => store.nodes.value[i]))
+  })
+
+  it('removes selected nodes from store', () => {
+    expect(store.getSelectedNodes.value).to.have.length(randomNumber - randomNumber2)
+  })
+
+  it('removes `selected` class from nodes', () => {
+    cy.get('.vue-flow__node').then((els) => {
+      els.each((index, node) => {
+        const nodeId = node.getAttribute('data-id')
+        const storedNode = store.findNode(nodeId!)
+
+        expect(storedNode && isNode(storedNode)).to.eq(true)
+
+        if (index >= randomNumber2 && index < randomNumber) {
+          expect(!!storedNode?.selected).to.eq(true)
+          cy.tryAssertion(() => {
+            expect(node).to.have.class('selected')
+          })
+        } else {
+          expect(!!storedNode?.selected).to.eq(false)
+          cy.tryAssertion(() => {
+            expect(node).to.not.have.class('selected')
+          })
+        }
+      })
+    })
+  })
+})