Home Explore Help
Register Sign In
im-changing.ru
/
converse.js
mirror of https://github.com/conversejs/converse.js.git
2
0
Fork 0
Files Issues 0 Wiki
Tree: ccfa00d7b8
Branches Tags
converse.js
/
spec
/
unfurls.js

unfurls.js 8.3 KB
History Raw

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104 
  1. /*global mock, converse */
    2. 

  2. 

  3. const { u } = converse.env;
    4. 

  4. 

  5. describe("A Groupchat Message", function () {
    6. 

  6. 

  7.     it("will render an unfurl based on OGP data", mock.initConverse(['chatBoxesFetched'], {}, async function (done, _converse) {
    8. 

  8.         const nick = 'romeo';
    9. 

  9.         const muc_jid = 'lounge@montague.lit';
    10. 

  10.         await mock.openAndEnterChatRoom(_converse, muc_jid, nick);
    11. 

  11.         const view = _converse.api.chatviews.get(muc_jid);
    12. 

  12. 

  13.         const message_stanza = u.toStanza(`
    14. 

  14.             <message xmlns="jabber:client" type="groupchat" from="${muc_jid}/arzu" xml:lang="en" to="${_converse.jid}" id="eda6c790-b4f3-4c07-b5e2-13fff99e6c04">
    15. 

  15.                 <body>https://www.youtube.com/watch?v=dQw4w9WgXcQ</body>
    16. 

  16.                 <active xmlns="http://jabber.org/protocol/chatstates"/>
    17. 

  17.                 <origin-id xmlns="urn:xmpp:sid:0" id="eda6c790-b4f3-4c07-b5e2-13fff99e6c04"/>
    18. 

  18.                 <stanza-id xmlns="urn:xmpp:sid:0" by="${muc_jid}" id="8f7613cc-27d4-40ca-9488-da25c4baf92a"/>
    19. 

  19.                 <markable xmlns="urn:xmpp:chat-markers:0"/>
    20. 

  20.             </message>`);
    21. 

  21.         _converse.connection._dataRecv(mock.createRequest(message_stanza));
    22. 

  22.         const el = await u.waitUntil(() => view.querySelector('.chat-msg__text'));
    23. 

  23.         expect(el.textContent).toBe('https://www.youtube.com/watch?v=dQw4w9WgXcQ');
    24. 

  24. 

  25.         const metadata_stanza = u.toStanza(`
    26. 

  26.             <message xmlns="jabber:client" from="${muc_jid}" to="${_converse.jid}" type="groupchat">
    27. 

  27.                 <apply-to xmlns="urn:xmpp:fasten:0" id="eda6c790-b4f3-4c07-b5e2-13fff99e6c04">
    28. 

  28.                     <meta xmlns="http://www.w3.org/1999/xhtml" property="og:site_name" content="YouTube" />
    29. 

  29.                     <meta xmlns="http://www.w3.org/1999/xhtml" property="og:url" content="https://www.youtube.com/watch?v=dQw4w9WgXcQ" />
    30. 

  30.                     <meta xmlns="http://www.w3.org/1999/xhtml" property="og:title" content="Rick Astley - Never Gonna Give You Up (Video)" />
    31. 

  31.                     <meta xmlns="http://www.w3.org/1999/xhtml" property="og:image" content="https://i.ytimg.com/vi/dQw4w9WgXcQ/maxresdefault.jpg" />
    32. 

  32.                     <meta xmlns="http://www.w3.org/1999/xhtml" property="og:image:width" content="1280" />
    33. 

  33.                     <meta xmlns="http://www.w3.org/1999/xhtml" property="og:image:height" content="720" />
    34. 

  34.                     <meta xmlns="http://www.w3.org/1999/xhtml" property="og:description" content="Rick Astley&amp;#39;s official music video for &quot;Never Gonna Give You Up&quot; Listen to Rick Astley: https://RickAstley.lnk.to/_listenYD Subscribe to the official Rick Ast..." />
    35. 

  35.                     <meta xmlns="http://www.w3.org/1999/xhtml" property="og:type" content="video.other" />
    36. 

  36.                     <meta xmlns="http://www.w3.org/1999/xhtml" property="og:video:url" content="https://www.youtube.com/embed/dQw4w9WgXcQ" />
    37. 

  37.                     <meta xmlns="http://www.w3.org/1999/xhtml" property="og:video:secure_url" content="https://www.youtube.com/embed/dQw4w9WgXcQ" />
    38. 

  38.                     <meta xmlns="http://www.w3.org/1999/xhtml" property="og:video:type" content="text/html" />
    39. 

  39.                     <meta xmlns="http://www.w3.org/1999/xhtml" property="og:video:width" content="1280" />
    40. 

  40.                     <meta xmlns="http://www.w3.org/1999/xhtml" property="og:video:height" content="720" />
    41. 

  41.                 </apply-to>
    42. 

  42.             </message>`);
    43. 

  43.         _converse.connection._dataRecv(mock.createRequest(metadata_stanza));
    44. 

  44. 

  45.         const unfurl = await u.waitUntil(() => view.querySelector('converse-message-unfurl'));
    46. 

  46.         expect(unfurl.querySelector('.card-img-top').getAttribute('src')).toBe('https://i.ytimg.com/vi/dQw4w9WgXcQ/maxresdefault.jpg');
    47. 

  47.         done();
    48. 

  48.     }));
    49. 

  49. 

  50.     it("will render multiple unfurls based on OGP data", mock.initConverse(['chatBoxesFetched'], {}, async function (done, _converse) {
    51. 

  51.         const nick = 'romeo';
    52. 

  52.         const muc_jid = 'lounge@montague.lit';
    53. 

  53.         await mock.openAndEnterChatRoom(_converse, muc_jid, nick);
    54. 

  54.         const view = _converse.api.chatviews.get(muc_jid);
    55. 

  55. 

  56.         const message_stanza = u.toStanza(`
    57. 

  57.             <message xmlns="jabber:client" type="groupchat" from="${muc_jid}/arzu" xml:lang="en" to="${_converse.jid}" id="eda6c790-b4f3-4c07-b5e2-13fff99e6c04">
    58. 

  58.                 <body>Check out https://www.youtube.com/watch?v=dQw4w9WgXcQ and https://duckduckgo.com</body>
    59. 

  59.                 <active xmlns="http://jabber.org/protocol/chatstates"/>
    60. 

  60.                 <origin-id xmlns="urn:xmpp:sid:0" id="eda6c790-b4f3-4c07-b5e2-13fff99e6c04"/>
    61. 

  61.                 <stanza-id xmlns="urn:xmpp:sid:0" by="${muc_jid}" id="8f7613cc-27d4-40ca-9488-da25c4baf92a"/>
    62. 

  62.                 <markable xmlns="urn:xmpp:chat-markers:0"/>
    63. 

  63.             </message>`);
    64. 

  64.         _converse.connection._dataRecv(mock.createRequest(message_stanza));
    65. 

  65.         const el = await u.waitUntil(() => view.querySelector('.chat-msg__text'));
    66. 

  66.         expect(el.textContent).toBe('Check out https://www.youtube.com/watch?v=dQw4w9WgXcQ and https://duckduckgo.com');
    67. 

  67. 

  68.         let metadata_stanza = u.toStanza(`
    69. 

  69.             <message xmlns="jabber:client" from="${muc_jid}" to="${_converse.jid}" type="groupchat">
    70. 

  70.                 <apply-to xmlns="urn:xmpp:fasten:0" id="eda6c790-b4f3-4c07-b5e2-13fff99e6c04">
    71. 

  71.                     <meta xmlns="http://www.w3.org/1999/xhtml" property="og:site_name" content="YouTube" />
    72. 

  72.                     <meta xmlns="http://www.w3.org/1999/xhtml" property="og:url" content="https://www.youtube.com/watch?v=dQw4w9WgXcQ" />
    73. 

  73.                     <meta xmlns="http://www.w3.org/1999/xhtml" property="og:title" content="Rick Astley - Never Gonna Give You Up (Video)" />
    74. 

  74.                     <meta xmlns="http://www.w3.org/1999/xhtml" property="og:image" content="https://i.ytimg.com/vi/dQw4w9WgXcQ/maxresdefault.jpg" />
    75. 

  75.                     <meta xmlns="http://www.w3.org/1999/xhtml" property="og:image:width" content="1280" />
    76. 

  76.                     <meta xmlns="http://www.w3.org/1999/xhtml" property="og:image:height" content="720" />
    77. 

  77.                     <meta xmlns="http://www.w3.org/1999/xhtml" property="og:description" content="Rick Astley&amp;#39;s official music video for &quot;Never Gonna Give You Up&quot; Listen to Rick Astley: https://RickAstley.lnk.to/_listenYD Subscribe to the official Rick Ast..." />
    78. 

  78.                     <meta xmlns="http://www.w3.org/1999/xhtml" property="og:type" content="video.other" />
    79. 

  79.                     <meta xmlns="http://www.w3.org/1999/xhtml" property="og:video:url" content="https://www.youtube.com/embed/dQw4w9WgXcQ" />
    80. 

  80.                     <meta xmlns="http://www.w3.org/1999/xhtml" property="og:video:secure_url" content="https://www.youtube.com/embed/dQw4w9WgXcQ" />
    81. 

  81.                     <meta xmlns="http://www.w3.org/1999/xhtml" property="og:video:type" content="text/html" />
    82. 

  82.                     <meta xmlns="http://www.w3.org/1999/xhtml" property="og:video:width" content="1280" />
    83. 

  83.                     <meta xmlns="http://www.w3.org/1999/xhtml" property="og:video:height" content="720" />
    84. 

  84.                 </apply-to>
    85. 

  85.             </message>`);
    86. 

  86.         _converse.connection._dataRecv(mock.createRequest(metadata_stanza));
    87. 

  87.         await u.waitUntil(() => view.querySelectorAll('converse-message-unfurl').length === 1);
    88. 

  88. 

  89.         metadata_stanza = u.toStanza(`
    90. 

  90.             <message xmlns="jabber:client" from="${muc_jid}" to="${_converse.jid}" type="groupchat">
    91. 

  91.                 <apply-to xmlns="urn:xmpp:fasten:0" id="eda6c790-b4f3-4c07-b5e2-13fff99e6c04">
    92. 

  92.                     <meta xmlns="http://www.w3.org/1999/xhtml" property="og:url" content="https://duckduckgo.com/" />
    93. 

  93.                     <meta xmlns="http://www.w3.org/1999/xhtml" property="og:site_name" content="DuckDuckGo" />
    94. 

  94.                     <meta xmlns="http://www.w3.org/1999/xhtml" property="og:image" content="https://duckduckgo.com/assets/logo_social-media.png" />
    95. 

  95.                     <meta xmlns="http://www.w3.org/1999/xhtml" property="og:title" content="DuckDuckGo - Privacy, simplified." />
    96. 

  96.                     <meta xmlns="http://www.w3.org/1999/xhtml" property="og:description" content="The Internet privacy company that empowers you to seamlessly take control of your personal information online, without any tradeoffs." />
    97. 

  97.                 </apply-to>
    98. 

  98.             </message>`);
    99. 

  99.         _converse.connection._dataRecv(mock.createRequest(metadata_stanza));
    100. 

  100. 

  101.         await u.waitUntil(() => view.querySelectorAll('converse-message-unfurl').length === 2);
    102. 

  102.         done();
    103. 

  103.     }));
    104. 

  104. });
    105.