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

  it('opens chat, sends a message, makes sure it exists on the page and hides chat', async function () {
    const chatValue = 'JohnMcLear';

    await helper.showChat();
    await helper.sendChatMessage(`${chatValue}{enter}`);

    expect(helper.chatTextParagraphs().length).to.be(1);

    // <p data-authorid="a.qjkwNs4z0pPROphS"
    //   class="author-a-qjkwz78zs4z122z0pz80zz82zz79zphz83z">
    //   <b>unnamed:</b>
    //   <span class="time author-a-qjkwz78zs4z122z0pz80zz82zz79zphz83z">12:38
    //   </span> JohnMcLear
    // </p>
    const username = helper.chatTextParagraphs().children('b').text();
    const time = helper.chatTextParagraphs().children('.time').text();

    expect(helper.chatTextParagraphs().text()).to.be(`${username}${time} ${chatValue}`);

    await helper.hideChat();
  });

  it("makes sure that an empty message can't be sent", async function () {
    const chatValue = 'mluto';

    await helper.showChat();

    await helper.sendChatMessage(`{enter}${chatValue}{enter}`); // simulate a keypress of typing enter, mluto and enter (to send 'mluto')

    const chat = helper.chatTextParagraphs();

    expect(chat.length).to.be(1);

    // check that the received message is not the empty one
    const username = chat.children('b').text();
    const time = chat.children('.time').text();

    expect(chat.text()).to.be(`${username}${time} ${chatValue}`);
  });

  it('makes chat stick to right side of the screen via settings, remove sticky via settings, close it', async function () {
    await helper.showSettings();

    await helper.enableStickyChatviaSettings();
    expect(helper.isChatboxShown()).to.be(true);
    expect(helper.isChatboxSticky()).to.be(true);

    await helper.disableStickyChatviaSettings();
    expect(helper.isChatboxSticky()).to.be(false);
    expect(helper.isChatboxShown()).to.be(true);

    await helper.hideChat();
    expect(helper.isChatboxSticky()).to.be(false);
    expect(helper.isChatboxShown()).to.be(false);
  });

  it('makes chat stick to right side of the screen via icon on the top right, remove sticky via icon, close it', async function () {
    await helper.showChat();

    await helper.enableStickyChatviaIcon();
    expect(helper.isChatboxShown()).to.be(true);
    expect(helper.isChatboxSticky()).to.be(true);

    await helper.disableStickyChatviaIcon();
    expect(helper.isChatboxShown()).to.be(true);
    expect(helper.isChatboxSticky()).to.be(false);

    await helper.hideChat();
    expect(helper.isChatboxSticky()).to.be(false);
    expect(helper.isChatboxShown()).to.be(false);
  });

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

    setTimeout(() => { // 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() {
          const chrome$ = helper.padChrome$;
          const chaticon = chrome$('#chaticon');
          // chat should be hidden.
          expect(chaticon.is(':visible')).to.be(false);

          setTimeout(() => { // 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() {
                const chrome$ = helper.padChrome$;
                const chaticon = chrome$('#chaticon');
                // chat should be visible.
                expect(chaticon.is(':visible')).to.be(true);
                done();
              },
            });
          }, 1000);
        },
      });
    }, 1000);
  });
});