fix(components/Chart): Charts are not updateable

Author: kantord

src/components/chart/Chart.js

@@ -31,9 +31,10 @@ import { required } from '../../validators'
  */
 const ChartComponent = Component({
   'validators': [required('type')],
-  'render': (args, selection, data) => {
+  'init': (args, selection) => selection.append('div'),
+  'render': (args, selection, data, element) => {
+    console.log('render called') // eslint-disable-line
     const {bb} = require('billboard.js')
-    const element = selection.append('div')
     bb.generate({
       'bindto': element.node(),
       'data': Object.assign(data, {'type': args.type})

src/e2e-test.js

@@ -37,6 +37,15 @@ describe('Integration test', function() {
         title_text.should.equal('Cereals')
         const h1_text = await driver.findElement(By.css('h1')).getText()
         h1_text.should.equal('Cereals')
+        const original_elements = await driver.findElements(
+          By.css('svg'))
+        const original_element_count = original_elements.length
+        const dropdown = await driver.findElement(By.css('select'))
+        await driver.findElement(By.css('select option:nth-child(2)')).click()
+        const new_elements = await driver.findElements(
+          By.css('svg'))
+        const new_element_count = new_elements.length
+        original_element_count.should.equal(new_element_count)
       } finally {
         await driver.quit()
       }