mirror of
https://github.com/Ocelot-Social-Community/Ocelot-Social.git
synced 2025-12-12 23:35:58 +00:00
a69006873d
* Notifications view: - restructured broken layout - joined several columns for mobile view - moved button from footer to header - set alternating colors for the table rows UserTeaser - added injectedText - added injectedDate - fixed padding * fixed race-condition with default behavior of browser * - fixed: jumping menu / menu should get closed by click on notification - fixed: NotificationList replaced by NotificationTable * - fixed: menu gets closed when cursor leaves content area, but it is still within popup * - fixed: menu top buttons should be next to each other * - fixed: popup background overlay remains after NotificationMenu disappeared after viewport change to mobile * - fixed lint errors * - fixed tests + snapshots * - fixed e2e test * fix lint error Co-authored-by: Sebastian Stein <sebastian@codepassion.de> * Fix locale identifier to have single quotes 'notifications.reason.on_date' --------- Co-authored-by: Sebastian Stein <sebastian@codepassion.de> Co-authored-by: Wolfgang Huß <wolle.huss@pjannto.com> Co-authored-by: Ulf Gebhardt <ulf.gebhardt@webcraft-media.de>
1209 lines
26 KiB
Plaintext
1209 lines
26 KiB
Plaintext
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
|
|
|
exports[`UserTeaser given an user avatar is disabled does not render the avatar 1`] = `
|
|
<div>
|
|
<div
|
|
class=""
|
|
placement="top-start"
|
|
>
|
|
<client-only-stub>
|
|
<v-popover-stub
|
|
autohide="true"
|
|
boundarieselement="body"
|
|
class="user-teaser"
|
|
container="body"
|
|
delay="0"
|
|
handleresize="true"
|
|
offset="16"
|
|
openclass="open"
|
|
opengroup="0"
|
|
placement="bottom-end"
|
|
popoverarrowclass="tooltip-arrow popover-arrow"
|
|
popoverbaseclass="tooltip popover"
|
|
popoverclass="vue-popover-theme"
|
|
popoverinnerclass="tooltip-inner popover-inner"
|
|
popoverwrapperclass="wrapper"
|
|
popperoptions="[object Object]"
|
|
trigger="manual"
|
|
>
|
|
<!---->
|
|
|
|
<div
|
|
class="info flex-direction-column"
|
|
>
|
|
<div
|
|
class="flex-direction-column"
|
|
>
|
|
<a>
|
|
<span
|
|
class="slug"
|
|
>
|
|
@tilda-swinton
|
|
</span>
|
|
|
|
<span
|
|
class="name"
|
|
>
|
|
Tilda Swinton
|
|
</span>
|
|
</a>
|
|
|
|
<!---->
|
|
|
|
<!---->
|
|
|
|
<span>
|
|
|
|
<!---->
|
|
</span>
|
|
</div>
|
|
|
|
<!---->
|
|
</div>
|
|
|
|
<div />
|
|
</v-popover-stub>
|
|
</client-only-stub>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`UserTeaser given an user user is deleted even if the current user is a moderator renders anonymous user 1`] = `
|
|
<div>
|
|
<div
|
|
class="user-teaser"
|
|
>
|
|
<div
|
|
class="profile-avatar --small --no-image"
|
|
>
|
|
<span
|
|
class="initials"
|
|
>
|
|
|
|
</span>
|
|
|
|
<span
|
|
class="base-icon"
|
|
>
|
|
<!---->
|
|
</span>
|
|
|
|
<!---->
|
|
</div>
|
|
|
|
<span
|
|
class="info anonymous"
|
|
>
|
|
profile.userAnonym
|
|
</span>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`UserTeaser given an user user is deleted renders anonymous user 1`] = `
|
|
<div>
|
|
<div
|
|
class="user-teaser"
|
|
>
|
|
<div
|
|
class="profile-avatar --small --no-image"
|
|
>
|
|
<span
|
|
class="initials"
|
|
>
|
|
|
|
</span>
|
|
|
|
<span
|
|
class="base-icon"
|
|
>
|
|
<!---->
|
|
</span>
|
|
|
|
<!---->
|
|
</div>
|
|
|
|
<span
|
|
class="info anonymous"
|
|
>
|
|
profile.userAnonym
|
|
</span>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`UserTeaser given an user user is disabled current user is a moderator renders user name 1`] = `
|
|
<div>
|
|
<div
|
|
class="disabled-content"
|
|
placement="top-start"
|
|
>
|
|
<client-only-stub>
|
|
<v-popover-stub
|
|
autohide="true"
|
|
boundarieselement="body"
|
|
class="user-teaser"
|
|
container="body"
|
|
delay="0"
|
|
handleresize="true"
|
|
offset="16"
|
|
openclass="open"
|
|
opengroup="0"
|
|
placement="bottom-end"
|
|
popoverarrowclass="tooltip-arrow popover-arrow"
|
|
popoverbaseclass="tooltip popover"
|
|
popoverclass="vue-popover-theme"
|
|
popoverinnerclass="tooltip-inner popover-inner"
|
|
popoverwrapperclass="wrapper"
|
|
popperoptions="[object Object]"
|
|
trigger="manual"
|
|
>
|
|
<a
|
|
data-test="avatarUserLink"
|
|
>
|
|
<div
|
|
class="profile-avatar --small"
|
|
>
|
|
<span
|
|
class="initials"
|
|
>
|
|
TS
|
|
</span>
|
|
|
|
<!---->
|
|
|
|
<img
|
|
alt="Tilda Swinton"
|
|
class="image"
|
|
src="/api/avatars/tilda-swinton"
|
|
title="Tilda Swinton"
|
|
/>
|
|
</div>
|
|
</a>
|
|
|
|
<div
|
|
class="info flex-direction-column"
|
|
>
|
|
<div
|
|
class="flex-direction-column"
|
|
>
|
|
<a>
|
|
<span
|
|
class="slug"
|
|
>
|
|
@tilda-swinton
|
|
</span>
|
|
|
|
<span
|
|
class="name"
|
|
>
|
|
Tilda Swinton
|
|
</span>
|
|
</a>
|
|
|
|
<!---->
|
|
|
|
<!---->
|
|
|
|
<span>
|
|
|
|
<!---->
|
|
</span>
|
|
</div>
|
|
|
|
<!---->
|
|
</div>
|
|
|
|
<div />
|
|
</v-popover-stub>
|
|
</client-only-stub>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`UserTeaser given an user user is disabled renders anonymous user 1`] = `
|
|
<div>
|
|
<div
|
|
class="user-teaser"
|
|
>
|
|
<div
|
|
class="profile-avatar --small --no-image"
|
|
>
|
|
<span
|
|
class="initials"
|
|
>
|
|
|
|
</span>
|
|
|
|
<span
|
|
class="base-icon"
|
|
>
|
|
<!---->
|
|
</span>
|
|
|
|
<!---->
|
|
</div>
|
|
|
|
<span
|
|
class="info anonymous"
|
|
>
|
|
profile.userAnonym
|
|
</span>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`UserTeaser given an user with linkToProfile, on desktop renders 1`] = `
|
|
<div>
|
|
<div
|
|
class=""
|
|
placement="top-start"
|
|
>
|
|
<client-only-stub>
|
|
<v-popover-stub
|
|
autohide="true"
|
|
boundarieselement="body"
|
|
class="user-teaser"
|
|
container="body"
|
|
delay="0"
|
|
handleresize="true"
|
|
offset="16"
|
|
openclass="open"
|
|
opengroup="0"
|
|
placement="bottom-end"
|
|
popoverarrowclass="tooltip-arrow popover-arrow"
|
|
popoverbaseclass="tooltip popover"
|
|
popoverclass="vue-popover-theme"
|
|
popoverinnerclass="tooltip-inner popover-inner"
|
|
popoverwrapperclass="wrapper"
|
|
popperoptions="[object Object]"
|
|
trigger="manual"
|
|
>
|
|
<a
|
|
data-test="avatarUserLink"
|
|
>
|
|
<div
|
|
class="profile-avatar --small"
|
|
>
|
|
<span
|
|
class="initials"
|
|
>
|
|
TS
|
|
</span>
|
|
|
|
<!---->
|
|
|
|
<img
|
|
alt="Tilda Swinton"
|
|
class="image"
|
|
src="/api/avatars/tilda-swinton"
|
|
title="Tilda Swinton"
|
|
/>
|
|
</div>
|
|
</a>
|
|
|
|
<div
|
|
class="info flex-direction-column"
|
|
>
|
|
<div
|
|
class="flex-direction-column"
|
|
>
|
|
<a>
|
|
<span
|
|
class="slug"
|
|
>
|
|
@tilda-swinton
|
|
</span>
|
|
|
|
<span
|
|
class="name"
|
|
>
|
|
Tilda Swinton
|
|
</span>
|
|
</a>
|
|
|
|
<!---->
|
|
|
|
<!---->
|
|
|
|
<span>
|
|
|
|
<!---->
|
|
</span>
|
|
</div>
|
|
|
|
<!---->
|
|
</div>
|
|
|
|
<div />
|
|
</v-popover-stub>
|
|
</client-only-stub>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`UserTeaser given an user with linkToProfile, on desktop when hovering the user name renders the popover 1`] = `
|
|
<div>
|
|
<div
|
|
class=""
|
|
placement="top-start"
|
|
>
|
|
<client-only-stub>
|
|
<v-popover-stub
|
|
autohide="true"
|
|
boundarieselement="body"
|
|
class="user-teaser"
|
|
container="body"
|
|
delay="0"
|
|
handleresize="true"
|
|
offset="16"
|
|
open="true"
|
|
openclass="open"
|
|
opengroup="0"
|
|
placement="bottom-end"
|
|
popoverarrowclass="tooltip-arrow popover-arrow"
|
|
popoverbaseclass="tooltip popover"
|
|
popoverclass="vue-popover-theme"
|
|
popoverinnerclass="tooltip-inner popover-inner"
|
|
popoverwrapperclass="wrapper"
|
|
popperoptions="[object Object]"
|
|
trigger="manual"
|
|
>
|
|
<a
|
|
data-test="avatarUserLink"
|
|
>
|
|
<div
|
|
class="profile-avatar --small"
|
|
>
|
|
<span
|
|
class="initials"
|
|
>
|
|
TS
|
|
</span>
|
|
|
|
<!---->
|
|
|
|
<img
|
|
alt="Tilda Swinton"
|
|
class="image"
|
|
src="/api/avatars/tilda-swinton"
|
|
title="Tilda Swinton"
|
|
/>
|
|
</div>
|
|
</a>
|
|
|
|
<div
|
|
class="info flex-direction-column"
|
|
>
|
|
<div
|
|
class="flex-direction-column"
|
|
>
|
|
<a>
|
|
<span
|
|
class="slug"
|
|
>
|
|
@tilda-swinton
|
|
</span>
|
|
|
|
<span
|
|
class="name"
|
|
>
|
|
Tilda Swinton
|
|
</span>
|
|
</a>
|
|
|
|
<!---->
|
|
|
|
<!---->
|
|
|
|
<span>
|
|
|
|
<!---->
|
|
</span>
|
|
</div>
|
|
|
|
<!---->
|
|
</div>
|
|
|
|
<div>
|
|
<user-teaser-popover-stub
|
|
user-id="user1"
|
|
user-link="[object Object]"
|
|
/>
|
|
</div>
|
|
</v-popover-stub>
|
|
</client-only-stub>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`UserTeaser given an user with linkToProfile, on touch screen renders 1`] = `
|
|
<div>
|
|
<div
|
|
class=""
|
|
placement="top-start"
|
|
>
|
|
<client-only-stub>
|
|
<v-popover-stub
|
|
autohide="true"
|
|
boundarieselement="body"
|
|
class="user-teaser"
|
|
container="body"
|
|
delay="0"
|
|
handleresize="true"
|
|
offset="16"
|
|
openclass="open"
|
|
opengroup="0"
|
|
placement="bottom-end"
|
|
popoverarrowclass="tooltip-arrow popover-arrow"
|
|
popoverbaseclass="tooltip popover"
|
|
popoverclass="vue-popover-theme"
|
|
popoverinnerclass="tooltip-inner popover-inner"
|
|
popoverwrapperclass="wrapper"
|
|
popperoptions="[object Object]"
|
|
trigger="manual"
|
|
>
|
|
<button
|
|
data-test="avatarUserLink"
|
|
>
|
|
<div
|
|
class="profile-avatar --small"
|
|
>
|
|
<span
|
|
class="initials"
|
|
>
|
|
TS
|
|
</span>
|
|
|
|
<!---->
|
|
|
|
<img
|
|
alt="Tilda Swinton"
|
|
class="image"
|
|
src="/api/avatars/tilda-swinton"
|
|
title="Tilda Swinton"
|
|
/>
|
|
</div>
|
|
</button>
|
|
|
|
<div
|
|
class="info flex-direction-column"
|
|
>
|
|
<div
|
|
class="flex-direction-column"
|
|
>
|
|
<button>
|
|
<span
|
|
class="slug"
|
|
>
|
|
@tilda-swinton
|
|
</span>
|
|
|
|
<span
|
|
class="name"
|
|
>
|
|
Tilda Swinton
|
|
</span>
|
|
</button>
|
|
|
|
<!---->
|
|
|
|
<!---->
|
|
|
|
<span>
|
|
|
|
<!---->
|
|
</span>
|
|
</div>
|
|
|
|
<!---->
|
|
</div>
|
|
|
|
<div />
|
|
</v-popover-stub>
|
|
</client-only-stub>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`UserTeaser given an user with linkToProfile, on touch screen when clicking the user name renders the popover 1`] = `
|
|
<div>
|
|
<div
|
|
class=""
|
|
placement="top-start"
|
|
>
|
|
<client-only-stub>
|
|
<v-popover-stub
|
|
autohide="true"
|
|
boundarieselement="body"
|
|
class="user-teaser"
|
|
container="body"
|
|
delay="0"
|
|
handleresize="true"
|
|
offset="16"
|
|
open="true"
|
|
openclass="open"
|
|
opengroup="0"
|
|
placement="bottom-end"
|
|
popoverarrowclass="tooltip-arrow popover-arrow"
|
|
popoverbaseclass="tooltip popover"
|
|
popoverclass="vue-popover-theme"
|
|
popoverinnerclass="tooltip-inner popover-inner"
|
|
popoverwrapperclass="wrapper"
|
|
popperoptions="[object Object]"
|
|
trigger="manual"
|
|
>
|
|
<button
|
|
data-test="avatarUserLink"
|
|
>
|
|
<div
|
|
class="profile-avatar --small"
|
|
>
|
|
<span
|
|
class="initials"
|
|
>
|
|
TS
|
|
</span>
|
|
|
|
<!---->
|
|
|
|
<img
|
|
alt="Tilda Swinton"
|
|
class="image"
|
|
src="/api/avatars/tilda-swinton"
|
|
title="Tilda Swinton"
|
|
/>
|
|
</div>
|
|
</button>
|
|
|
|
<div
|
|
class="info flex-direction-column"
|
|
>
|
|
<div
|
|
class="flex-direction-column"
|
|
>
|
|
<button>
|
|
<span
|
|
class="slug"
|
|
>
|
|
@tilda-swinton
|
|
</span>
|
|
|
|
<span
|
|
class="name"
|
|
>
|
|
Tilda Swinton
|
|
</span>
|
|
</button>
|
|
|
|
<!---->
|
|
|
|
<!---->
|
|
|
|
<span>
|
|
|
|
<!---->
|
|
</span>
|
|
</div>
|
|
|
|
<!---->
|
|
</div>
|
|
|
|
<div>
|
|
<user-teaser-popover-stub
|
|
user-id="user1"
|
|
user-link="[object Object]"
|
|
/>
|
|
</div>
|
|
</v-popover-stub>
|
|
</client-only-stub>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`UserTeaser given an user without linkToProfile, on desktop renders 1`] = `
|
|
<div>
|
|
<div
|
|
class=""
|
|
placement="top-start"
|
|
>
|
|
<client-only-stub>
|
|
<v-popover-stub
|
|
autohide="true"
|
|
boundarieselement="body"
|
|
class="user-teaser"
|
|
container="body"
|
|
delay="0"
|
|
handleresize="true"
|
|
offset="16"
|
|
openclass="open"
|
|
opengroup="0"
|
|
placement="bottom-end"
|
|
popoverarrowclass="tooltip-arrow popover-arrow"
|
|
popoverbaseclass="tooltip popover"
|
|
popoverclass="vue-popover-theme"
|
|
popoverinnerclass="tooltip-inner popover-inner"
|
|
popoverwrapperclass="wrapper"
|
|
popperoptions="[object Object]"
|
|
trigger="manual"
|
|
>
|
|
<span
|
|
data-test="avatarUserLink"
|
|
>
|
|
<div
|
|
class="profile-avatar --small"
|
|
>
|
|
<span
|
|
class="initials"
|
|
>
|
|
TS
|
|
</span>
|
|
|
|
<!---->
|
|
|
|
<img
|
|
alt="Tilda Swinton"
|
|
class="image"
|
|
src="/api/avatars/tilda-swinton"
|
|
title="Tilda Swinton"
|
|
/>
|
|
</div>
|
|
</span>
|
|
|
|
<div
|
|
class="info flex-direction-column"
|
|
>
|
|
<div
|
|
class="flex-direction-column"
|
|
>
|
|
<span>
|
|
<span
|
|
class="slug"
|
|
>
|
|
@tilda-swinton
|
|
</span>
|
|
|
|
<span
|
|
class="name"
|
|
>
|
|
Tilda Swinton
|
|
</span>
|
|
</span>
|
|
|
|
<!---->
|
|
|
|
<!---->
|
|
|
|
<span>
|
|
|
|
<!---->
|
|
</span>
|
|
</div>
|
|
|
|
<!---->
|
|
</div>
|
|
|
|
<div />
|
|
</v-popover-stub>
|
|
</client-only-stub>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`UserTeaser given an user without linkToProfile, on desktop when hovering the user avatar renders the popover 1`] = `
|
|
<div>
|
|
<div
|
|
class=""
|
|
placement="top-start"
|
|
>
|
|
<client-only-stub>
|
|
<v-popover-stub
|
|
autohide="true"
|
|
boundarieselement="body"
|
|
class="user-teaser"
|
|
container="body"
|
|
delay="0"
|
|
handleresize="true"
|
|
offset="16"
|
|
open="true"
|
|
openclass="open"
|
|
opengroup="0"
|
|
placement="bottom-end"
|
|
popoverarrowclass="tooltip-arrow popover-arrow"
|
|
popoverbaseclass="tooltip popover"
|
|
popoverclass="vue-popover-theme"
|
|
popoverinnerclass="tooltip-inner popover-inner"
|
|
popoverwrapperclass="wrapper"
|
|
popperoptions="[object Object]"
|
|
trigger="manual"
|
|
>
|
|
<span
|
|
data-test="avatarUserLink"
|
|
>
|
|
<div
|
|
class="profile-avatar --small"
|
|
>
|
|
<span
|
|
class="initials"
|
|
>
|
|
TS
|
|
</span>
|
|
|
|
<!---->
|
|
|
|
<img
|
|
alt="Tilda Swinton"
|
|
class="image"
|
|
src="/api/avatars/tilda-swinton"
|
|
title="Tilda Swinton"
|
|
/>
|
|
</div>
|
|
</span>
|
|
|
|
<div
|
|
class="info flex-direction-column"
|
|
>
|
|
<div
|
|
class="flex-direction-column"
|
|
>
|
|
<span>
|
|
<span
|
|
class="slug"
|
|
>
|
|
@tilda-swinton
|
|
</span>
|
|
|
|
<span
|
|
class="name"
|
|
>
|
|
Tilda Swinton
|
|
</span>
|
|
</span>
|
|
|
|
<!---->
|
|
|
|
<!---->
|
|
|
|
<span>
|
|
|
|
<!---->
|
|
</span>
|
|
</div>
|
|
|
|
<!---->
|
|
</div>
|
|
|
|
<div>
|
|
<user-teaser-popover-stub
|
|
user-id="user1"
|
|
/>
|
|
</div>
|
|
</v-popover-stub>
|
|
</client-only-stub>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`UserTeaser given an user without linkToProfile, on desktop when hovering the user name renders the popover 1`] = `
|
|
<div>
|
|
<div
|
|
class=""
|
|
placement="top-start"
|
|
>
|
|
<client-only-stub>
|
|
<v-popover-stub
|
|
autohide="true"
|
|
boundarieselement="body"
|
|
class="user-teaser"
|
|
container="body"
|
|
delay="0"
|
|
handleresize="true"
|
|
offset="16"
|
|
open="true"
|
|
openclass="open"
|
|
opengroup="0"
|
|
placement="bottom-end"
|
|
popoverarrowclass="tooltip-arrow popover-arrow"
|
|
popoverbaseclass="tooltip popover"
|
|
popoverclass="vue-popover-theme"
|
|
popoverinnerclass="tooltip-inner popover-inner"
|
|
popoverwrapperclass="wrapper"
|
|
popperoptions="[object Object]"
|
|
trigger="manual"
|
|
>
|
|
<span
|
|
data-test="avatarUserLink"
|
|
>
|
|
<div
|
|
class="profile-avatar --small"
|
|
>
|
|
<span
|
|
class="initials"
|
|
>
|
|
TS
|
|
</span>
|
|
|
|
<!---->
|
|
|
|
<img
|
|
alt="Tilda Swinton"
|
|
class="image"
|
|
src="/api/avatars/tilda-swinton"
|
|
title="Tilda Swinton"
|
|
/>
|
|
</div>
|
|
</span>
|
|
|
|
<div
|
|
class="info flex-direction-column"
|
|
>
|
|
<div
|
|
class="flex-direction-column"
|
|
>
|
|
<span>
|
|
<span
|
|
class="slug"
|
|
>
|
|
@tilda-swinton
|
|
</span>
|
|
|
|
<span
|
|
class="name"
|
|
>
|
|
Tilda Swinton
|
|
</span>
|
|
</span>
|
|
|
|
<!---->
|
|
|
|
<!---->
|
|
|
|
<span>
|
|
|
|
<!---->
|
|
</span>
|
|
</div>
|
|
|
|
<!---->
|
|
</div>
|
|
|
|
<div>
|
|
<user-teaser-popover-stub
|
|
user-id="user1"
|
|
/>
|
|
</div>
|
|
</v-popover-stub>
|
|
</client-only-stub>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`UserTeaser given an user without linkToProfile, on touch screen renders 1`] = `
|
|
<div>
|
|
<div
|
|
class=""
|
|
placement="top-start"
|
|
>
|
|
<client-only-stub>
|
|
<v-popover-stub
|
|
autohide="true"
|
|
boundarieselement="body"
|
|
class="user-teaser"
|
|
container="body"
|
|
delay="0"
|
|
handleresize="true"
|
|
offset="16"
|
|
openclass="open"
|
|
opengroup="0"
|
|
placement="bottom-end"
|
|
popoverarrowclass="tooltip-arrow popover-arrow"
|
|
popoverbaseclass="tooltip popover"
|
|
popoverclass="vue-popover-theme"
|
|
popoverinnerclass="tooltip-inner popover-inner"
|
|
popoverwrapperclass="wrapper"
|
|
popperoptions="[object Object]"
|
|
trigger="manual"
|
|
>
|
|
<button
|
|
data-test="avatarUserLink"
|
|
>
|
|
<div
|
|
class="profile-avatar --small"
|
|
>
|
|
<span
|
|
class="initials"
|
|
>
|
|
TS
|
|
</span>
|
|
|
|
<!---->
|
|
|
|
<img
|
|
alt="Tilda Swinton"
|
|
class="image"
|
|
src="/api/avatars/tilda-swinton"
|
|
title="Tilda Swinton"
|
|
/>
|
|
</div>
|
|
</button>
|
|
|
|
<div
|
|
class="info flex-direction-column"
|
|
>
|
|
<div
|
|
class="flex-direction-column"
|
|
>
|
|
<button>
|
|
<span
|
|
class="slug"
|
|
>
|
|
@tilda-swinton
|
|
</span>
|
|
|
|
<span
|
|
class="name"
|
|
>
|
|
Tilda Swinton
|
|
</span>
|
|
</button>
|
|
|
|
<!---->
|
|
|
|
<!---->
|
|
|
|
<span>
|
|
|
|
<!---->
|
|
</span>
|
|
</div>
|
|
|
|
<!---->
|
|
</div>
|
|
|
|
<div />
|
|
</v-popover-stub>
|
|
</client-only-stub>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`UserTeaser given an user without linkToProfile, on touch screen when clicking the user avatar renders the popover 1`] = `
|
|
<div>
|
|
<div
|
|
class=""
|
|
placement="top-start"
|
|
>
|
|
<client-only-stub>
|
|
<v-popover-stub
|
|
autohide="true"
|
|
boundarieselement="body"
|
|
class="user-teaser"
|
|
container="body"
|
|
delay="0"
|
|
handleresize="true"
|
|
offset="16"
|
|
open="true"
|
|
openclass="open"
|
|
opengroup="0"
|
|
placement="bottom-end"
|
|
popoverarrowclass="tooltip-arrow popover-arrow"
|
|
popoverbaseclass="tooltip popover"
|
|
popoverclass="vue-popover-theme"
|
|
popoverinnerclass="tooltip-inner popover-inner"
|
|
popoverwrapperclass="wrapper"
|
|
popperoptions="[object Object]"
|
|
trigger="manual"
|
|
>
|
|
<button
|
|
data-test="avatarUserLink"
|
|
>
|
|
<div
|
|
class="profile-avatar --small"
|
|
>
|
|
<span
|
|
class="initials"
|
|
>
|
|
TS
|
|
</span>
|
|
|
|
<!---->
|
|
|
|
<img
|
|
alt="Tilda Swinton"
|
|
class="image"
|
|
src="/api/avatars/tilda-swinton"
|
|
title="Tilda Swinton"
|
|
/>
|
|
</div>
|
|
</button>
|
|
|
|
<div
|
|
class="info flex-direction-column"
|
|
>
|
|
<div
|
|
class="flex-direction-column"
|
|
>
|
|
<button>
|
|
<span
|
|
class="slug"
|
|
>
|
|
@tilda-swinton
|
|
</span>
|
|
|
|
<span
|
|
class="name"
|
|
>
|
|
Tilda Swinton
|
|
</span>
|
|
</button>
|
|
|
|
<!---->
|
|
|
|
<!---->
|
|
|
|
<span>
|
|
|
|
<!---->
|
|
</span>
|
|
</div>
|
|
|
|
<!---->
|
|
</div>
|
|
|
|
<div>
|
|
<user-teaser-popover-stub
|
|
user-id="user1"
|
|
/>
|
|
</div>
|
|
</v-popover-stub>
|
|
</client-only-stub>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`UserTeaser given an user without linkToProfile, on touch screen when clicking the user name renders the popover 1`] = `
|
|
<div>
|
|
<div
|
|
class=""
|
|
placement="top-start"
|
|
>
|
|
<client-only-stub>
|
|
<v-popover-stub
|
|
autohide="true"
|
|
boundarieselement="body"
|
|
class="user-teaser"
|
|
container="body"
|
|
delay="0"
|
|
handleresize="true"
|
|
offset="16"
|
|
open="true"
|
|
openclass="open"
|
|
opengroup="0"
|
|
placement="bottom-end"
|
|
popoverarrowclass="tooltip-arrow popover-arrow"
|
|
popoverbaseclass="tooltip popover"
|
|
popoverclass="vue-popover-theme"
|
|
popoverinnerclass="tooltip-inner popover-inner"
|
|
popoverwrapperclass="wrapper"
|
|
popperoptions="[object Object]"
|
|
trigger="manual"
|
|
>
|
|
<button
|
|
data-test="avatarUserLink"
|
|
>
|
|
<div
|
|
class="profile-avatar --small"
|
|
>
|
|
<span
|
|
class="initials"
|
|
>
|
|
TS
|
|
</span>
|
|
|
|
<!---->
|
|
|
|
<img
|
|
alt="Tilda Swinton"
|
|
class="image"
|
|
src="/api/avatars/tilda-swinton"
|
|
title="Tilda Swinton"
|
|
/>
|
|
</div>
|
|
</button>
|
|
|
|
<div
|
|
class="info flex-direction-column"
|
|
>
|
|
<div
|
|
class="flex-direction-column"
|
|
>
|
|
<button>
|
|
<span
|
|
class="slug"
|
|
>
|
|
@tilda-swinton
|
|
</span>
|
|
|
|
<span
|
|
class="name"
|
|
>
|
|
Tilda Swinton
|
|
</span>
|
|
</button>
|
|
|
|
<!---->
|
|
|
|
<!---->
|
|
|
|
<span>
|
|
|
|
<!---->
|
|
</span>
|
|
</div>
|
|
|
|
<!---->
|
|
</div>
|
|
|
|
<div>
|
|
<user-teaser-popover-stub
|
|
user-id="user1"
|
|
/>
|
|
</div>
|
|
</v-popover-stub>
|
|
</client-only-stub>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`UserTeaser renders anonymous user 1`] = `
|
|
<div>
|
|
<div
|
|
class="user-teaser"
|
|
>
|
|
<div
|
|
class="profile-avatar --small --no-image"
|
|
>
|
|
<span
|
|
class="initials"
|
|
>
|
|
|
|
</span>
|
|
|
|
<span
|
|
class="base-icon"
|
|
>
|
|
<!---->
|
|
</span>
|
|
|
|
<!---->
|
|
</div>
|
|
|
|
<span
|
|
class="info anonymous"
|
|
>
|
|
profile.userAnonym
|
|
</span>
|
|
</div>
|
|
</div>
|
|
`;
|