From ca29a08d52f2db4a139057582ad3c63c3aafcb9f Mon Sep 17 00:00:00 2001 From: braks <78412429+bcakmakoglu@users.noreply.github.com> Date: Sat, 8 Oct 2022 03:28:25 +0200 Subject: [PATCH] tests: check all nodes/edges for selected class --- .../1-store/edges/addSelectedEdges.cy.ts | 23 ++++++++++++++++--- .../1-store/edges/removeSelectedEdges.cy.ts | 23 ++++++++++++++++--- .../1-store/nodes/addSelectedNodes.cy.ts | 23 ++++++++++++++++--- .../1-store/nodes/removeSelectedNodes.cy.ts | 23 ++++++++++++++++--- 4 files changed, 80 insertions(+), 12 deletions(-) diff --git a/e2e/cypress/component/1-store/edges/addSelectedEdges.cy.ts b/e2e/cypress/component/1-store/edges/addSelectedEdges.cy.ts index b4f56373..463fa49e 100644 --- a/e2e/cypress/component/1-store/edges/addSelectedEdges.cy.ts +++ b/e2e/cypress/component/1-store/edges/addSelectedEdges.cy.ts @@ -1,4 +1,4 @@ -import { useVueFlow } from '@braks/vue-flow' +import { isEdge, useVueFlow } from '@braks/vue-flow' import { getElements } from '../../../utils' const { nodes, edges } = getElements() @@ -24,8 +24,25 @@ describe('Store Action: `addSelectedEdges`', () => { }) it('adds `selected` class to edges', () => { - cy.get('.vue-flow__edge').then((edges) => { - expect(edges[randomNumber - 1]).to.have.class('selected') + cy.get('.vue-flow__edge').then((els) => { + els.each((index, edge) => { + const edgeId = edge.getAttribute('data-id') + const storedEdge = store.findEdge(edgeId!) + + expect(storedEdge && isEdge(storedEdge)).to.eq(true) + + if (index < randomNumber) { + expect(!!storedEdge?.selected).to.eq(true) + cy.wait(1).then(() => { + expect(edge).to.have.class('selected') + }) + } else { + expect(!!storedEdge?.selected).to.eq(false) + cy.wait(1).then(() => { + expect(edge).to.not.have.class('selected') + }) + } + }) }) }) }) diff --git a/e2e/cypress/component/1-store/edges/removeSelectedEdges.cy.ts b/e2e/cypress/component/1-store/edges/removeSelectedEdges.cy.ts index c24e6837..79f25a60 100644 --- a/e2e/cypress/component/1-store/edges/removeSelectedEdges.cy.ts +++ b/e2e/cypress/component/1-store/edges/removeSelectedEdges.cy.ts @@ -1,4 +1,4 @@ -import { useVueFlow } from '@braks/vue-flow' +import { isEdge, useVueFlow } from '@braks/vue-flow' import { getElements } from '../../../utils' const { nodes, edges } = getElements() @@ -27,8 +27,25 @@ describe('Store Action: `removeSelectedEdges`', () => { }) it('removes `selected` class from edges', () => { - cy.get('.vue-flow__edge').then((edges) => { - expect(edges[randomNumber2 - 1]).to.not.have.class('selected') + cy.get('.vue-flow__edge').then((els) => { + els.each((index, edge) => { + const edgeId = edge.getAttribute('data-id') + const storedEdge = store.findEdge(edgeId!) + + expect(storedEdge && isEdge(storedEdge)).to.eq(true) + + if (index >= randomNumber2 && index < randomNumber) { + expect(!!storedEdge?.selected).to.eq(true) + cy.wait(1).then(() => { + expect(edge).to.have.class('selected') + }) + } else { + expect(!!storedEdge?.selected).to.eq(false) + cy.wait(1).then(() => { + expect(edge).to.not.have.class('selected') + }) + } + }) }) }) }) diff --git a/e2e/cypress/component/1-store/nodes/addSelectedNodes.cy.ts b/e2e/cypress/component/1-store/nodes/addSelectedNodes.cy.ts index 66d0580a..f276bcb3 100644 --- a/e2e/cypress/component/1-store/nodes/addSelectedNodes.cy.ts +++ b/e2e/cypress/component/1-store/nodes/addSelectedNodes.cy.ts @@ -1,4 +1,4 @@ -import { useVueFlow } from '@braks/vue-flow' +import { isEdge, isNode, useVueFlow } from '@braks/vue-flow' import { getElements } from '../../../utils' const { nodes, edges } = getElements() @@ -24,8 +24,25 @@ describe('Store Action: `addSelectedNodes`', () => { }) it('adds `selected` class to nodes', () => { - cy.get('.vue-flow__node').then((nodes) => { - expect(nodes[randomNumber - 1]).to.have.class('selected') + 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.wait(1).then(() => { + expect(node).to.have.class('selected') + }) + } else { + expect(!!storedNode?.selected).to.eq(false) + cy.wait(1).then(() => { + expect(node).to.not.have.class('selected') + }) + } + }) }) }) }) diff --git a/e2e/cypress/component/1-store/nodes/removeSelectedNodes.cy.ts b/e2e/cypress/component/1-store/nodes/removeSelectedNodes.cy.ts index 9677068a..e8da06aa 100644 --- a/e2e/cypress/component/1-store/nodes/removeSelectedNodes.cy.ts +++ b/e2e/cypress/component/1-store/nodes/removeSelectedNodes.cy.ts @@ -1,4 +1,4 @@ -import { useVueFlow } from '@braks/vue-flow' +import { isNode, useVueFlow } from '@braks/vue-flow' import { getElements } from '../../../utils' const { nodes, edges } = getElements() @@ -27,8 +27,25 @@ describe('Store Action: `removeSelectedNodes`', () => { }) it('removes `selected` class from nodes', () => { - cy.get('.vue-flow__node').then((nodes) => { - expect(nodes[randomNumber2 - 1]).to.not.have.class('selected') + 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.wait(1).then(() => { + expect(node).to.have.class('selected') + }) + } else { + expect(!!storedNode?.selected).to.eq(false) + cy.wait(1).then(() => { + expect(node).to.not.have.class('selected') + }) + } + }) }) }) })