(function (root, factory) { define([ "jasmine", "utils", "mock", "converse-core", "test-utils" ], factory); } (this, function (jasmine, utils, mock, converse, test_utils) { var _ = converse.env._; var $msg = converse.env.$msg; var u = converse.env.utils; return describe("A spoiler message", function () { it("can be received with a hint", mock.initConverseWithPromises( null, ['rosterGroupsFetched'], {}, function (done, _converse) { test_utils.createContacts(_converse, 'current'); var sender_jid = mock.cur_names[0].replace(/ /g,'.').toLowerCase() + '@localhost'; /* * And at the end of the story, both of them die! It is so tragic! * Love story end * */ var spoiler_hint = "Love story end" var spoiler = "And at the end of the story, both of them die! It is so tragic!"; var msg = $msg({ 'xmlns': 'jabber:client', 'to': _converse.bare_jid, 'from': sender_jid, 'type': 'chat' }).c('body').t(spoiler).up() .c('spoiler', { 'xmlns': 'urn:xmpp:spoiler:0', }).t(spoiler_hint) .tree(); _converse.chatboxes.onMessage(msg); var view = _converse.chatboxviews.get(sender_jid); var message_content = view.el.querySelector('.chat-msg-content'); expect(message_content.textContent).toBe(spoiler); var spoiler_hint_el = view.el.querySelector('.spoiler-hint'); expect(spoiler_hint_el.textContent).toBe(spoiler_hint); done(); })); it("can be received without a hint", mock.initConverseWithPromises( null, ['rosterGroupsFetched'], {}, function (done, _converse) { test_utils.createContacts(_converse, 'current'); var sender_jid = mock.cur_names[0].replace(/ /g,'.').toLowerCase() + '@localhost'; /* * And at the end of the story, both of them die! It is so tragic! * Love story end * */ var spoiler = "And at the end of the story, both of them die! It is so tragic!"; var msg = $msg({ 'xmlns': 'jabber:client', 'to': _converse.bare_jid, 'from': sender_jid, 'type': 'chat' }).c('body').t(spoiler).up() .c('spoiler', { 'xmlns': 'urn:xmpp:spoiler:0', }).tree(); _converse.chatboxes.onMessage(msg); var view = _converse.chatboxviews.get(sender_jid); var message_content = view.el.querySelector('.chat-msg-content'); expect(message_content.textContent).toBe(spoiler); var spoiler_hint_el = view.el.querySelector('.spoiler-hint'); expect(spoiler_hint_el.textContent).toBe(''); done(); })); it("can be sent without a hint", mock.initConverseWithPromises( null, ['rosterGroupsFetched'], {}, function (done, _converse) { test_utils.createContacts(_converse, 'current'); test_utils.openControlBox(); test_utils.openContactsPanel(_converse); var contact_jid = mock.cur_names[0].replace(/ /g,'.').toLowerCase() + '@localhost'; test_utils.openChatBoxFor(_converse, contact_jid); var view = _converse.chatboxviews.get(contact_jid); spyOn(view, 'onMessageSubmitted').and.callThrough(); spyOn(_converse.connection, 'send'); var spoiler_toggle = view.el.querySelector('.toggle-spoiler-edit'); spoiler_toggle.click(); var textarea = view.el.querySelector('.chat-textarea'); textarea.value = 'This is the spoiler'; view.keyPressed({ target: textarea, preventDefault: _.noop, keyCode: 13 }); expect(view.onMessageSubmitted).toHaveBeenCalled(); /* Test the XML stanza * * * This is the spoiler * * * " */ var stanza = _converse.connection.send.calls.argsFor(0)[0].tree(); var spoiler_el = stanza.querySelector('spoiler[xmlns="urn:xmpp:spoiler:0"]'); expect(_.isNull(spoiler_el)).toBeFalsy(); expect(spoiler_el.textContent).toBe(''); var body_el = stanza.querySelector('body'); expect(body_el.textContent).toBe('This is the spoiler'); /* Test the HTML spoiler message */ var spoiler_msg_el = view.el.querySelector('.chat-msg-content.spoiler'); expect(spoiler_msg_el.textContent).toBe('This is the spoiler'); expect(_.includes(spoiler_msg_el.classList, 'collapsed')).toBeTruthy(); spoiler_toggle = view.el.querySelector('.toggle-spoiler'); expect(spoiler_toggle.textContent).toBe('Show spoiler'); spoiler_toggle.click(); expect(_.includes(spoiler_msg_el.classList, 'collapsed')).toBeFalsy(); expect(spoiler_toggle.textContent).toBe('Hide spoiler'); spoiler_toggle.click(); expect(_.includes(spoiler_msg_el.classList, 'collapsed')).toBeTruthy(); done(); })); it("can be sent with a hint", mock.initConverseWithPromises( null, ['rosterGroupsFetched'], {}, function (done, _converse) { test_utils.createContacts(_converse, 'current'); test_utils.openControlBox(); test_utils.openContactsPanel(_converse); var contact_jid = mock.cur_names[0].replace(/ /g,'.').toLowerCase() + '@localhost'; test_utils.openChatBoxFor(_converse, contact_jid); var view = _converse.chatboxviews.get(contact_jid); var spoiler_toggle = view.el.querySelector('.toggle-spoiler-edit'); spoiler_toggle.click(); spyOn(view, 'onMessageSubmitted').and.callThrough(); spyOn(_converse.connection, 'send'); var textarea = view.el.querySelector('.chat-textarea'); textarea.value = 'This is the spoiler'; var hint_input = view.el.querySelector('.spoiler-hint'); hint_input.value = 'This is the hint'; view.keyPressed({ target: textarea, preventDefault: _.noop, keyCode: 13 }); expect(view.onMessageSubmitted).toHaveBeenCalled(); /* Test the XML stanza * * * This is the spoiler * * This is the hint * " */ var stanza = _converse.connection.send.calls.argsFor(0)[0].tree(); var spoiler_el = stanza.querySelector('spoiler[xmlns="urn:xmpp:spoiler:0"]'); expect(_.isNull(spoiler_el)).toBeFalsy(); expect(spoiler_el.textContent).toBe('This is the hint'); var body_el = stanza.querySelector('body'); expect(body_el.textContent).toBe('This is the spoiler'); /* Test the HTML spoiler message */ var spoiler_msg_el = view.el.querySelector('.chat-msg-content.spoiler'); expect(spoiler_msg_el.textContent).toBe('This is the spoiler'); expect(_.includes(spoiler_msg_el.classList, 'collapsed')).toBeTruthy(); spoiler_toggle = view.el.querySelector('.toggle-spoiler'); expect(spoiler_toggle.textContent).toBe('Show spoiler'); spoiler_toggle.click(); expect(_.includes(spoiler_msg_el.classList, 'collapsed')).toBeFalsy(); expect(spoiler_toggle.textContent).toBe('Hide spoiler'); spoiler_toggle.click(); expect(_.includes(spoiler_msg_el.classList, 'collapsed')).toBeTruthy(); done(); })); }); }));