elk/tests/nuxt/__snapshots__/content-rich.test.ts.snap

475 lines
12 KiB
Plaintext
Raw Normal View History

2023-03-20 16:11:04 +01:00
// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
2023-01-29 14:20:37 +01:00
exports[`content-rich > block with backticks 1`] = `"<p><pre class="code-block">[(\`number string) (\`tag string)]</pre></p>"`;
2023-01-29 14:20:37 +01:00
exports[`content-rich > block with injected html, with a known language 1`] = `
"<pre>
<code class="language-js">
2023-01-29 14:20:37 +01:00
&lt;a href=&quot;javascript:alert(1)&quot;&gt;click me&lt;/a&gt;
</code>
</pre>
"
`;
exports[`content-rich > block with injected html, with an unknown language 1`] = `
"<pre>
<code class="language-xyzzy">
2023-01-29 14:20:37 +01:00
&lt;a href=&quot;javascript:alert(1)&quot;&gt;click me&lt;/a&gt;
</code>
</pre>
"
`;
exports[`content-rich > block with injected html, without language 1`] = `
"<pre>
<code>
&lt;a href=&quot;javascript:alert(1)&quot;&gt;click me&lt;/a&gt;
</code>
</pre>
"
`;
exports[`content-rich > code frame 1`] = `
"<p>Testing code block</p><p></p><p><pre class="code-block">import { useMouse, usePreferredDark } from &apos;@vueuse/core&apos;
2023-01-29 14:20:37 +01:00
// tracks mouse position
const { x, y } = useMouse()
// is the user prefers dark theme
const isDark = usePreferredDark()</pre></p>"
`;
exports[`content-rich > code frame 2 1`] = `
"<p dir="auto">
<span class="h-card"
2023-01-29 14:20:37 +01:00
><a
class="u-url mention"
rel="nofollow noopener noreferrer"
to="/webtoo.ls/@antfu"
><bdi>@<span>antfu</span></bdi></a
></span
>
2023-01-29 14:20:37 +01:00
Testing<br />
<pre class="code-block">const a = hello</pre>
2023-01-29 14:20:37 +01:00
</p>
"
`;
exports[`content-rich > code frame empty 1`] = `"<p dir="auto"><pre class="code-block"></pre><br></p>"`;
2023-01-29 14:20:37 +01:00
exports[`content-rich > code frame no lang 1`] = `"<p dir="auto"><pre class="code-block">hello world</pre><br>no lang</p>"`;
2023-01-29 14:20:37 +01:00
exports[`content-rich > collapse mentions 1`] = `
"<p dir="auto">
<span class="h-card"
><a
class="u-url mention"
rel="nofollow noopener noreferrer"
to="/m.webtoo.ls/@elk"
><bdi>@<span>elk</span></bdi></a
></span
>
<span class="h-card"
><a
class="u-url mention"
rel="nofollow noopener noreferrer"
to="/m.webtoo.ls/@elk"
><bdi>@<span>elk</span></bdi></a
></span
>
content
<span class="h-card"
><a
class="u-url mention"
rel="nofollow noopener noreferrer"
to="/m.webtoo.ls/@antfu"
><bdi>@<span>antfu</span></bdi></a
></span
>
<span class="h-card"
><a
class="u-url mention"
rel="nofollow noopener noreferrer"
to="/mastodon.roe.dev/@daniel"
><bdi>@<span>daniel</span></bdi></a
></span
>
<span class="h-card"
><a
class="u-url mention"
rel="nofollow noopener noreferrer"
to="/m.webtoo.ls/@sxzz"
><bdi>@<span>sxzz</span></bdi></a
></span
>
<span class="h-card"
><a
class="u-url mention"
rel="nofollow noopener noreferrer"
to="/m.webtoo.ls/@patak"
><bdi>@<span>patak</span></bdi></a
></span
>
content
</p>
"
`;
2023-01-29 14:20:37 +01:00
exports[`content-rich > custom emoji 1`] = `
"Daniel Roe
2023-12-22 13:16:46 +01:00
<picture class="custom-emoji" alt=":nuxt:" data-emoji-id="nuxt" title="nuxt"
2023-01-29 14:20:37 +01:00
><source
srcset="
2023-01-29 14:20:37 +01:00
https://media.webtoo.ls/custom_emojis/images/000/000/366/original/73330dfc9dda4078.png
"
media="(prefers-reduced-motion: reduce)" />
2023-01-29 14:20:37 +01:00
<img
src="https://media.webtoo.ls/custom_emojis/images/000/000/366/original/73330dfc9dda4078.png"
alt=":nuxt:"
2023-12-22 13:16:46 +01:00
title="nuxt"
2023-01-29 14:20:37 +01:00
/></picture>
"
`;
exports[`content-rich > empty 1`] = `""`;
exports[`content-rich > group mention > html 1`] = `
"<p>
<span class="h-card"
2023-01-29 14:20:37 +01:00
><a
class="u-url mention"
rel="nofollow noopener noreferrer"
to="/m.webtoo.ls/@pilipinas@lemmy.ml"
><bdi
><span data-type="mention" data-id="pilipinas@lemmy.ml"
>@pilipinas</span
></bdi
></a
></span
>
2023-01-29 14:20:37 +01:00
</p>
"
`;
exports[`content-rich > handles formatting from servers 1`] = `
"<h1>Fedi HTML Support Survey</h1>
<p>Does the following formatting come through accurately for you?</p>
<p></p>
<ul>
<li>This is an indented bulleted list (not just asterisks).</li>
<li><strong>This line is bold.</strong></li>
<li><em>This line is italic.</em></li>
</ul>
<ol>
<li>This list...</li>
<li>...is numbered and indented</li>
</ol>
<h1>This line is larger.</h1>
"
`;
exports[`content-rich > handles html within code blocks 1`] = `
"<p dir="auto">
2023-01-29 14:20:37 +01:00
HTML block code:<br />
<pre class="code-block">
2023-01-29 14:20:37 +01:00
&lt;span class=&quot;icon--noto icon--noto--1st-place-medal&quot;&gt;&lt;/span&gt;
&lt;span class=&quot;icon--noto icon--noto--2nd-place-medal-medal&quot;&gt;&lt;/span&gt;</pre
>
</p>
"
`;
exports[`content-rich > hashtag adds bdi 1`] = `
"<p dir="auto">
Testing bdi is added
<span
><VMenu
placement="bottom-start"
class="inline-block"
close-on-content-click="false"
no-auto-focus
><a
class="mention hashtag"
rel="nofollow noopener noreferrer"
to="/m.webtoo.ls/tags/turkey"
><bdi>#<span>turkey</span></bdi></a
></VMenu
></span
>
</p>
<p></p>
"
`;
exports[`content-rich > hashtag doesn't add 2 bdi 1`] = `
"<p dir="auto">
Testing bdi not added
<span
><VMenu
placement="bottom-start"
class="inline-block"
close-on-content-click="false"
no-auto-focus
><a
class="mention hashtag"
rel="nofollow noopener noreferrer"
to="/m.webtoo.ls/tags/turkey"
><bdi></bdi></a></VMenu
></span>
</p>
<p></p>
"
`;
exports[`content-rich > hides collapsed mentions 1`] = `
"<p dir="auto">content</p>
"
`;
2023-01-29 14:20:37 +01:00
exports[`content-rich > inline code with link 1`] = `
"<p dir="auto">
2023-01-29 14:20:37 +01:00
Inline code with link:
<code
>https://api.iconify.design/noto.css?icons=1st-place-medal,2nd-place-medal</code
>
</p>
"
`;
exports[`content-rich > link + mention 1`] = `
"<p dir="auto">
2023-01-29 14:20:37 +01:00
Happy
<img
src="/emojis/twemoji/1f917.svg"
class="iconify-emoji iconify-emoji--twemoji"
2023-12-22 13:16:46 +01:00
alt="🤗"
2023-01-29 14:20:37 +01:00
/>
were now using
<span class="h-card"
2023-01-29 14:20:37 +01:00
><a
class="u-url mention"
rel="nofollow noopener noreferrer"
to="/webtoo.ls/@vitest"
><bdi>@<span>vitest</span></bdi></a
></span
>
2023-01-29 14:20:37 +01:00
(migrated from chai+mocha)
<a
href="https://github.com/ayoayco/astro-reactive-library/pull/203"
rel="nofollow noopener noreferrer"
target="_blank"
><span class="invisible">https://</span
><span class="ellipsis">github.com/ayoayco/astro-react</span
><span class="invisible">ive-library/pull/203</span></a
2023-01-29 14:20:37 +01:00
>
</p>
"
`;
exports[`content-rich > p moved to div and text children replaced with p[dir="auto"] tags: br children removed 1`] = `
"<p dir="auto">
<span class="h-card"
><a
class="u-url mention"
rel="nofollow noopener noreferrer"
to="/strangeobject.space/@bebatjof"
><bdi>@<span>bebatjof</span></bdi></a
></span
>
هذا اختبار:<br />أنا أحب الطريقة التي يتم بها دعم النموذج المزدوج العربي. تمت
ترجمة الكلمة الأخيرة بشكل خاطئ وأحاول العثور على كيفية إصلاحها. أيضًا، يجب
إصلاح نموذج 0.
</p>
<p></p>
<p dir="auto">
This is a test:<br />I like how the arabic dual form is supported. The last
one is mistranslated and I&#39;m trying to find how to fix it. Also, the form
for 0 needs to be fixed.
</p>
<p></p>
"
`;
2023-01-29 14:20:37 +01:00
exports[`content-rich > plain text 1`] = `
"hello there
"
`;
exports[`content-rich > root p includes dir="auto" attr when mixed content 1`] = `
"<p dir="auto">
هذا اختبار جديد
<img
src="/emojis/twemoji/1f426.svg"
class="iconify-emoji iconify-emoji--twemoji"
alt="🐦"
/><img
src="/emojis/twemoji/1f424.svg"
class="iconify-emoji iconify-emoji--twemoji"
alt="🐤"
/>
<span class="h-card"
><a
class="u-url mention"
rel="nofollow noopener noreferrer"
to="/strangeobject.space/@bebatjof"
><bdi>@<span>bebatjof</span></bdi></a
></span
>
<br />أنا أحب الطريقة التي يتم بها دعم النموذج المزدوج العربي. تمت ترجمة
الكلمة الأخيرة بشكل خاطئ وأحاول العثور على كيفية إصلاحها.
<img
src="/emojis/twemoji/1f426.svg"
class="iconify-emoji iconify-emoji--twemoji"
alt="🐦"
/><img
src="/emojis/twemoji/1f424.svg"
class="iconify-emoji iconify-emoji--twemoji"
alt="🐤"
/>
;). كما أن النموذج الخاص بـ 0 يحتاج إلى إصلاح
<span
><VMenu
placement="bottom-start"
class="inline-block"
close-on-content-click="false"
no-auto-focus
><a
class="mention hashtag"
rel="nofollow noopener noreferrer"
to="/m.webtoo.ls/tags/turkey"
><bdi>#<span>turkey</span></bdi></a
></VMenu
></span
>
<span
><VMenu
placement="bottom-start"
class="inline-block"
close-on-content-click="false"
no-auto-focus
><a
class="mention hashtag"
rel="nofollow noopener noreferrer"
to="/m.webtoo.ls/tags/%D8%A7%D9%84%D8%B9%D8%B1%D8%A8%D9%8A%D8%A9"
><bdi>#<span>العربية</span></bdi></a
></VMenu
></span
>
.
</p>
<p></p>
<p dir="auto">
This is a new test
<img
src="/emojis/twemoji/1f426.svg"
class="iconify-emoji iconify-emoji--twemoji"
alt="🐦"
/><img
src="/emojis/twemoji/1f424.svg"
class="iconify-emoji iconify-emoji--twemoji"
alt="🐤"
/>
<span class="h-card"
><a
class="u-url mention"
rel="nofollow noopener noreferrer"
to="/strangeobject.space/@bebatjof"
><bdi>@<span>bebatjof</span></bdi></a
></span
>
<br />I like how the arabic dual form is supported. The last one is
mistranslated and I&#39;m trying to find how to fix it.
<img
src="/emojis/twemoji/1f426.svg"
class="iconify-emoji iconify-emoji--twemoji"
alt="🐦"
/><img
src="/emojis/twemoji/1f424.svg"
class="iconify-emoji iconify-emoji--twemoji"
alt="🐤"
/>
;). Also, the form for 0 needs to be fixed
<span
><VMenu
placement="bottom-start"
class="inline-block"
close-on-content-click="false"
no-auto-focus
><a
class="mention hashtag"
rel="nofollow noopener noreferrer"
to="/m.webtoo.ls/tags/turkey"
><bdi>#<span>turkey</span></bdi></a
></VMenu
></span
>
<span
><VMenu
placement="bottom-start"
class="inline-block"
close-on-content-click="false"
no-auto-focus
><a
class="mention hashtag"
rel="nofollow noopener noreferrer"
to="/m.webtoo.ls/tags/%D8%A7%D9%84%D8%B9%D8%B1%D8%A8%D9%8A%D8%A9"
><bdi>#<span>العربية</span></bdi></a
></VMenu
></span
>
.
</p>
<p></p>
"
`;
exports[`content-rich > shows some collapsed mentions grouped 1`] = `
"<p dir="auto">
<mention-group
><span class="h-card"
><a
class="u-url mention"
rel="nofollow noopener noreferrer"
to="/m.webtoo.ls/@antfu"
><bdi>@<span>antfu</span></bdi></a
></span
>
<span class="h-card"
><a
class="u-url mention"
rel="nofollow noopener noreferrer"
to="/m.webtoo.ls/@patak"
><bdi>@<span>patak</span></bdi></a
></span
>
<span class="h-card"
><a
class="u-url mention"
rel="nofollow noopener noreferrer"
to="/m.webtoo.ls/@sxzz"
><bdi>@<span>sxzz</span></bdi></a
></span
></mention-group
>content
</p>
"
`;
exports[`content-rich > shows some collapsed mentions inline 1`] = `
"<p dir="auto">
<span class="h-card"
><a
class="u-url mention"
rel="nofollow noopener noreferrer"
to="/m.webtoo.ls/@antfu"
><bdi>@<span>antfu</span></bdi></a
></span
>
content
</p>
"
`;
2023-01-29 14:20:37 +01:00
exports[`editor > transform mentions 1`] = `
"
@elk Hello"
`;