describe('chat-load-messages', function () {
  let padName;

  it('creates a pad', function (done) {
    padName = helper.newPad(done);
    this.timeout(60000);
  });

  it('adds a lot of messages', function (done) {
    const inner$ = helper.padInner$;
    const chrome$ = helper.padChrome$;
    const chatButton = chrome$('#chaticon');
    chatButton.click();
    const chatInput = chrome$('#chatinput');
    const chatText = chrome$('#chattext');

    this.timeout(60000);

    const messages = 140;
    for (let i = 1; i <= messages; i++) {
      let num = `${i}`;
      if (num.length == 1) num = `00${num}`;
      if (num.length == 2) num = `0${num}`;
      chatInput.sendkeys(`msg${num}`);
      chatInput.sendkeys('{enter}');
    }
    helper.waitFor(() => chatText.children('p').length == messages, 60000).always(() => {
      expect(chatText.children('p').length).to.be(messages);
      helper.newPad(done, padName);
    });
  });

  it('checks initial message count', function (done) {
    let chatText;
    const expectedCount = 101;
    const chrome$ = helper.padChrome$;
    helper.waitFor(() => {
      const chatButton = chrome$('#chaticon');
      chatButton.click();
      chatText = chrome$('#chattext');
      return chatText.children('p').length == expectedCount;
    }).always(() => {
      expect(chatText.children('p').length).to.be(expectedCount);
      done();
    });
  });

  it('loads more messages', function (done) {
    const expectedCount = 122;
    const chrome$ = helper.padChrome$;
    const chatButton = chrome$('#chaticon');
    chatButton.click();
    const chatText = chrome$('#chattext');
    const loadMsgBtn = chrome$('#chatloadmessagesbutton');

    loadMsgBtn.click();
    helper.waitFor(() => chatText.children('p').length == expectedCount).always(() => {
      expect(chatText.children('p').length).to.be(expectedCount);
      done();
    });
  });

  it('checks for button vanishing', function (done) {
    const expectedDisplay = 'none';
    const chrome$ = helper.padChrome$;
    const chatButton = chrome$('#chaticon');
    chatButton.click();
    const chatText = chrome$('#chattext');
    const loadMsgBtn = chrome$('#chatloadmessagesbutton');
    const loadMsgBall = chrome$('#chatloadmessagesball');

    loadMsgBtn.click();
    helper.waitFor(() => loadMsgBtn.css('display') == expectedDisplay &&
             loadMsgBall.css('display') == expectedDisplay).always(() => {
      expect(loadMsgBtn.css('display')).to.be(expectedDisplay);
      expect(loadMsgBall.css('display')).to.be(expectedDisplay);
      done();
    });
  });
});