(function ($) {

module("View");

test('new DataGridRow View', function () {
  var $el = $('<tr />');
  $('.fixtures .test-datatable').append($el);
  var doc = new recline.Model.Document({
    'id': 1,
    'b': '2',
    'a': '1'
    });
  var view = new recline.View.DataGridRow({
    model: doc
    , el: $el
    , fields: new recline.Model.FieldList([{id: 'a'}, {id: 'b'}])
  });
  view.render();
  ok($el.attr('data-id'), '1');
  var tds = $el.find('td');
  equal(tds.length, 3);
  equal($(tds[1]).attr('data-field'), 'a');

  var view = new recline.View.DataGridRow({
      model: doc
      , el: $el
      , fields: new recline.Model.FieldList([{id: 'a'}, {id: 'b'}])
    },
    {
      cellRenderer: function(value, field) {
        return '<span class="field-' + field.id + '">' + value + '</span>';
    }
  });
  view.render();
  var tds = $el.find('td .data-table-cell-value');
  equal($(tds[0]).html(), '<span class="field-a">1</span>', 'Checking cellRenderer works');
});

})(this.jQuery);