13c4ab2cf4
* start hide * Move useSettingsValueWithSetter to useSettings * Add new setting showMediaEventIds * Add a migration path * Add an action button to hide settings. * Tweaks to MImageBody to support new setting. * Fixup and add tests * add description for migration * docs fixes * add type * i18n * appese prettier * Add tests for HideActionButton * lint * lint * First pass at support for previewing/hiding images. * Add a test for video files. * First pass at supporting hiding video files. * Use a hook for media visibility. * Drop setting hook usage. * Fixup MImageBody test * Fixup tests * Support functional components for message body rendering. * Add a comment * Move props into IProps * Use new wrapping logic * lint * fixup * allow for a delay for the image to render * remove .only * lint * Fix jest test * Fixup tests. * make tests happy * Improve comments * review fixes * unbreak test
81 lines
1.8 KiB
Plaintext
81 lines
1.8 KiB
Plaintext
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
|
|
|
exports[`<MImageBody/> should generate a thumbnail if one isn't included for animated media 1`] = `
|
|
<div>
|
|
<div
|
|
class="mx_MImageBody"
|
|
>
|
|
<a
|
|
href="https://server/_matrix/media/v3/download/server/image"
|
|
>
|
|
<div
|
|
class="mx_MImageBody_thumbnail_container"
|
|
style="max-height: 50px; max-width: 40px;"
|
|
>
|
|
<div
|
|
class="mx_MImageBody_placeholder"
|
|
>
|
|
<div
|
|
class="mx_Spinner"
|
|
>
|
|
<div
|
|
aria-label="Loading…"
|
|
class="mx_Spinner_icon"
|
|
data-testid="spinner"
|
|
role="progressbar"
|
|
style="width: 32px; height: 32px;"
|
|
/>
|
|
</div>
|
|
</div>
|
|
<div
|
|
style="max-height: 50px; max-width: 40px;"
|
|
>
|
|
<img
|
|
alt="alt for a test image"
|
|
class="mx_MImageBody_thumbnail"
|
|
src="blob:generated-thumb"
|
|
/>
|
|
<p
|
|
class="mx_MImageBody_gifLabel"
|
|
>
|
|
GIF
|
|
</p>
|
|
</div>
|
|
</div>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
`;
|
|
|
|
exports[`<MImageBody/> should show a thumbnail while image is being downloaded 1`] = `
|
|
<div>
|
|
<div
|
|
class="mx_MImageBody"
|
|
>
|
|
<div
|
|
class="mx_MImageBody_thumbnail_container"
|
|
style="max-height: 50px; max-width: 40px;"
|
|
>
|
|
<div
|
|
class="mx_MImageBody_placeholder"
|
|
>
|
|
<div
|
|
class="mx_Spinner"
|
|
>
|
|
<div
|
|
aria-label="Loading…"
|
|
class="mx_Spinner_icon"
|
|
data-testid="spinner"
|
|
role="progressbar"
|
|
style="width: 32px; height: 32px;"
|
|
/>
|
|
</div>
|
|
</div>
|
|
<div
|
|
style="max-height: 50px; max-width: 40px;"
|
|
/>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
`;
|