Merge ee1478e into 101a312

CHANGELOG.md

@@ -1,3 +1,7 @@
+# 3.4.1
+
+- Fix chart to render `data.title` value as `<title>` inside `<path>` element
+
 # 3.4.0
 
 - Support `injectSvg` function property to inject any element into rendered `<svg>` element

src/ReactMinimalPieChart.js

@@ -97,6 +97,7 @@ const makeSegments = (data, props, hide) => {
         radius={props.radius}
         lineWidth={(props.radius / 100) * props.lineWidth}
         reveal={reveal}
+        title={dataEntry.title}
         style={style}
         stroke={dataEntry.color}
         strokeLinecap={props.rounded ? 'round' : undefined}

src/__tests__/ReactMinimalPieChart.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { shallow } from 'enzyme';
+import { shallow, mount } from 'enzyme';
 
 import PieChart from '../../src/index';
 
@@ -237,6 +237,18 @@ describe('ReactMinimalPieChart component', () => {
     });
   });
 
+  describe('"data.title"', () => {
+    it('Should render a <Title> element in its Path', () => {
+      const wrapper = mount(
+        <PieChart data={[{ title: 'title-value', value: 10, color: 'blue' }]} />
+      );
+
+      const title = wrapper.find('title');
+      expect(title.length).toEqual(1);
+      expect(title.text()).toEqual('title-value');
+    });
+  });
+
   describe('"injectSvg"', () => {
     it('Should inject anything into rendered <svg>', () => {
       const wrapper = shallow(

src/__tests__/ReactMinimalPieChartPath.js

@@ -69,19 +69,4 @@ describe('ReactMinimalPieChartPath component', () => {
     const strokeDasharray = wrapper.prop('strokeDasharray');
     expect(strokeDashoffset).toEqual(strokeDasharray + strokeDasharray / 4);
   });
-
-  it('Should render a <Title> element when "title" prop provided', () => {
-    const wrapper = shallow(
-      <PieChartPath
-        cx={100}
-        cy={100}
-        title="title-value"
-      />
-    );
-
-    const title = wrapper.find('title');
-
-    expect(title.length).toEqual(1);
-    expect(title.text()).toEqual('title-value');
-  });
 });