Ocelot-Social/webapp/components/ContentMenu/__snapshots__/GroupContentMenu.spec.js.snap
Max 7ea8107ed0
fix(webapp): fix popover flickering (#8555)
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
2025-05-20 07:21:22 +00:00

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>
`;