diff --git a/src/lib/graphHelper.js b/src/lib/graphHelper.js
index cf1c896..e8cc69b 100644
--- a/src/lib/graphHelper.js
+++ b/src/lib/graphHelper.js
@@ -127,7 +127,7 @@ export function updateEdges(graph, attributeUpdates) {
   })
 }
 
-export function reduceNodes(node, data, interactionState, settings) {
+export function reduceNodes(nodeId, nodeData, interactionState, settings) {
   const {
     selectedNodeId,
     hoveredNodeId,
@@ -139,24 +139,27 @@ export function reduceNodes(node, data, interactionState, settings) {
     hoveredEdgeExtremities
   } = interactionState
 
-  const res = { ...data }
+  const res = { ...nodeData }
 
   if (selectedNodeId || hoveredNodeId || hoveredEdgeId || selectedEdgeId) {
     res.zIndex = 2
-    res.highlighted = node === selectedNodeId || node === hoveredNodeId
+    res.highlighted = nodeId === selectedNodeId || nodeId === hoveredNodeId
 
     const isInHoveredFamily =
-      node === hoveredNodeId ||
-      neighborsOfHoveredNode?.has(node) ||
-      hoveredEdgeExtremities.includes(node)
+      nodeId === hoveredNodeId ||
+      neighborsOfHoveredNode?.has(nodeId) ||
+      hoveredEdgeExtremities.includes(nodeId)
     const isInSelectedFamily =
-      node === selectedNodeId ||
-      neighborsOfSelectedNode?.has(node) ||
-      selectedEdgeExtremities.includes(node)
+      nodeId === selectedNodeId ||
+      neighborsOfSelectedNode?.has(nodeId) ||
+      selectedEdgeExtremities.includes(nodeId)
     if (isInSelectedFamily || isInHoveredFamily) {
       res.forceLabel = true
     } else {
-      res.color = getDiminishedColor(data.color, settings.style.backgroundColor)
+      res.color = getDiminishedColor(
+        nodeData.color,
+        settings.style.backgroundColor
+      )
       res.label = ''
       res.zIndex = 1
     }
@@ -165,7 +168,13 @@ export function reduceNodes(node, data, interactionState, settings) {
   return res
 }
 
-export function reduceEdges(edge, data, interactionState, settings, graph) {
+export function reduceEdges(
+  edgeId,
+  edgeData,
+  interactionState,
+  settings,
+  graph
+) {
   const {
     selectedNodeId,
     hoveredNodeId,
@@ -175,11 +184,11 @@ export function reduceEdges(edge, data, interactionState, settings, graph) {
     neighborsOfHoveredNode
   } = interactionState
 
-  const res = { ...data }
+  const res = { ...edgeData }
   if (hoveredEdgeId || selectedEdgeId || selectedNodeId || hoveredNodeId) {
-    const extremities = graph.extremities(edge)
+    const extremities = graph.extremities(edgeId)
     res.zIndex = 2
-    const isHighlighted = hoveredEdgeId === edge || selectedEdgeId === edge
+    const isHighlighted = hoveredEdgeId === edgeId || selectedEdgeId === edgeId
 
     let isVisible
     if (settings.style.highlightMode === 'node_alone') {
@@ -205,7 +214,10 @@ export function reduceEdges(edge, data, interactionState, settings, graph) {
       res.size = res.size * 2
       res.forceLabel = true
     } else if (!isVisible) {
-      res.color = getDiminishedColor(data.color, settings.style.backgroundColor)
+      res.color = getDiminishedColor(
+        edgeData.color,
+        settings.style.backgroundColor
+      )
       res.zIndex = 1
       res.label = ''
     }
diff --git a/tests/lib/graphHelper.spec.js b/tests/lib/graphHelper.spec.js
index 7dc4efe..ee30788 100644
--- a/tests/lib/graphHelper.spec.js
+++ b/tests/lib/graphHelper.spec.js
@@ -1215,4 +1215,982 @@ describe('graphHelper.js', () => {
       }
     ])
   })
+
+  it('getDiminishedColor', () => {
+    const diminishedColor = graphHelper.getDiminishedColor(
+      '#FF0000CC',
+      '#0000FF'
+    )
+    expect(diminishedColor).to.equal('#3300cc')
+  })
+
+  it('reduceNodes', () => {
+    const settings = {
+      style: {
+        backgroundColor: '#0000FF'
+      }
+    }
+
+    const nodeData = { color: '#FF0000CC', label: 'Node label' }
+
+    let interactionState = {
+      selectedNodeId: 'node-1',
+      hoveredNodeId: 'node-2',
+      selectedEdgeId: null,
+      hoveredEdgeId: null,
+      neighborsOfSelectedNode: new Set(['node-1.1']),
+      neighborsOfHoveredNode: new Set(['node-2.1']),
+      selectedEdgeExtremities: [],
+      hoveredEdgeExtremities: []
+    }
+
+    expect(
+      graphHelper.reduceNodes('node-1', nodeData, interactionState, settings)
+    ).to.eql({
+      color: '#FF0000CC',
+      label: 'Node label',
+      zIndex: 2,
+      highlighted: true,
+      forceLabel: true
+    })
+    expect(
+      graphHelper.reduceNodes('node-2', nodeData, interactionState, settings)
+    ).to.eql({
+      color: '#FF0000CC',
+      label: 'Node label',
+      zIndex: 2,
+      highlighted: true,
+      forceLabel: true
+    })
+
+    expect(
+      graphHelper.reduceNodes('node-1.1', nodeData, interactionState, settings)
+    ).to.eql({
+      color: '#FF0000CC',
+      label: 'Node label',
+      zIndex: 2,
+      highlighted: false,
+      forceLabel: true
+    })
+
+    expect(
+      graphHelper.reduceNodes('node-2.1', nodeData, interactionState, settings)
+    ).to.eql({
+      color: '#FF0000CC',
+      label: 'Node label',
+      zIndex: 2,
+      highlighted: false,
+      forceLabel: true
+    })
+
+    expect(
+      graphHelper.reduceNodes('node-3', nodeData, interactionState, settings)
+    ).to.eql({
+      color: '#3300cc',
+      label: '',
+      zIndex: 1,
+      highlighted: false
+    })
+
+    interactionState = {
+      selectedNodeId: 'node-1',
+      hoveredNodeId: null,
+      selectedEdgeId: null,
+      hoveredEdgeId: 'edge-2-2.1',
+      neighborsOfSelectedNode: new Set(['node-1.1']),
+      neighborsOfHoveredNode: undefined,
+      selectedEdgeExtremities: [],
+      hoveredEdgeExtremities: ['node-2', 'node-2.1']
+    }
+
+    expect(
+      graphHelper.reduceNodes('node-1', nodeData, interactionState, settings)
+    ).to.eql({
+      color: '#FF0000CC',
+      label: 'Node label',
+      zIndex: 2,
+      highlighted: true,
+      forceLabel: true
+    })
+
+    expect(
+      graphHelper.reduceNodes('node-2', nodeData, interactionState, settings)
+    ).to.eql({
+      color: '#FF0000CC',
+      label: 'Node label',
+      zIndex: 2,
+      highlighted: false,
+      forceLabel: true
+    })
+
+    expect(
+      graphHelper.reduceNodes('node-1.1', nodeData, interactionState, settings)
+    ).to.eql({
+      color: '#FF0000CC',
+      label: 'Node label',
+      zIndex: 2,
+      highlighted: false,
+      forceLabel: true
+    })
+
+    expect(
+      graphHelper.reduceNodes('node-1.1', nodeData, interactionState, settings)
+    ).to.eql({
+      color: '#FF0000CC',
+      label: 'Node label',
+      zIndex: 2,
+      highlighted: false,
+      forceLabel: true
+    })
+
+    expect(
+      graphHelper.reduceNodes('node-3', nodeData, interactionState, settings)
+    ).to.eql({
+      color: '#3300cc',
+      label: '',
+      zIndex: 1,
+      highlighted: false
+    })
+
+    interactionState = {
+      selectedNodeId: null,
+      hoveredNodeId: null,
+      selectedEdgeId: 'edge-1-1.1',
+      hoveredEdgeId: 'edge-2-2.1',
+      neighborsOfSelectedNode: undefined,
+      neighborsOfHoveredNode: undefined,
+      selectedEdgeExtremities: ['node-1', 'node-1.1'],
+      hoveredEdgeExtremities: ['node-2', 'node-2.1']
+    }
+
+    expect(
+      graphHelper.reduceNodes('node-1', nodeData, interactionState, settings)
+    ).to.eql({
+      color: '#FF0000CC',
+      label: 'Node label',
+      zIndex: 2,
+      highlighted: false,
+      forceLabel: true
+    })
+    expect(
+      graphHelper.reduceNodes('node-2', nodeData, interactionState, settings)
+    ).to.eql({
+      color: '#FF0000CC',
+      label: 'Node label',
+      zIndex: 2,
+      highlighted: false,
+      forceLabel: true
+    })
+    expect(
+      graphHelper.reduceNodes('node-1.1', nodeData, interactionState, settings)
+    ).to.eql({
+      color: '#FF0000CC',
+      label: 'Node label',
+      zIndex: 2,
+      highlighted: false,
+      forceLabel: true
+    })
+    expect(
+      graphHelper.reduceNodes('node-2.1', nodeData, interactionState, settings)
+    ).to.eql({
+      color: '#FF0000CC',
+      label: 'Node label',
+      zIndex: 2,
+      highlighted: false,
+      forceLabel: true
+    })
+
+    expect(
+      graphHelper.reduceNodes('node-3', nodeData, interactionState, settings)
+    ).to.eql({
+      color: '#3300cc',
+      label: '',
+      zIndex: 1,
+      highlighted: false
+    })
+
+    interactionState = {
+      selectedNodeId: null,
+      hoveredNodeId: 'node-2',
+      selectedEdgeId: 'edge-1',
+      hoveredEdgeId: null,
+      neighborsOfSelectedNode: undefined,
+      neighborsOfHoveredNode: new Set(['node-2.1']),
+      selectedEdgeExtremities: ['node-1', 'node-1.1'],
+      hoveredEdgeExtremities: []
+    }
+
+    expect(
+      graphHelper.reduceNodes('node-1', nodeData, interactionState, settings)
+    ).to.eql({
+      color: '#FF0000CC',
+      label: 'Node label',
+      zIndex: 2,
+      highlighted: false,
+      forceLabel: true
+    })
+    expect(
+      graphHelper.reduceNodes('node-2', nodeData, interactionState, settings)
+    ).to.eql({
+      color: '#FF0000CC',
+      label: 'Node label',
+      zIndex: 2,
+      highlighted: true,
+      forceLabel: true
+    })
+    expect(
+      graphHelper.reduceNodes('node-1.1', nodeData, interactionState, settings)
+    ).to.eql({
+      color: '#FF0000CC',
+      label: 'Node label',
+      zIndex: 2,
+      highlighted: false,
+      forceLabel: true
+    })
+    expect(
+      graphHelper.reduceNodes('node-2.1', nodeData, interactionState, settings)
+    ).to.eql({
+      color: '#FF0000CC',
+      label: 'Node label',
+      zIndex: 2,
+      highlighted: false,
+      forceLabel: true
+    })
+
+    expect(
+      graphHelper.reduceNodes('node-3', nodeData, interactionState, settings)
+    ).to.eql({
+      color: '#3300cc',
+      label: '',
+      zIndex: 1,
+      highlighted: false
+    })
+
+    interactionState = {
+      selectedNodeId: null,
+      hoveredNodeId: null,
+      selectedEdgeId: null,
+      hoveredEdgeId: null,
+      neighborsOfSelectedNode: undefined,
+      neighborsOfHoveredNode: undefined,
+      selectedEdgeExtremities: [],
+      hoveredEdgeExtremities: []
+    }
+
+    expect(
+      graphHelper.reduceNodes('node-1', nodeData, interactionState, settings)
+    ).to.eql({
+      color: '#FF0000CC',
+      label: 'Node label'
+    })
+    expect(
+      graphHelper.reduceNodes('node-2', nodeData, interactionState, settings)
+    ).to.eql({
+      color: '#FF0000CC',
+      label: 'Node label'
+    })
+    expect(
+      graphHelper.reduceNodes('node-1.1', nodeData, interactionState, settings)
+    ).to.eql({
+      color: '#FF0000CC',
+      label: 'Node label'
+    })
+    expect(
+      graphHelper.reduceNodes('node-2.1', nodeData, interactionState, settings)
+    ).to.eql({
+      color: '#FF0000CC',
+      label: 'Node label'
+    })
+
+    expect(
+      graphHelper.reduceNodes('node-3', nodeData, interactionState, settings)
+    ).to.eql({
+      color: '#FF0000CC',
+      label: 'Node label'
+    })
+  })
+
+  it('reduceEdges - node_alone', () => {
+    const settings = {
+      style: {
+        backgroundColor: '#0000FF',
+        highlightMode: 'node_alone'
+      }
+    }
+
+    const edgeData = { color: '#FF0000CC', label: 'Edge label', size: 3 }
+    const graph = new Graph()
+    graph.addNode('node-1.1')
+    graph.addNode('node-1.2')
+    graph.addNode('node-1.3')
+    graph.addNode('node-2.1')
+    graph.addNode('node-2.2')
+    const edge1112 = graph.addEdge('node-1.1', 'node-1.2', edgeData)
+    const edge1113 = graph.addEdge('node-1.1', 'node-1.3', edgeData)
+    const edge1213 = graph.addEdge('node-1.2', 'node-1.3', edgeData)
+    const edge2122 = graph.addEdge('node-2.1', 'node-2.2', edgeData)
+
+    const hiddenEdgeStyle = { color: '#3300cc', label: '', zIndex: 1, size: 3 }
+    const highlightedEdgeStyle = {
+      color: '#FF0000CC',
+      label: 'Edge label',
+      zIndex: 2,
+      size: 6,
+      forceLabel: true
+    }
+
+    let interactionState = {
+      selectedNodeId: null,
+      hoveredNodeId: null,
+      selectedEdgeId: edge2122,
+      hoveredEdgeId: edge1112,
+      neighborsOfSelectedNode: undefined,
+      neighborsOfHoveredNode: undefined,
+      selectedEdgeExtremities: ['node-2.1', 'node-2.2'],
+      hoveredEdgeExtremities: ['node-1.1', 'node-1.2']
+    }
+    expect(
+      graphHelper.reduceEdges(
+        edge2122,
+        edgeData,
+        interactionState,
+        settings,
+        graph
+      )
+    ).to.eql(highlightedEdgeStyle)
+    expect(
+      graphHelper.reduceEdges(
+        edge1112,
+        edgeData,
+        interactionState,
+        settings,
+        graph
+      )
+    ).to.eql(highlightedEdgeStyle)
+    expect(
+      graphHelper.reduceEdges(
+        edge1113,
+        edgeData,
+        interactionState,
+        settings,
+        graph
+      )
+    ).to.eql(hiddenEdgeStyle)
+
+    expect(
+      graphHelper.reduceEdges(
+        edge1213,
+        edgeData,
+        interactionState,
+        settings,
+        graph
+      )
+    ).to.eql(hiddenEdgeStyle)
+
+    interactionState = {
+      selectedNodeId: 'node-1.1',
+      hoveredNodeId: null,
+      selectedEdgeId: null,
+      hoveredEdgeId: null,
+      neighborsOfSelectedNode: new Set(['node-1.2', 'node-1.3']),
+      neighborsOfHoveredNode: undefined,
+      selectedEdgeExtremities: [],
+      hoveredEdgeExtremities: []
+    }
+    expect(
+      graphHelper.reduceEdges(
+        edge2122,
+        edgeData,
+        interactionState,
+        settings,
+        graph
+      )
+    ).to.eql(hiddenEdgeStyle)
+    expect(
+      graphHelper.reduceEdges(
+        edge1112,
+        edgeData,
+        interactionState,
+        settings,
+        graph
+      )
+    ).to.eql(hiddenEdgeStyle)
+    expect(
+      graphHelper.reduceEdges(
+        edge1113,
+        edgeData,
+        interactionState,
+        settings,
+        graph
+      )
+    ).to.eql(hiddenEdgeStyle)
+
+    expect(
+      graphHelper.reduceEdges(
+        edge1213,
+        edgeData,
+        interactionState,
+        settings,
+        graph
+      )
+    ).to.eql(hiddenEdgeStyle)
+
+    interactionState = {
+      selectedNodeId: null,
+      hoveredNodeId: 'node-1.1',
+      selectedEdgeId: null,
+      hoveredEdgeId: null,
+      neighborsOfSelectedNode: undefined,
+      neighborsOfHoveredNode: new Set(['node-1.2', 'node-1.3']),
+      selectedEdgeExtremities: [],
+      hoveredEdgeExtremities: []
+    }
+    expect(
+      graphHelper.reduceEdges(
+        edge2122,
+        edgeData,
+        interactionState,
+        settings,
+        graph
+      )
+    ).to.eql(hiddenEdgeStyle)
+    expect(
+      graphHelper.reduceEdges(
+        edge1112,
+        edgeData,
+        interactionState,
+        settings,
+        graph
+      )
+    ).to.eql(hiddenEdgeStyle)
+    expect(
+      graphHelper.reduceEdges(
+        edge1113,
+        edgeData,
+        interactionState,
+        settings,
+        graph
+      )
+    ).to.eql(hiddenEdgeStyle)
+
+    expect(
+      graphHelper.reduceEdges(
+        edge1213,
+        edgeData,
+        interactionState,
+        settings,
+        graph
+      )
+    ).to.eql(hiddenEdgeStyle)
+
+    interactionState = {
+      selectedNodeId: null,
+      hoveredNodeId: null,
+      selectedEdgeId: null,
+      hoveredEdgeId: null,
+      neighborsOfSelectedNode: undefined,
+      neighborsOfHoveredNode: undefined,
+      selectedEdgeExtremities: [],
+      hoveredEdgeExtremities: []
+    }
+
+    expect(
+      graphHelper.reduceEdges(
+        edge2122,
+        edgeData,
+        interactionState,
+        settings,
+        graph
+      )
+    ).to.eql(edgeData)
+    expect(
+      graphHelper.reduceEdges(
+        edge1112,
+        edgeData,
+        interactionState,
+        settings,
+        graph
+      )
+    ).to.eql(edgeData)
+
+    expect(
+      graphHelper.reduceEdges(
+        edge1113,
+        edgeData,
+        interactionState,
+        settings,
+        graph
+      )
+    ).to.eql(edgeData)
+
+    expect(
+      graphHelper.reduceEdges(
+        edge1213,
+        edgeData,
+        interactionState,
+        settings,
+        graph
+      )
+    ).to.eql(edgeData)
+  })
+
+  it('reduceEdges - node_and_neighbors', () => {
+    const settings = {
+      style: {
+        backgroundColor: '#0000FF',
+        highlightMode: 'node_and_neighbors'
+      }
+    }
+
+    const edgeData = { color: '#FF0000CC', label: 'Edge label', size: 3 }
+    const graph = new Graph()
+    graph.addNode('node-1.1')
+    graph.addNode('node-1.2')
+    graph.addNode('node-1.3')
+    graph.addNode('node-2.1')
+    graph.addNode('node-2.2')
+    const edge1112 = graph.addEdge('node-1.1', 'node-1.2', edgeData)
+    const edge1113 = graph.addEdge('node-1.1', 'node-1.3', edgeData)
+    const edge1213 = graph.addEdge('node-1.2', 'node-1.3', edgeData)
+    const edge2122 = graph.addEdge('node-2.1', 'node-2.2', edgeData)
+
+    const hiddenEdgeStyle = { color: '#3300cc', label: '', zIndex: 1, size: 3 }
+    const highlightedEdgeStyle = {
+      color: '#FF0000CC',
+      label: 'Edge label',
+      zIndex: 2,
+      size: 6,
+      forceLabel: true
+    }
+    const visibleEdgeStyle = {
+      color: '#FF0000CC',
+      label: 'Edge label',
+      zIndex: 2,
+      size: 3
+    }
+
+    let interactionState = {
+      selectedNodeId: null,
+      hoveredNodeId: null,
+      selectedEdgeId: edge2122,
+      hoveredEdgeId: edge1112,
+      neighborsOfSelectedNode: undefined,
+      neighborsOfHoveredNode: undefined,
+      selectedEdgeExtremities: ['node-2.1', 'node-2.2'],
+      hoveredEdgeExtremities: ['node-1.1', 'node-1.2']
+    }
+    expect(
+      graphHelper.reduceEdges(
+        edge2122,
+        edgeData,
+        interactionState,
+        settings,
+        graph
+      )
+    ).to.eql(highlightedEdgeStyle)
+    expect(
+      graphHelper.reduceEdges(
+        edge1112,
+        edgeData,
+        interactionState,
+        settings,
+        graph
+      )
+    ).to.eql(highlightedEdgeStyle)
+    expect(
+      graphHelper.reduceEdges(
+        edge1113,
+        edgeData,
+        interactionState,
+        settings,
+        graph
+      )
+    ).to.eql(hiddenEdgeStyle)
+
+    expect(
+      graphHelper.reduceEdges(
+        edge1213,
+        edgeData,
+        interactionState,
+        settings,
+        graph
+      )
+    ).to.eql(hiddenEdgeStyle)
+
+    interactionState = {
+      selectedNodeId: 'node-1.1',
+      hoveredNodeId: null,
+      selectedEdgeId: null,
+      hoveredEdgeId: null,
+      neighborsOfSelectedNode: new Set(['node-1.2', 'node-1.3']),
+      neighborsOfHoveredNode: undefined,
+      selectedEdgeExtremities: [],
+      hoveredEdgeExtremities: []
+    }
+    expect(
+      graphHelper.reduceEdges(
+        edge2122,
+        edgeData,
+        interactionState,
+        settings,
+        graph
+      )
+    ).to.eql(hiddenEdgeStyle)
+    expect(
+      graphHelper.reduceEdges(
+        edge1112,
+        edgeData,
+        interactionState,
+        settings,
+        graph
+      )
+    ).to.eql(visibleEdgeStyle)
+    expect(
+      graphHelper.reduceEdges(
+        edge1113,
+        edgeData,
+        interactionState,
+        settings,
+        graph
+      )
+    ).to.eql(visibleEdgeStyle)
+
+    expect(
+      graphHelper.reduceEdges(
+        edge1213,
+        edgeData,
+        interactionState,
+        settings,
+        graph
+      )
+    ).to.eql(hiddenEdgeStyle)
+
+    interactionState = {
+      selectedNodeId: null,
+      hoveredNodeId: 'node-1.1',
+      selectedEdgeId: null,
+      hoveredEdgeId: null,
+      neighborsOfSelectedNode: undefined,
+      neighborsOfHoveredNode: new Set(['node-1.2', 'node-1.3']),
+      selectedEdgeExtremities: [],
+      hoveredEdgeExtremities: []
+    }
+    expect(
+      graphHelper.reduceEdges(
+        edge2122,
+        edgeData,
+        interactionState,
+        settings,
+        graph
+      )
+    ).to.eql(hiddenEdgeStyle)
+    expect(
+      graphHelper.reduceEdges(
+        edge1112,
+        edgeData,
+        interactionState,
+        settings,
+        graph
+      )
+    ).to.eql(visibleEdgeStyle)
+    expect(
+      graphHelper.reduceEdges(
+        edge1113,
+        edgeData,
+        interactionState,
+        settings,
+        graph
+      )
+    ).to.eql(visibleEdgeStyle)
+
+    expect(
+      graphHelper.reduceEdges(
+        edge1213,
+        edgeData,
+        interactionState,
+        settings,
+        graph
+      )
+    ).to.eql(hiddenEdgeStyle)
+
+    interactionState = {
+      selectedNodeId: null,
+      hoveredNodeId: null,
+      selectedEdgeId: null,
+      hoveredEdgeId: null,
+      neighborsOfSelectedNode: undefined,
+      neighborsOfHoveredNode: undefined,
+      selectedEdgeExtremities: [],
+      hoveredEdgeExtremities: []
+    }
+
+    expect(
+      graphHelper.reduceEdges(
+        edge2122,
+        edgeData,
+        interactionState,
+        settings,
+        graph
+      )
+    ).to.eql(edgeData)
+    expect(
+      graphHelper.reduceEdges(
+        edge1112,
+        edgeData,
+        interactionState,
+        settings,
+        graph
+      )
+    ).to.eql(edgeData)
+
+    expect(
+      graphHelper.reduceEdges(
+        edge1113,
+        edgeData,
+        interactionState,
+        settings,
+        graph
+      )
+    ).to.eql(edgeData)
+
+    expect(
+      graphHelper.reduceEdges(
+        edge1213,
+        edgeData,
+        interactionState,
+        settings,
+        graph
+      )
+    ).to.eql(edgeData)
+  })
+
+  it('reduceEdges - include_neighbor_edges', () => {
+    const settings = {
+      style: {
+        backgroundColor: '#0000FF',
+        highlightMode: 'include_neighbor_edges'
+      }
+    }
+
+    const edgeData = { color: '#FF0000CC', label: 'Edge label', size: 3 }
+    const graph = new Graph()
+    graph.addNode('node-1.1')
+    graph.addNode('node-1.2')
+    graph.addNode('node-1.3')
+    graph.addNode('node-2.1')
+    graph.addNode('node-2.2')
+    const edge1112 = graph.addEdge('node-1.1', 'node-1.2', edgeData)
+    const edge1113 = graph.addEdge('node-1.1', 'node-1.3', edgeData)
+    const edge1213 = graph.addEdge('node-1.2', 'node-1.3', edgeData)
+    const edge2122 = graph.addEdge('node-2.1', 'node-2.2', edgeData)
+
+    const hiddenEdgeStyle = { color: '#3300cc', label: '', zIndex: 1, size: 3 }
+    const highlightedEdgeStyle = {
+      color: '#FF0000CC',
+      label: 'Edge label',
+      zIndex: 2,
+      size: 6,
+      forceLabel: true
+    }
+    const visibleEdgeStyle = {
+      color: '#FF0000CC',
+      label: 'Edge label',
+      zIndex: 2,
+      size: 3
+    }
+
+    let interactionState = {
+      selectedNodeId: null,
+      hoveredNodeId: null,
+      selectedEdgeId: edge2122,
+      hoveredEdgeId: edge1112,
+      neighborsOfSelectedNode: undefined,
+      neighborsOfHoveredNode: undefined,
+      selectedEdgeExtremities: ['node-2.1', 'node-2.2'],
+      hoveredEdgeExtremities: ['node-1.1', 'node-1.2']
+    }
+    expect(
+      graphHelper.reduceEdges(
+        edge2122,
+        edgeData,
+        interactionState,
+        settings,
+        graph
+      )
+    ).to.eql(highlightedEdgeStyle)
+    expect(
+      graphHelper.reduceEdges(
+        edge1112,
+        edgeData,
+        interactionState,
+        settings,
+        graph
+      )
+    ).to.eql(highlightedEdgeStyle)
+    expect(
+      graphHelper.reduceEdges(
+        edge1113,
+        edgeData,
+        interactionState,
+        settings,
+        graph
+      )
+    ).to.eql(hiddenEdgeStyle)
+
+    expect(
+      graphHelper.reduceEdges(
+        edge1213,
+        edgeData,
+        interactionState,
+        settings,
+        graph
+      )
+    ).to.eql(hiddenEdgeStyle)
+
+    interactionState = {
+      selectedNodeId: 'node-1.1',
+      hoveredNodeId: null,
+      selectedEdgeId: null,
+      hoveredEdgeId: null,
+      neighborsOfSelectedNode: new Set(['node-1.2', 'node-1.3']),
+      neighborsOfHoveredNode: undefined,
+      selectedEdgeExtremities: [],
+      hoveredEdgeExtremities: []
+    }
+    expect(
+      graphHelper.reduceEdges(
+        edge2122,
+        edgeData,
+        interactionState,
+        settings,
+        graph
+      )
+    ).to.eql(hiddenEdgeStyle)
+    expect(
+      graphHelper.reduceEdges(
+        edge1112,
+        edgeData,
+        interactionState,
+        settings,
+        graph
+      )
+    ).to.eql(visibleEdgeStyle)
+    expect(
+      graphHelper.reduceEdges(
+        edge1113,
+        edgeData,
+        interactionState,
+        settings,
+        graph
+      )
+    ).to.eql(visibleEdgeStyle)
+
+    expect(
+      graphHelper.reduceEdges(
+        edge1213,
+        edgeData,
+        interactionState,
+        settings,
+        graph
+      )
+    ).to.eql(visibleEdgeStyle)
+
+    interactionState = {
+      selectedNodeId: null,
+      hoveredNodeId: 'node-1.1',
+      selectedEdgeId: null,
+      hoveredEdgeId: null,
+      neighborsOfSelectedNode: undefined,
+      neighborsOfHoveredNode: new Set(['node-1.2', 'node-1.3']),
+      selectedEdgeExtremities: [],
+      hoveredEdgeExtremities: []
+    }
+    expect(
+      graphHelper.reduceEdges(
+        edge2122,
+        edgeData,
+        interactionState,
+        settings,
+        graph
+      )
+    ).to.eql(hiddenEdgeStyle)
+    expect(
+      graphHelper.reduceEdges(
+        edge1112,
+        edgeData,
+        interactionState,
+        settings,
+        graph
+      )
+    ).to.eql(visibleEdgeStyle)
+    expect(
+      graphHelper.reduceEdges(
+        edge1113,
+        edgeData,
+        interactionState,
+        settings,
+        graph
+      )
+    ).to.eql(visibleEdgeStyle)
+
+    expect(
+      graphHelper.reduceEdges(
+        edge1213,
+        edgeData,
+        interactionState,
+        settings,
+        graph
+      )
+    ).to.eql(visibleEdgeStyle)
+
+    interactionState = {
+      selectedNodeId: null,
+      hoveredNodeId: null,
+      selectedEdgeId: null,
+      hoveredEdgeId: null,
+      neighborsOfSelectedNode: undefined,
+      neighborsOfHoveredNode: undefined,
+      selectedEdgeExtremities: [],
+      hoveredEdgeExtremities: []
+    }
+
+    expect(
+      graphHelper.reduceEdges(
+        edge2122,
+        edgeData,
+        interactionState,
+        settings,
+        graph
+      )
+    ).to.eql(edgeData)
+    expect(
+      graphHelper.reduceEdges(
+        edge1112,
+        edgeData,
+        interactionState,
+        settings,
+        graph
+      )
+    ).to.eql(edgeData)
+
+    expect(
+      graphHelper.reduceEdges(
+        edge1113,
+        edgeData,
+        interactionState,
+        settings,
+        graph
+      )
+    ).to.eql(edgeData)
+
+    expect(
+      graphHelper.reduceEdges(
+        edge1213,
+        edgeData,
+        interactionState,
+        settings,
+        graph
+      )
+    ).to.eql(edgeData)
+  })
 })