mirror of
https://github.com/Ocelot-Social-Community/Ocelot-Social.git
synced 2025-12-12 23:35:58 +00:00
Add boundary to v-popover to avoid random flickering when hovering a user teaser Preload user data to avoid resizing (and sometimes repositioning) of popover after data has been loaded
347 lines
7.3 KiB
Plaintext
347 lines
7.3 KiB
Plaintext
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
|
|
|
exports[`GroupContentMenu renders as groupProfile when I am the owner 1`] = `
|
|
<div>
|
|
<v-popover-stub
|
|
autohide="true"
|
|
boundarieselement="body"
|
|
class="group-content-menu"
|
|
container="body"
|
|
delay="0"
|
|
handleresize="true"
|
|
offset="5"
|
|
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
|
|
class="base-button --icon-only --circle --small"
|
|
data-test="group-menu-button"
|
|
type="button"
|
|
>
|
|
<span
|
|
class="base-icon"
|
|
>
|
|
<!---->
|
|
</span>
|
|
|
|
<!---->
|
|
|
|
</button>
|
|
|
|
<div>
|
|
<div
|
|
class="group-menu-popover"
|
|
>
|
|
<nav
|
|
class="ds-menu"
|
|
>
|
|
<ul
|
|
class="ds-menu-list"
|
|
>
|
|
|
|
|
|
|
|
<li
|
|
class="ds-menu-item ds-menu-item-level-0"
|
|
>
|
|
<a
|
|
class="ds-menu-item-link"
|
|
exact="true"
|
|
href="/"
|
|
>
|
|
<span
|
|
class="base-icon"
|
|
>
|
|
<!---->
|
|
</span>
|
|
|
|
group.contentMenu.muteGroup
|
|
|
|
</a>
|
|
<!---->
|
|
</li>
|
|
|
|
|
|
|
|
<li
|
|
class="ds-menu-item ds-menu-item-level-0"
|
|
>
|
|
<a
|
|
class="ds-menu-item-link"
|
|
href="/groups/edit/groupid"
|
|
>
|
|
<span
|
|
class="base-icon"
|
|
>
|
|
<!---->
|
|
</span>
|
|
|
|
admin.settings.name
|
|
|
|
</a>
|
|
<!---->
|
|
</li>
|
|
|
|
|
|
|
|
<li
|
|
class="ds-menu-item ds-menu-item-level-0"
|
|
>
|
|
<a
|
|
class="ds-menu-item-link"
|
|
href="/groups/edit/groupid/invites"
|
|
>
|
|
<span
|
|
class="base-icon"
|
|
>
|
|
<!---->
|
|
</span>
|
|
|
|
group.contentMenu.inviteLinks
|
|
|
|
</a>
|
|
<!---->
|
|
</li>
|
|
</ul>
|
|
</nav>
|
|
</div>
|
|
</div>
|
|
</v-popover-stub>
|
|
</div>
|
|
`;
|
|
|
|
exports[`GroupContentMenu renders as groupProfile, muted 1`] = `
|
|
<div>
|
|
<v-popover-stub
|
|
autohide="true"
|
|
boundarieselement="body"
|
|
class="group-content-menu"
|
|
container="body"
|
|
delay="0"
|
|
handleresize="true"
|
|
offset="5"
|
|
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
|
|
class="base-button --icon-only --circle --small"
|
|
data-test="group-menu-button"
|
|
type="button"
|
|
>
|
|
<span
|
|
class="base-icon"
|
|
>
|
|
<!---->
|
|
</span>
|
|
|
|
<!---->
|
|
|
|
</button>
|
|
|
|
<div>
|
|
<div
|
|
class="group-menu-popover"
|
|
>
|
|
<nav
|
|
class="ds-menu"
|
|
>
|
|
<ul
|
|
class="ds-menu-list"
|
|
>
|
|
|
|
|
|
|
|
<li
|
|
class="ds-menu-item ds-menu-item-level-0"
|
|
>
|
|
<a
|
|
class="ds-menu-item-link"
|
|
exact="true"
|
|
href="/"
|
|
>
|
|
<span
|
|
class="base-icon"
|
|
>
|
|
<!---->
|
|
</span>
|
|
|
|
group.contentMenu.unmuteGroup
|
|
|
|
</a>
|
|
<!---->
|
|
</li>
|
|
</ul>
|
|
</nav>
|
|
</div>
|
|
</div>
|
|
</v-popover-stub>
|
|
</div>
|
|
`;
|
|
|
|
exports[`GroupContentMenu renders as groupProfile, not muted 1`] = `
|
|
<div>
|
|
<v-popover-stub
|
|
autohide="true"
|
|
boundarieselement="body"
|
|
class="group-content-menu"
|
|
container="body"
|
|
delay="0"
|
|
handleresize="true"
|
|
offset="5"
|
|
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
|
|
class="base-button --icon-only --circle --small"
|
|
data-test="group-menu-button"
|
|
type="button"
|
|
>
|
|
<span
|
|
class="base-icon"
|
|
>
|
|
<!---->
|
|
</span>
|
|
|
|
<!---->
|
|
|
|
</button>
|
|
|
|
<div>
|
|
<div
|
|
class="group-menu-popover"
|
|
>
|
|
<nav
|
|
class="ds-menu"
|
|
>
|
|
<ul
|
|
class="ds-menu-list"
|
|
>
|
|
|
|
|
|
|
|
<li
|
|
class="ds-menu-item ds-menu-item-level-0"
|
|
>
|
|
<a
|
|
class="ds-menu-item-link"
|
|
exact="true"
|
|
href="/"
|
|
>
|
|
<span
|
|
class="base-icon"
|
|
>
|
|
<!---->
|
|
</span>
|
|
|
|
group.contentMenu.muteGroup
|
|
|
|
</a>
|
|
<!---->
|
|
</li>
|
|
</ul>
|
|
</nav>
|
|
</div>
|
|
</div>
|
|
</v-popover-stub>
|
|
</div>
|
|
`;
|
|
|
|
exports[`GroupContentMenu renders as groupTeaser 1`] = `
|
|
<div>
|
|
<v-popover-stub
|
|
autohide="true"
|
|
boundarieselement="body"
|
|
class="group-content-menu"
|
|
container="body"
|
|
delay="0"
|
|
handleresize="true"
|
|
offset="5"
|
|
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
|
|
class="base-button --icon-only --circle --small"
|
|
data-test="group-menu-button"
|
|
type="button"
|
|
>
|
|
<span
|
|
class="base-icon"
|
|
>
|
|
<!---->
|
|
</span>
|
|
|
|
<!---->
|
|
|
|
</button>
|
|
|
|
<div>
|
|
<div
|
|
class="group-menu-popover"
|
|
>
|
|
<nav
|
|
class="ds-menu"
|
|
>
|
|
<ul
|
|
class="ds-menu-list"
|
|
>
|
|
|
|
|
|
|
|
<li
|
|
class="ds-menu-item ds-menu-item-level-0"
|
|
>
|
|
<a
|
|
class="ds-menu-item-link"
|
|
href="/groups/groupid"
|
|
>
|
|
<span
|
|
class="base-icon"
|
|
>
|
|
<!---->
|
|
</span>
|
|
|
|
group.contentMenu.visitGroupPage
|
|
|
|
</a>
|
|
<!---->
|
|
</li>
|
|
</ul>
|
|
</nav>
|
|
</div>
|
|
</div>
|
|
</v-popover-stub>
|
|
</div>
|
|
`;
|