describe("Chat messages and UI", function(){
  //create a new pad before each test run
  beforeEach(function(cb){
    helper.newPad(cb);
    this.timeout(60000);
  });

  it("opens chat, sends a message and makes sure it exists on the page", function(done) {
    var inner$ = helper.padInner$;
    var chrome$ = helper.padChrome$;
    var chatValue = "JohnMcLear";

    //click on the chat button to make chat visible
    var $chatButton = chrome$("#chaticon");
    $chatButton.click();
    var $chatInput = chrome$("#chatinput");
    $chatInput.sendkeys('JohnMcLear'); // simulate a keypress of typing JohnMcLear
    $chatInput.sendkeys('{enter}'); // simulate a keypress of enter actually does evt.which = 10 not 13

    //check if chat shows up
    helper.waitFor(function(){
      return chrome$("#chattext").children("p").length !== 0; // wait until the chat message shows up
    }).done(function(){
      var $firstChatMessage = chrome$("#chattext").children("p");
      var containsMessage = $firstChatMessage.text().indexOf("JohnMcLear") !== -1; // does the string contain JohnMcLear?
      expect(containsMessage).to.be(true); // expect the first chat message to contain JohnMcLear

      // do a slightly more thorough check
      var username = $firstChatMessage.children("b");
      var usernameValue = username.text();
      var time = $firstChatMessage.children(".time");
      var timeValue = time.text();
      var discoveredValue = $firstChatMessage.text();
      var chatMsgExists = (discoveredValue.indexOf("JohnMcLear") !== -1);
      expect(chatMsgExists).to.be(true);
      done();
    });

  });

  it("makes sure that an empty message can't be sent", function(done) {
    var inner$ = helper.padInner$;
    var chrome$ = helper.padChrome$;

    //click on the chat button to make chat visible
    var $chatButton = chrome$("#chaticon");
    $chatButton.click();
    var $chatInput = chrome$("#chatinput");
    $chatInput.sendkeys('{enter}'); // simulate a keypress of enter (to send an empty message)
    $chatInput.sendkeys('mluto'); // simulate a keypress of typing mluto
    $chatInput.sendkeys('{enter}'); // simulate a keypress of enter (to send 'mluto')

    //check if chat shows up
    helper.waitFor(function(){
      return chrome$("#chattext").children("p").length !== 0; // wait until the chat message shows up
    }).done(function(){
      // check that the empty message is not there
      expect(chrome$("#chattext").children("p").length).to.be(1);
      // check that the received message is not the empty one
      var $firstChatMessage = chrome$("#chattext").children("p");
      var containsMessage = $firstChatMessage.text().indexOf("mluto") !== -1;
      expect(containsMessage).to.be(true);
      done();
    });
  });

  it("makes chat stick to right side of the screen", function(done) {
    var inner$ = helper.padInner$;
    var chrome$ = helper.padChrome$;

    //click on the settings button to make settings visible
    var $settingsButton = chrome$(".buttonicon-settings");
    $settingsButton.click();

    //get the chat selector
    var $stickychatCheckbox = chrome$("#options-stickychat");

    //select chat always on screen
    if (!$stickychatCheckbox.is(':checked')) {
      $stickychatCheckbox.click();
    }

    // due to animation, we need to make some timeout...
    setTimeout(function() {
      //check if chat changed to get the stickychat Class
      var $chatbox = chrome$("#chatbox");
      var hasStickyChatClass = $chatbox.hasClass("stickyChat");
      expect(hasStickyChatClass).to.be(true);

      // select chat always on screen and fire change event
      $stickychatCheckbox.click();

      setTimeout(function() {
        //check if chat changed to remove the stickychat Class
        var hasStickyChatClass = $chatbox.hasClass("stickyChat");
        expect(hasStickyChatClass).to.be(false);

        done();
      }, 10)
    }, 10)


  });

  it("makes chat stick to right side of the screen then makes it one step smaller", function(done) {
    var inner$ = helper.padInner$;
    var chrome$ = helper.padChrome$;

    // open chat
    chrome$('#chaticon').click();

    // select chat always on screen from chatbox
    chrome$('.stick-to-screen-btn').click();

    // due to animation, we need to make some timeout...
    setTimeout(function() {
      //check if chat changed to get the stickychat Class
      var $chatbox = chrome$("#chatbox");
      var hasStickyChatClass = $chatbox.hasClass("stickyChat");
      expect(hasStickyChatClass).to.be(true);

      // select chat always on screen and fire change event
      chrome$('#titlecross').click();

      setTimeout(function() {
        //check if chat changed to remove the stickychat Class
        var hasStickyChatClass = $chatbox.hasClass("stickyChat");
        expect(hasStickyChatClass).to.be(false);

        done();
      }, 10)
    }, 10)
  });

  it("Checks showChat=false URL Parameter hides chat then when removed it shows chat", function(done) {
    this.timeout(60000);
    var inner$ = helper.padInner$;
    var chrome$ = helper.padChrome$;

    setTimeout(function(){ //give it a second to save the username on the server side
      helper.newPad({ // get a new pad, but don't clear the cookies
        clearCookies: false,
        params:{
          showChat: "false"
        }, cb: function(){
          var chrome$ = helper.padChrome$;
          var chaticon = chrome$("#chaticon");
          // chat should be hidden.
          expect(chaticon.is(":visible")).to.be(false);


          setTimeout(function(){ //give it a second to save the username on the server side
            helper.newPad({ // get a new pad, but don't clear the cookies
              clearCookies: false
              , cb: function(){
                var chrome$ = helper.padChrome$;
                var chaticon = chrome$("#chaticon");
                // chat should be visible.
                expect(chaticon.is(":visible")).to.be(true);
                done();
              }
            });
          }, 1000);

        }
      });
    }, 1000);

  });

});