Show an example of changing Sankey names dynamically (uber#923)

* show an example of changing sankey names dynamically * fix tests and litn
ayarcohaila · Aug 23, 2018 · 0766787 · 0766787
1 parent 2ebcb8d
commit 0766787
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 5 deletions.
diff --git a/showcase/sankey/voronoi.js b/showcase/sankey/voronoi.js
@@ -28,10 +28,15 @@ export default class VoronoiSankeyExample extends React.Component {
       <div>
         <div>{`${activeNode ? activeNode.name : 'None'} selected`}</div>
         <Sankey
-          nodes={nodes.map(d => ({
-            ...d,
-            opacity: activeNode && d.name === activeNode.name ? FOCUSED_NODE_OPACITY : BLURRED_NODE_OPACITY
-          }))}
+          nodes={nodes.map(d => {
+            const isActiveNode = activeNode && d.name ===
+             activeNode.name;
+            return {
+              ...d,
+              opacity: isActiveNode ? FOCUSED_NODE_OPACITY : BLURRED_NODE_OPACITY,
+              name: isActiveNode ? `!${d.name}!` : d.name
+            };
+          })}
           links={links.map(d => ({...d}))}
           width={200}
           height={200}

diff --git a/tests/components/sankey-tests.js b/tests/components/sankey-tests.js
@@ -73,7 +73,7 @@ test('Sankey: Showcase Example - VoronoiSankey', t => {
 
   t.equal($.text(), 'None selectedabc', 'should find that no bar is hovered');
   $.find('.rv-voronoi__cell').at(0).simulate('mouseOver');
-  t.equal($.text(), 'a selectedabc', 'should find that the first bar is hovered bar is hovered');
+  t.equal($.text(), 'a selected!a!bc', 'should find that the first bar is hovered bar is hovered');
   $.find('.rv-voronoi__cell').at(0).simulate('mouseLeave');
 
   t.end();