kibana-with-account/src/ui/public/jquery/__tests__/findTestSubject.js

kibana-with-account is develop based kibana project

var $ = require('jquery');
var expect = require('expect.js');

function $make(subject) {
  return $('<div>').attr('data-test-subj', subject);
}

describe('jQuery.findTestSubject', function () {
  it('finds all of the element with a subject', function () {
    var $container = $('<div>');
    var $match = $make('subject').appendTo($container);
    var $noMatch = $make('notSubject').appendTo($container);

    var $found = $container.findTestSubject('subject');
    expect($found.is($match)).to.be(true);
    expect($found.is($noMatch)).to.be(false);
  });

  it('finds multiple elements with a subject', function () {
    var $container = $('<div>');
    var $match = $make('subject').appendTo($container);
    var $otherMatch = $make('subject').appendTo($container);

    var $found = $container.findTestSubject('subject');
    expect($found.filter($match).size()).to.be(1);
    expect($found.filter($otherMatch).size()).to.be(1);
  });

  it('finds all of the elements with either subject', function () {
    var $container = $('<div>');
    var $match1 = $make('subject').appendTo($container);
    var $match2 = $make('alsoSubject').appendTo($container);
    var $noMatch = $make('notSubject').appendTo($container);

    var $found = $container.findTestSubject('subject', 'alsoSubject');
    expect($found.filter($match1).size()).to.be(1);
    expect($found.filter($match2).size()).to.be(1);
    expect($found.filter($noMatch).size()).to.be(0);
  });

  it('finds all of the elements with a decendant selector', function () {
    var $container = $('<div>');
    var $parent = $make('foo name').appendTo($container);
    var $bar = $make('bar othername').appendTo($parent);
    var $baz = $make('baz third name').appendTo($parent);

    expect($container.findTestSubject('foo bar').is($bar)).to.be(true);
    expect($container.findTestSubject('foo bar').is($baz)).to.be(false);

    expect($container.findTestSubject('foo baz').is($bar)).to.be(false);
    expect($container.findTestSubject('foo baz').is($baz)).to.be(true);
  });

  it('finds elements with compound subjects', function () {
    var $container = $('<div>');
    var $bar = $make('button bar').appendTo($container);
    var $baz = $make('button baz').appendTo($container);

    expect($container.findTestSubject('button&bar').is($bar)).to.be(true);
    expect($container.findTestSubject('button& bar').is($bar)).to.be(true);
    expect($container.findTestSubject('button & bar').is($bar)).to.be(true);
    expect($container.findTestSubject('button &bar').is($bar)).to.be(true);

    expect($container.findTestSubject('button&baz').is($baz)).to.be(true);
    expect($container.findTestSubject('button& baz').is($baz)).to.be(true);
    expect($container.findTestSubject('button & baz').is($baz)).to.be(true);
    expect($container.findTestSubject('button &baz').is($baz)).to.be(true);
  });
});