@spalger/kibana/src/ui/public/doc_viewer/__tests__/doc_viewer.js

Kibana is an open source (Apache Licensed), browser based analytics and search dashboard for Elasticsearch. Kibana is a snap to setup and start using. Kibana strives to be easy to get started with, while also being flexible and powerful, just like Elastic

var angular = require('angular');
var $ = require('jquery');
var _ = require('lodash');
var sinon = require('auto-release-sinon');
var expect = require('expect.js');
var ngMock = require('ngMock');
var hit = {
  '_index': 'logstash-2014.09.09',
  '_type': 'apache',
  '_id': '61',
  '_score': 1,
  '_source': {
    'extension': 'html',
    'bytes': 100,
    'area': [{lat: 7, lon: 7}],
    'noMapping': 'hasNoMapping',
    'objectArray': [{foo: true}, {bar: false}],
    '_underscore': 1
  }
};

// Load the kibana app dependencies.
require('ui/private');
require('ui/doc_viewer');


var $parentScope;


var $scope;


var indexPattern;


var flattened;

var init = function ($elem, props) {
  ngMock.inject(function ($rootScope, $compile) {
    $parentScope = $rootScope;
    _.assign($parentScope, props);
    $compile($elem)($parentScope);
    $elem.scope().$digest();
    $scope = $elem.isolateScope();
  });
};

var destroy = function () {
  $scope.$destroy();
  $parentScope.$destroy();
};

describe('docViewer', function () {
  var $elem;

  beforeEach(ngMock.module('kibana'));
  beforeEach(function () {
    $elem = angular.element('<doc-viewer index-pattern="indexPattern" hit="hit" filter="filter"></doc-viewer>');
    ngMock.inject(function (Private) {
      indexPattern = Private(require('fixtures/stubbed_logstash_index_pattern'));
      flattened = indexPattern.flattenHit(hit);
    });
    init($elem, {
      indexPattern: indexPattern,
      hit: hit,
      filter: sinon.spy()
    });
  });

  afterEach(function () {
    destroy();
  });

  describe('Table mode', function () {
    it('should have a row for each field', function () {
      var rows = $elem.find('tr');
      expect($elem.find('tr').length).to.be(_.keys(flattened).length);
    });

    it('should have the field name in the first column', function () {
      _.each(_.keys(flattened), function (field) {
        expect($elem.find('td[title="' + field + '"]').length).to.be(1);
      });
    });

    it('should have the a value for each field', function () {
      _.each(_.keys(flattened), function (field) {
        var cellValue = $elem.find('td[title="' + field + '"]').siblings().find('.doc-viewer-value').text();

        // This sucks, but testing the filter chain is too hairy ATM
        expect(cellValue.length).to.be.greaterThan(0);
      });
    });


    describe('filtering', function () {
      it('should apply a filter when clicking filterable fields', function () {
        var cell = $elem.find('td[title="bytes"]').next();

        cell.find('.fa-search-plus').first().click();
        expect($scope.filter.calledOnce).to.be(true);
        cell.find('.fa-search-minus').first().click();
        expect($scope.filter.calledTwice).to.be(true);
      });

      it('should NOT apply a filter when clicking non-filterable fields', function () {
        var cell = $elem.find('td[title="area"]').next();

        cell.find('.fa-search-plus').first().click();
        expect($scope.filter.calledOnce).to.be(false);
        cell.find('.fa-search-minus').first().click();
        expect($scope.filter.calledTwice).to.be(false);
      });
    });

    describe('warnings', function () {
      it('displays a warning about field name starting with underscore', function () {
        var cells = $elem.find('td[title="_underscore"]').siblings();
        expect(cells.find('.doc-viewer-underscore').length).to.be(1);
        expect(cells.find('.doc-viewer-no-mapping').length).to.be(0);
        expect(cells.find('.doc-viewer-object-array').length).to.be(0);
      });

      it('displays a warning about missing mappings', function () {
        var cells = $elem.find('td[title="noMapping"]').siblings();
        expect(cells.find('.doc-viewer-underscore').length).to.be(0);
        expect(cells.find('.doc-viewer-no-mapping').length).to.be(1);
        expect(cells.find('.doc-viewer-object-array').length).to.be(0);
      });

      it('displays a warning about objects in arrays', function () {
        var cells = $elem.find('td[title="objectArray"]').siblings();
        expect(cells.find('.doc-viewer-underscore').length).to.be(0);
        expect(cells.find('.doc-viewer-no-mapping').length).to.be(0);
        expect(cells.find('.doc-viewer-object-array').length).to.be(1);
      });
    });

  });

  describe('JSON mode', function () {
    it('has pretty JSON', function () {
      expect($scope.hitJson).to.equal(angular.toJson(hit, true));
    });

    it('should have a global ACE object', function () {
      expect(window.ace).to.be.a(Object);
    });

    it('should have one ACE div', function () {
      expect($elem.find('div[id="json-ace"]').length).to.be(1);
    });

    it('should contain the same code as hitJson', function () {
      var editor = window.ace.edit($elem.find('div[id="json-ace"]')[0]);
      var code = editor.getSession().getValue();
      expect(code).to.equal($scope.hitJson);
    });
  });
});