unittests/tests/widgets/tooltipWidget.js
author veltr
Fri, 29 Jun 2012 16:22:52 +0200
branchnew-model
changeset 923 b3ee7d1b472a
parent 492 97c920842123
permissions -rw-r--r--
UI improvements

/* tooltipWidget.js */

function test_tooltip_widget() {
  module("tooltip widget testing", 
  {setup : function() {    
    this.Popcorn = Popcorn("#popcorn-div");
    
    this.dt = new IriSP.DataLoader();
    this.ser = new IriSP.MockSerializer(this.dt, "/url"); /* dummy serializer */
            
    this.config = {
							width: 160,
							height:120,
              container: "widget-div"
						};
    },
    
  teardown: function() {
    /* free the popcorn object because it has signal handlers attached to it */
    this.Popcorn = Popcorn("#popcorn-div");
  }
  });
  
  test("test tooltip widget initialization", function() {  
    var widget = new IriSP.TooltipWidget(this.Popcorn, this.config, this.ser);    
    widget.draw();

    equal(widget.selector.children(".tip").length, 1, "test if the div has been added correctly");
    equal(widget.selector.children(".tip").css("position"), "fixed", "test if the widget has the correct position attr");    
    equal(widget.selector.children(".tip").css("display"), "none", "test if tooltip is hidden");    
  });
  
  test("test widget display function", function() {
    var widget = new IriSP.TooltipWidget(this.Popcorn, this.config, this.ser);    
    widget.draw();
    
    widget.show("ceci est un texte", "#fefefe", 105, 240);
    equal(widget.selector.children(".tip").css("left"), "105px", "test if div has been positionned correctly");
    equal(widget.selector.children(".tip").css("top"), "240px", "test if div has been positionned correctly");    
    equal(widget.selector.find(".tiptext").text(), "ceci est un texte", "test if text has been set correctly");
    notEqual(widget.selector.children(".tip").css("display"), "none", "test if tooltip is hidden"); 
    
    widget.hide();
    equal(widget.selector.children(".tip").css("display"), "none", "test if tooltip is hidden"); 
  });
};