feat: format data using state

Author: kantord

src/components/base_component.js

@@ -40,7 +40,7 @@ const has_query = (instance_args) =>
   instance_args !== undefined && instance_args.hasOwnProperty('query')
 
 const call_render_function = (args, instance_args, selection, element) => (data) =>
-  args.render(instance_args, selection, data, element)
+  args.render(instance_args, selection, format_data(instance_args, data), element)
 
 const execute_query = (query, data) =>
   (callback) =>
@@ -106,6 +106,11 @@ const format_arguments = (args) => {
   return format_value(args, args.state_handler.get_state())
 }
 
+const format_data = (args, data) => {
+  if (!has_state_handler(args)) return data
+  return format_value(data, args.state_handler.get_state())
+}
+
 const create_component_function = (args) => (instance_args) => {
   execute_validations(args.validators)(format_arguments(instance_args))
   return create_bind_function(args, instance_args)

src/components/base_component.test.js

@@ -338,7 +338,7 @@ describe('Component', function() {
         '22': ['foo'],
         'state_handler': state_handler
       },
-     'format_value_return2': {
+      'format_value_return2': {
         '22': ['foo'],
         'state_handler': state_handler
       }
@@ -552,4 +552,37 @@ describe('Component', function() {
     my_init.should.be.calledOnce()
   })
 
+  it('calls format_value with proper data', () => {
+    const state_handler = {
+      'subscribe': sinon.spy(),
+      'get_state': sinon.stub().returns({'x': '2'})}
+    const format_value_return = {
+      'state_handler': state_handler
+    }
+    const my_data = 'this is data that has to be formatted'
+    const { format_value } = call_test_component_with({
+      'instance_args': format_value_return,
+      'format_value_return': format_value_return,
+      'format_value_return2': format_value_return,
+      'data': my_data 
+    })
+    format_value.should.be.calledWith(my_data)
+  })
+    
+  it('calls render with formatted data', () => {
+    const state_handler = {
+      'subscribe': sinon.spy(),
+      'get_state': sinon.stub().returns({'x': '2', 'y': 'foo'})}
+    const format_value_return = {
+      'state_handler': state_handler
+    }
+    const { my_render } = call_test_component_with({
+      'instance_args': format_value_return,
+      'format_value_return': format_value_return,
+      'format_value_return2': format_value_return,
+      'data': 'this is not formatted'
+    })
+    my_render.should.be.calledWith(sinon.match.any, sinon.match.any, format_value_return)
+  })
+
 })