Ocelot-Social/webapp/components/__snapshots__/ObserveButton.spec.js.snap
Max 1e6a74b8ce
feat(frontend): observe posts (#8293)
* After creating the post, the author of it automatically observes it to get notifications when there are interactions

* a user that comments a post, automatically observes that post to get notifications when there are more interactions on that post

* mutation that switches the state of the obeservation of a post on and off

* remove duplicate code

* fix unit tests

* add metric observed users count to posts

* change naming

* Add follow post entry to post menu

* Add FollowButton (WIP), show unfollow in menu when already followed

* Follow/unfollow post => observe

* Update slashed bell

* Add requests to observe/unobserve posts

* Add ObserveButton functionality

* Rename isObservedByMe

* Add observingUsersCount; simplify ObserveButton and menu entries

* Fix locales

* Add snapshot test for ObserveButton (WIP)

* Remove empty routes push

* Add test for ObserveButton

* Add test for ContentMenu, improve ObserveButton test

* Remove unneeded fields from PostQuery

---------

Co-authored-by: Moriz Wahl <moriz.wahl@gmx.de>
2025-04-04 11:54:43 +00:00

82 lines
1.2 KiB
Plaintext

// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`ObserveButton observed renders 1`] = `
<div
class="ds-space text-align-center"
style="margin-top: 4px; margin-bottom: 4px;"
>
<button
class="base-button --icon-only --circle --filled"
type="button"
>
<span
class="base-icon"
>
<!---->
</span>
<!---->
</button>
<div
class="ds-space"
style="margin-bottom: 4px;"
/>
<p
class="ds-text observe-button-text ds-text-soft"
>
<h3
class="ds-heading ds-heading-h3"
style="display: inline;"
>
1x
</h3>
</p>
</div>
`;
exports[`ObserveButton unobserved renders 1`] = `
<div
class="ds-space text-align-center"
style="margin-top: 4px; margin-bottom: 4px;"
>
<button
class="base-button --icon-only --circle"
type="button"
>
<span
class="base-icon"
>
<!---->
</span>
<!---->
</button>
<div
class="ds-space"
style="margin-bottom: 4px;"
/>
<p
class="ds-text observe-button-text ds-text-soft"
>
<h3
class="ds-heading ds-heading-h3"
style="display: inline;"
>
1x
</h3>
</p>
</div>
`;