rollover over the interface buttons now works as expected.
Also changed the width of the buttons to the correct size.
Resized the width and height of the sprites to be the same as the boxes we display
them in.
/* annotationsWidget.js */
function test_annotations_widget() {
module("annotations widget testing",
{setup : function() {
this.Popcorn = Popcorn.youtube("#popcorn-div", "http://www.youtube.com/watch?v=QH2-TGUlwu4");
this.dt = new IriSP.DataLoader();
this.ser = new IriSP.MockSerializer(this.dt, "/url"); /* dummy serializer */
IriSP.jQuery("#widget-div").append("<div id='Ldt-Ligne'></div>");
this.config = {
width:650,
height:1,
mode:'radio',
container:'widget-div',
debug:true,
css:'../src/css/LdtPlayer.css'};
},
teardown: function() {
/* free the popcorn object because it has signal handlers attached to it */
this.Popcorn = Popcorn.youtube("#popcorn-div", "http://www.youtube.com/watch?v=QH2-TGUlwu4");
}
});
test("test widget initialization", function() {
var widget = new IriSP.AnnotationsWidget(this.Popcorn, this.config, this.ser);
widget.draw();
equal(widget.selector.children(".Ldt-AnnotationsWidget").length, 1, "test if the div has been added correctly");
});
test("test annotation display function", function() {
var widget = new IriSP.AnnotationsWidget(this.Popcorn, this.config, this.ser);
widget.draw();
var annotation = {content: {"title": "title", "description": "description", "keywords": "keywords"}};
widget.displayAnnotation(annotation);
equal(widget.selector.find(".Ldt-SaTitle").text(), "title - ( NaN:NaN - NaN:NaN )", "title set correctly");
equal(widget.selector.find(".Ldt-SaDescription").text(), "description", "description set correctly");
equal(widget.selector.find(".Ldt-SaKeywordText").text(), "", "keywords field set correctly");
});
};