unittests/tests/widgets/tweetsWidget.js
author hamidouk
Mon, 21 Nov 2011 16:20:55 +0100
branchpopcorn-port
changeset 298 eccdc619ede3
parent 283 39e6707ca72b
child 378 110311d59b2f
permissions -rw-r--r--
fixes a display bug because mustache escapes html by default.
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
267
f84013fb19dc added a new widget, to display the contents of tweets in a separate pane.
hamidouk
parents:
diff changeset
     1
/* tweetsWidget.js */
f84013fb19dc added a new widget, to display the contents of tweets in a separate pane.
hamidouk
parents:
diff changeset
     2
f84013fb19dc added a new widget, to display the contents of tweets in a separate pane.
hamidouk
parents:
diff changeset
     3
function test_tweets_widget() {
f84013fb19dc added a new widget, to display the contents of tweets in a separate pane.
hamidouk
parents:
diff changeset
     4
  module("tweet widget testing", 
f84013fb19dc added a new widget, to display the contents of tweets in a separate pane.
hamidouk
parents:
diff changeset
     5
  {setup : function() {    
f84013fb19dc added a new widget, to display the contents of tweets in a separate pane.
hamidouk
parents:
diff changeset
     6
    this.Popcorn = Popcorn.youtube("#popcorn-div", "http://www.youtube.com/watch?v=QH2-TGUlwu4");
f84013fb19dc added a new widget, to display the contents of tweets in a separate pane.
hamidouk
parents:
diff changeset
     7
    
f84013fb19dc added a new widget, to display the contents of tweets in a separate pane.
hamidouk
parents:
diff changeset
     8
    this.dt = new IriSP.DataLoader();
f84013fb19dc added a new widget, to display the contents of tweets in a separate pane.
hamidouk
parents:
diff changeset
     9
    this.ser = new IriSP.MockTweetSerializer(this.dt, "/url"); /* dummy serializer */
f84013fb19dc added a new widget, to display the contents of tweets in a separate pane.
hamidouk
parents:
diff changeset
    10
f84013fb19dc added a new widget, to display the contents of tweets in a separate pane.
hamidouk
parents:
diff changeset
    11
    this.config = {
f84013fb19dc added a new widget, to display the contents of tweets in a separate pane.
hamidouk
parents:
diff changeset
    12
							width:650,
f84013fb19dc added a new widget, to display the contents of tweets in a separate pane.
hamidouk
parents:
diff changeset
    13
							height:1,
f84013fb19dc added a new widget, to display the contents of tweets in a separate pane.
hamidouk
parents:
diff changeset
    14
							mode:'radio',
f84013fb19dc added a new widget, to display the contents of tweets in a separate pane.
hamidouk
parents:
diff changeset
    15
							container:'widget-div',
f84013fb19dc added a new widget, to display the contents of tweets in a separate pane.
hamidouk
parents:
diff changeset
    16
							debug:true,
f84013fb19dc added a new widget, to display the contents of tweets in a separate pane.
hamidouk
parents:
diff changeset
    17
							css:'../src/css/LdtPlayer.css'};
f84013fb19dc added a new widget, to display the contents of tweets in a separate pane.
hamidouk
parents:
diff changeset
    18
    },
f84013fb19dc added a new widget, to display the contents of tweets in a separate pane.
hamidouk
parents:
diff changeset
    19
  teardown: function() {
f84013fb19dc added a new widget, to display the contents of tweets in a separate pane.
hamidouk
parents:
diff changeset
    20
    /* free the popcorn object because it has signal handlers attached to it */
f84013fb19dc added a new widget, to display the contents of tweets in a separate pane.
hamidouk
parents:
diff changeset
    21
    this.Popcorn = Popcorn.youtube("#popcorn-div", "http://www.youtube.com/watch?v=QH2-TGUlwu4");
f84013fb19dc added a new widget, to display the contents of tweets in a separate pane.
hamidouk
parents:
diff changeset
    22
  }
f84013fb19dc added a new widget, to display the contents of tweets in a separate pane.
hamidouk
parents:
diff changeset
    23
  });
f84013fb19dc added a new widget, to display the contents of tweets in a separate pane.
hamidouk
parents:
diff changeset
    24
  
f84013fb19dc added a new widget, to display the contents of tweets in a separate pane.
hamidouk
parents:
diff changeset
    25
  test("test widget initialization", function() {  
f84013fb19dc added a new widget, to display the contents of tweets in a separate pane.
hamidouk
parents:
diff changeset
    26
    var widget = new IriSP.TweetsWidget(this.Popcorn, this.config, this.ser);    
f84013fb19dc added a new widget, to display the contents of tweets in a separate pane.
hamidouk
parents:
diff changeset
    27
    widget.draw();
f84013fb19dc added a new widget, to display the contents of tweets in a separate pane.
hamidouk
parents:
diff changeset
    28
283
39e6707ca72b more tests.
hamidouk
parents: 267
diff changeset
    29
    equal(widget.selector.find(".Ldt-tweetAvatar").length, 1, "test if the div has been added correctly");
39e6707ca72b more tests.
hamidouk
parents: 267
diff changeset
    30
    equal(widget.selector.find(".Ldt-tweetContents").length, 1, "test if sub-div has been added correctly");
267
f84013fb19dc added a new widget, to display the contents of tweets in a separate pane.
hamidouk
parents:
diff changeset
    31
  });
f84013fb19dc added a new widget, to display the contents of tweets in a separate pane.
hamidouk
parents:
diff changeset
    32
  
283
39e6707ca72b more tests.
hamidouk
parents: 267
diff changeset
    33
  test("test tweet display function", function() {    
39e6707ca72b more tests.
hamidouk
parents: 267
diff changeset
    34
    // tweak the display period so that our tests don't timeout
39e6707ca72b more tests.
hamidouk
parents: 267
diff changeset
    35
    IriSP.widgetsDefaults.TweetsWidget.tweet_display_period = 10;
39e6707ca72b more tests.
hamidouk
parents: 267
diff changeset
    36
    
267
f84013fb19dc added a new widget, to display the contents of tweets in a separate pane.
hamidouk
parents:
diff changeset
    37
    var widget = new IriSP.TweetsWidget(this.Popcorn, this.config, this.ser);    
f84013fb19dc added a new widget, to display the contents of tweets in a separate pane.
hamidouk
parents:
diff changeset
    38
    widget.draw();
298
eccdc619ede3 fixes a display bug because mustache escapes html by default.
hamidouk
parents: 283
diff changeset
    39
    var annotation = {content: 
eccdc619ede3 fixes a display bug because mustache escapes html by default.
hamidouk
parents: 283
diff changeset
    40
                        {"title": "title", "description": "description", "keywords": "keywords", "img": {"src" : "http://yop.com"}},
eccdc619ede3 fixes a display bug because mustache escapes html by default.
hamidouk
parents: 283
diff changeset
    41
                      meta: {"dc:source" : {}}
eccdc619ede3 fixes a display bug because mustache escapes html by default.
hamidouk
parents: 283
diff changeset
    42
                     };
267
f84013fb19dc added a new widget, to display the contents of tweets in a separate pane.
hamidouk
parents:
diff changeset
    43
    widget.displayTweet(annotation);
f84013fb19dc added a new widget, to display the contents of tweets in a separate pane.
hamidouk
parents:
diff changeset
    44
    
283
39e6707ca72b more tests.
hamidouk
parents: 267
diff changeset
    45
    equal(widget.selector.find(".Ldt-tweetContents").text(), "title", "title set correctly");    
39e6707ca72b more tests.
hamidouk
parents: 267
diff changeset
    46
    equal(widget.selector.find(".Ldt-tweetAvatar").children().attr("src"), "http://yop.com", "user avatar set correctly");
39e6707ca72b more tests.
hamidouk
parents: 267
diff changeset
    47
    
298
eccdc619ede3 fixes a display bug because mustache escapes html by default.
hamidouk
parents: 283
diff changeset
    48
    var annotation2 = {content: {"title": "title", "description": "description", "keywords": "keywords", "img" : {}}, meta: {"dc:source" : {}}};
283
39e6707ca72b more tests.
hamidouk
parents: 267
diff changeset
    49
    widget.displayTweet(annotation2);
39e6707ca72b more tests.
hamidouk
parents: 267
diff changeset
    50
    equal(widget.selector.find(".Ldt-tweetAvatar").children().attr("src"), 
39e6707ca72b more tests.
hamidouk
parents: 267
diff changeset
    51
                               IriSP.widgetsDefaults.TweetsWidget.default_profile_picture, "default avatar set correctly");
39e6707ca72b more tests.
hamidouk
parents: 267
diff changeset
    52
    
39e6707ca72b more tests.
hamidouk
parents: 267
diff changeset
    53
    widget.selector.find(".Ldt-tweetWidgetMinimize").click();
39e6707ca72b more tests.
hamidouk
parents: 267
diff changeset
    54
    
39e6707ca72b more tests.
hamidouk
parents: 267
diff changeset
    55
    ok(!widget.selector.is(":visible"), "the widget is hidden after a click");    
39e6707ca72b more tests.
hamidouk
parents: 267
diff changeset
    56
  });
39e6707ca72b more tests.
hamidouk
parents: 267
diff changeset
    57
  
39e6707ca72b more tests.
hamidouk
parents: 267
diff changeset
    58
  test("test async clear", function() {
39e6707ca72b more tests.
hamidouk
parents: 267
diff changeset
    59
  /*
39e6707ca72b more tests.
hamidouk
parents: 267
diff changeset
    60
    expect(1);
39e6707ca72b more tests.
hamidouk
parents: 267
diff changeset
    61
    
39e6707ca72b more tests.
hamidouk
parents: 267
diff changeset
    62
    // tweak the display period so that our tests don't timeout
39e6707ca72b more tests.
hamidouk
parents: 267
diff changeset
    63
    IriSP.widgetsDefaults.TweetsWidget.tweet_display_period = 10;
39e6707ca72b more tests.
hamidouk
parents: 267
diff changeset
    64
    stop();
39e6707ca72b more tests.
hamidouk
parents: 267
diff changeset
    65
    
39e6707ca72b more tests.
hamidouk
parents: 267
diff changeset
    66
    var widget = new IriSP.TweetsWidget(this.Popcorn, this.config, this.ser);    
39e6707ca72b more tests.
hamidouk
parents: 267
diff changeset
    67
    widget.draw();
39e6707ca72b more tests.
hamidouk
parents: 267
diff changeset
    68
    var annotation = {content: {"title": "title", "description": "description", "keywords": "keywords", "img": {"src" : "http://yop.com"}}};
39e6707ca72b more tests.
hamidouk
parents: 267
diff changeset
    69
    widget.displayTweet(annotation);
39e6707ca72b more tests.
hamidouk
parents: 267
diff changeset
    70
  
39e6707ca72b more tests.
hamidouk
parents: 267
diff changeset
    71
39e6707ca72b more tests.
hamidouk
parents: 267
diff changeset
    72
    window.setTimeout(function() { console.log("called!"); 
39e6707ca72b more tests.
hamidouk
parents: 267
diff changeset
    73
      ok(!widget.selector.is(":visible"), "the widget is hidden after the timeout has passed."); 
39e6707ca72b more tests.
hamidouk
parents: 267
diff changeset
    74
      start(); 
39e6707ca72b more tests.
hamidouk
parents: 267
diff changeset
    75
      }, 100);
39e6707ca72b more tests.
hamidouk
parents: 267
diff changeset
    76
  */
267
f84013fb19dc added a new widget, to display the contents of tweets in a separate pane.
hamidouk
parents:
diff changeset
    77
  });
f84013fb19dc added a new widget, to display the contents of tweets in a separate pane.
hamidouk
parents:
diff changeset
    78
};