|
|
@@ -10,6 +10,9 @@ describe("A Groupchat Message", function () {
|
|
|
await mock.openAndEnterChatRoom(_converse, muc_jid, nick);
|
|
|
const view = _converse.chatboxviews.get(muc_jid);
|
|
|
|
|
|
+ const unfurl_image_src = "https://i.ytimg.com/vi/dQw4w9WgXcQ/maxresdefault.jpg";
|
|
|
+ const unfurl_url = "https://www.youtube.com/watch?v=dQw4w9WgXcQ";
|
|
|
+
|
|
|
const message_stanza = u.toStanza(`
|
|
|
<message xmlns="jabber:client" type="groupchat" from="${muc_jid}/arzu" xml:lang="en" to="${_converse.jid}" id="eda6c790-b4f3-4c07-b5e2-13fff99e6c04">
|
|
|
<body>https://www.youtube.com/watch?v=dQw4w9WgXcQ</body>
|
|
|
@@ -26,9 +29,9 @@ describe("A Groupchat Message", function () {
|
|
|
<message xmlns="jabber:client" from="${muc_jid}" to="${_converse.jid}" type="groupchat">
|
|
|
<apply-to xmlns="urn:xmpp:fasten:0" id="eda6c790-b4f3-4c07-b5e2-13fff99e6c04">
|
|
|
<meta xmlns="http://www.w3.org/1999/xhtml" property="og:site_name" content="YouTube" />
|
|
|
- <meta xmlns="http://www.w3.org/1999/xhtml" property="og:url" content="https://www.youtube.com/watch?v=dQw4w9WgXcQ" />
|
|
|
+ <meta xmlns="http://www.w3.org/1999/xhtml" property="og:url" content="${unfurl_url}" />
|
|
|
<meta xmlns="http://www.w3.org/1999/xhtml" property="og:title" content="Rick Astley - Never Gonna Give You Up (Video)" />
|
|
|
- <meta xmlns="http://www.w3.org/1999/xhtml" property="og:image" content="https://i.ytimg.com/vi/dQw4w9WgXcQ/maxresdefault.jpg" />
|
|
|
+ <meta xmlns="http://www.w3.org/1999/xhtml" property="og:image" content="${unfurl_image_src}" />
|
|
|
<meta xmlns="http://www.w3.org/1999/xhtml" property="og:image:width" content="1280" />
|
|
|
<meta xmlns="http://www.w3.org/1999/xhtml" property="og:image:height" content="720" />
|
|
|
<meta xmlns="http://www.w3.org/1999/xhtml" property="og:description" content="Rick Astley&#39;s official music video for "Never Gonna Give You Up" Listen to Rick Astley: https://RickAstley.lnk.to/_listenYD Subscribe to the official Rick Ast..." />
|
|
|
@@ -43,7 +46,8 @@ describe("A Groupchat Message", function () {
|
|
|
_converse.connection._dataRecv(mock.createRequest(metadata_stanza));
|
|
|
|
|
|
const unfurl = await u.waitUntil(() => view.querySelector('converse-message-unfurl'));
|
|
|
- expect(unfurl.querySelector('.card-img-top').getAttribute('text')).toBe('https://i.ytimg.com/vi/dQw4w9WgXcQ/maxresdefault.jpg');
|
|
|
+ expect(unfurl.querySelector('.card-img-top').getAttribute('src')).toBe(unfurl_image_src);
|
|
|
+ expect(unfurl.querySelector('.card-img-top').getAttribute('href')).toBe(unfurl_url);
|
|
|
}));
|
|
|
|
|
|
it("will render an unfurl with limited OGP data", mock.initConverse(['chatBoxesFetched'], {}, async function (_converse) {
|
|
|
@@ -78,10 +82,49 @@ describe("A Groupchat Message", function () {
|
|
|
_converse.connection._dataRecv(mock.createRequest(metadata_stanza));
|
|
|
|
|
|
const unfurl = await u.waitUntil(() => view.querySelector('converse-message-unfurl'));
|
|
|
- expect(unfurl.querySelector('.card-img-top').getAttribute('text')).toBe('https://conversejs.org/dist/images/custom_emojis/converse.png');
|
|
|
+ expect(unfurl.querySelector('.card-img-top').getAttribute('src')).toBe('https://conversejs.org/dist/images/custom_emojis/converse.png');
|
|
|
expect(unfurl.querySelector('.card-body')).toBe(null);
|
|
|
}));
|
|
|
|
|
|
+ it("will render an unfurl containing a GIF", mock.initConverse(['chatBoxesFetched'], {}, async function (_converse) {
|
|
|
+ const nick = 'romeo';
|
|
|
+ const muc_jid = 'lounge@montague.lit';
|
|
|
+ await mock.openAndEnterChatRoom(_converse, muc_jid, nick);
|
|
|
+ const view = _converse.chatboxviews.get(muc_jid);
|
|
|
+ const unfurl_url = "https://giphy.com/gifs/giphyqa-4YY4DnqeUDBXNTcYMu";
|
|
|
+ const gif_url = "https://media4.giphy.com/media/4YY4DnqeUDBXNTcYMu/giphy.gif?foo=bar";
|
|
|
+
|
|
|
+ const message_stanza = u.toStanza(`
|
|
|
+ <message xmlns="jabber:client" type="groupchat" from="${muc_jid}/arzu" xml:lang="en" to="${_converse.jid}" id="eda6c790-b4f3-4c07-b5e2-13fff99e6c04">
|
|
|
+ <body>${unfurl_url}</body>
|
|
|
+ <active xmlns="http://jabber.org/protocol/chatstates"/>
|
|
|
+ <origin-id xmlns="urn:xmpp:sid:0" id="eda6c790-b4f3-4c07-b5e2-13fff99e6c04"/>
|
|
|
+ <stanza-id xmlns="urn:xmpp:sid:0" by="${muc_jid}" id="8f7613cc-27d4-40ca-9488-da25c4baf92a"/>
|
|
|
+ <markable xmlns="urn:xmpp:chat-markers:0"/>
|
|
|
+ </message>`);
|
|
|
+ _converse.connection._dataRecv(mock.createRequest(message_stanza));
|
|
|
+ const el = await u.waitUntil(() => view.querySelector('.chat-msg__text'));
|
|
|
+ expect(el.textContent).toBe(unfurl_url);
|
|
|
+
|
|
|
+
|
|
|
+ const metadata_stanza = u.toStanza(`
|
|
|
+ <message xmlns="jabber:client" from="${muc_jid}" to="${_converse.jid}" type="groupchat">
|
|
|
+ <apply-to xmlns="urn:xmpp:fasten:0" id="eda6c790-b4f3-4c07-b5e2-13fff99e6c04">
|
|
|
+ <meta xmlns="http://www.w3.org/1999/xhtml" property="og:title" content="Animated GIF" />
|
|
|
+ <meta xmlns="http://www.w3.org/1999/xhtml" property="og:description" content="Alright then, keep your secrets" />
|
|
|
+ <meta xmlns="http://www.w3.org/1999/xhtml" property="og:url" content="${unfurl_url}" />
|
|
|
+ <meta xmlns="http://www.w3.org/1999/xhtml" property="og:image" content="${gif_url}" />
|
|
|
+ <meta xmlns="http://www.w3.org/1999/xhtml" property="og:image:type" content="image/gif" />
|
|
|
+ <meta xmlns="http://www.w3.org/1999/xhtml" property="og:image:width" content="360" />
|
|
|
+ <meta xmlns="http://www.w3.org/1999/xhtml" property="og:image:height" content="302" />
|
|
|
+ </apply-to>
|
|
|
+ </message>`);
|
|
|
+ _converse.connection._dataRecv(mock.createRequest(metadata_stanza));
|
|
|
+
|
|
|
+ const unfurl = await u.waitUntil(() => view.querySelector('converse-message-unfurl'));
|
|
|
+ expect(unfurl.querySelector('.card-img-top').getAttribute('src')).toBe(gif_url);
|
|
|
+ }));
|
|
|
+
|
|
|
it("will render multiple unfurls based on OGP data", mock.initConverse(['chatBoxesFetched'], {}, async function (_converse) {
|
|
|
const nick = 'romeo';
|
|
|
const muc_jid = 'lounge@montague.lit';
|
JC Brand