mirrors/element-web
1
0
Fork 0
mirror of https://github.com/vector-im/element-web.git synced 2026-05-05 04:06:44 +02:00
Code Issues Projects Releases Wiki Activity

update pw snaps

Browse Source
This commit is contained in:
Half-Shot 2026-04-14 09:22:02 +01:00
parent 68ce33cd14
commit bf75fc7b44
4 changed files with 0 additions and 613 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

BIN
apps/web/playwright/snapshots/messages/messages.spec.ts/preview-basic-linux.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 9.3 KiB

After

Width:  |  Height:  |  Size: 9.3 KiB

BIN
apps/web/playwright/snapshots/messages/messages.spec.ts/preview-with-thumb-linux.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 29 KiB

After

Width:  |  Height:  |  Size: 28 KiB

121
packages/shared-components/src/event-tiles/UrlPreviewGroupView/LinkPreview/__snapshots__/LinkPreview.test.tsx.snap
View File

@ -1,121 +0,0 @@
// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
exports[`LinkPreview > renders a preview 1`] = `
<div>
<div
class="LinkPreview-module_container"
>
<div
class="LinkPreview-module_wrapImageCaption"
>
<button
aria-label="View image"
class="LinkPreview-module_image"
>
<img
alt=""
class="LinkPreview-module_thumbnail"
src="/static/element.png"
/>
</button>
<div
class="LinkPreview-module_caption"
>
<p
class="_typography_6v6n8_153 _font-body-md-regular_6v6n8_50 LinkPreview-module_title"
>
<a
class="LinkPreview-module_link"
href="https://matrix.org"
rel="noreferrer noopener"
target="_blank"
>
A simple title
</a>
<span
class="_typography_6v6n8_153 _font-body-md-regular_6v6n8_50"
>
- Site name
</span>
</p>
<p
class="_typography_6v6n8_153 _font-body-md-regular_6v6n8_50 LinkedText-module_container LinkPreview-module_description"
>
A simple description
</p>
</div>
</div>
</div>
</div>
`;
exports[`LinkPreview > renders a preview with just a title 1`] = `
<div>
<div
class="LinkPreview-module_container"
>
<div
class="LinkPreview-module_wrapImageCaption"
>
<div
class="LinkPreview-module_caption"
>
<p
class="_typography_6v6n8_153 _font-body-md-regular_6v6n8_50 LinkPreview-module_title"
>
<a
class="LinkPreview-module_link"
href="https://matrix.org"
rel="noreferrer noopener"
target="_blank"
>
A simple title
</a>
</p>
</div>
</div>
</div>
</div>
`;
exports[`LinkPreview > renders a preview with just a title and description 1`] = `
<div>
<div
class="LinkPreview-module_container"
>
<div
class="LinkPreview-module_wrapImageCaption"
>
<div
class="LinkPreview-module_caption"
>
<p
class="_typography_6v6n8_153 _font-body-md-regular_6v6n8_50 LinkPreview-module_title"
>
<a
class="LinkPreview-module_link"
href="https://matrix.org"
rel="noreferrer noopener"
target="_blank"
>
A simple title
</a>
</p>
<p
class="_typography_6v6n8_153 _font-body-md-regular_6v6n8_50 LinkedText-module_container LinkPreview-module_description"
>
A simple description with a link to
<a
data-linkified="true"
href="https://matrix.org"
rel="noreferrer noopener"
target="_blank"
>
https://matrix.org
</a>
</p>
</div>
</div>
</div>
</div>
`;

492
packages/shared-components/src/event-tiles/UrlPreviewGroupView/__snapshots__/UrlPreviewGroupView.test.tsx.snap
View File

@ -1,492 +0,0 @@
// Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
exports[`UrlPreviewGroupView > renders a single preview 1`] = `
<div>
<div
class="UrlPreviewGroupView-module_wrapper"
>
<div
class="UrlPreviewGroupView-module_previewGroup"
>
<div
class="LinkPreview-module_container"
>
<div
class="LinkPreview-module_wrapImageCaption"
>
<button
aria-label="View image"
class="LinkPreview-module_image"
>
<img
alt=""
class="LinkPreview-module_thumbnail"
src="/static/element.png"
/>
</button>
<div
class="LinkPreview-module_caption"
>
<p
class="_typography_6v6n8_153 _font-body-md-regular_6v6n8_50 LinkPreview-module_title"
>
<a
class="LinkPreview-module_link"
href="https://matrix.org"
rel="noreferrer noopener"
target="_blank"
>
A simple title
</a>
</p>
<p
class="_typography_6v6n8_153 _font-body-md-regular_6v6n8_50 LinkedText-module_container LinkPreview-module_description"
>
A simple description
</p>
</div>
</div>
</div>
</div>
<button
aria-label="Close preview"
class="_icon-button_1215g_8"
data-kind="primary"
role="button"
style="--cpd-icon-button-size: 20px;"
tabindex="0"
>
<div
class="_indicator-icon_147l5_17"
style="--cpd-icon-button-size: 100%;"
>
<svg
fill="currentColor"
height="1em"
viewBox="0 0 24 24"
width="1em"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M6.293 6.293a1 1 0 0 1 1.414 0L12 10.586l4.293-4.293a1 1 0 1 1 1.414 1.414L13.414 12l4.293 4.293a1 1 0 0 1-1.414 1.414L12 13.414l-4.293 4.293a1 1 0 0 1-1.414-1.414L10.586 12 6.293 7.707a1 1 0 0 1 0-1.414"
/>
</svg>
</div>
</button>
</div>
</div>
`;
exports[`UrlPreviewGroupView > renders multiple previews 1`] = `
<div>
<div
class="UrlPreviewGroupView-module_wrapper"
>
<div
class="UrlPreviewGroupView-module_previewGroup"
>
<div
class="LinkPreview-module_container"
>
<div
class="LinkPreview-module_wrapImageCaption"
>
<button
aria-label="View image"
class="LinkPreview-module_image"
>
<img
alt=""
class="LinkPreview-module_thumbnail"
src="/static/element.png"
/>
</button>
<div
class="LinkPreview-module_caption"
>
<p
class="_typography_6v6n8_153 _font-body-md-regular_6v6n8_50 LinkPreview-module_title"
>
<a
class="LinkPreview-module_link"
href="https://matrix.org"
rel="noreferrer noopener"
target="_blank"
>
One
</a>
</p>
<p
class="_typography_6v6n8_153 _font-body-md-regular_6v6n8_50 LinkedText-module_container LinkPreview-module_description"
>
A regular square image.
</p>
</div>
</div>
</div>
<div
class="LinkPreview-module_container"
>
<div
class="LinkPreview-module_wrapImageCaption"
>
<button
aria-label="View image"
class="LinkPreview-module_image"
>
<img
alt=""
class="LinkPreview-module_thumbnail"
src="/static/tallImage.png"
/>
</button>
<div
class="LinkPreview-module_caption"
>
<p
class="_typography_6v6n8_153 _font-body-md-regular_6v6n8_50 LinkPreview-module_title"
>
<a
class="LinkPreview-module_link"
href="https://matrix.org"
rel="noreferrer noopener"
target="_blank"
>
Two
</a>
</p>
<p
class="_typography_6v6n8_153 _font-body-md-regular_6v6n8_50 LinkedText-module_container LinkPreview-module_description"
>
This one has a taller image which should crop nicely.
</p>
</div>
</div>
</div>
<div
class="LinkPreview-module_container"
>
<div
class="LinkPreview-module_wrapImageCaption"
>
<button
aria-label="View image"
class="LinkPreview-module_image"
>
<img
alt=""
class="LinkPreview-module_thumbnail"
src="/static/element.png"
/>
</button>
<div
class="LinkPreview-module_caption"
>
<p
class="_typography_6v6n8_153 _font-body-md-regular_6v6n8_50 LinkPreview-module_title"
>
<a
class="LinkPreview-module_link"
href="https://matrix.org"
rel="noreferrer noopener"
target="_blank"
>
Three
</a>
</p>
<p
class="_typography_6v6n8_153 _font-body-md-regular_6v6n8_50 LinkedText-module_container LinkPreview-module_description"
>
One more description
</p>
</div>
</div>
</div>
<button
class="_button_13vu4_8 UrlPreviewGroupView-module_toggleButton"
data-kind="tertiary"
data-size="sm"
role="button"
tabindex="0"
>
Collapse
</button>
</div>
<button
aria-label="Close preview"
class="_icon-button_1215g_8"
data-kind="primary"
role="button"
style="--cpd-icon-button-size: 20px;"
tabindex="0"
>
<div
class="_indicator-icon_147l5_17"
style="--cpd-icon-button-size: 100%;"
>
<svg
fill="currentColor"
height="1em"
viewBox="0 0 24 24"
width="1em"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M6.293 6.293a1 1 0 0 1 1.414 0L12 10.586l4.293-4.293a1 1 0 1 1 1.414 1.414L13.414 12l4.293 4.293a1 1 0 0 1-1.414 1.414L12 13.414l-4.293 4.293a1 1 0 0 1-1.414-1.414L10.586 12 6.293 7.707a1 1 0 0 1 0-1.414"
/>
</svg>
</div>
</button>
</div>
</div>
`;
exports[`UrlPreviewGroupView > renders multiple previews which are hidden 1`] = `
<div>
<div
class="UrlPreviewGroupView-module_wrapper"
>
<div
class="UrlPreviewGroupView-module_previewGroup"
>
<div
class="LinkPreview-module_container"
>
<div
class="LinkPreview-module_wrapImageCaption"
>
<button
aria-label="View image"
class="LinkPreview-module_image"
>
<img
alt=""
class="LinkPreview-module_thumbnail"
src="/static/element.png"
/>
</button>
<div
class="LinkPreview-module_caption"
>
<p
class="_typography_6v6n8_153 _font-body-md-regular_6v6n8_50 LinkPreview-module_title"
>
<a
class="LinkPreview-module_link"
href="https://matrix.org"
rel="noreferrer noopener"
target="_blank"
>
A simple title
</a>
</p>
<p
class="_typography_6v6n8_153 _font-body-md-regular_6v6n8_50 LinkedText-module_container LinkPreview-module_description"
>
A simple description
</p>
</div>
</div>
</div>
<button
class="_button_13vu4_8 UrlPreviewGroupView-module_toggleButton"
data-kind="tertiary"
data-size="sm"
role="button"
tabindex="0"
>
Show 9 other previews
</button>
</div>
<button
aria-label="Close preview"
class="_icon-button_1215g_8"
data-kind="primary"
role="button"
style="--cpd-icon-button-size: 20px;"
tabindex="0"
>
<div
class="_indicator-icon_147l5_17"
style="--cpd-icon-button-size: 100%;"
>
<svg
fill="currentColor"
height="1em"
viewBox="0 0 24 24"
width="1em"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M6.293 6.293a1 1 0 0 1 1.414 0L12 10.586l4.293-4.293a1 1 0 1 1 1.414 1.414L13.414 12l4.293 4.293a1 1 0 0 1-1.414 1.414L12 13.414l-4.293 4.293a1 1 0 0 1-1.414-1.414L10.586 12 6.293 7.707a1 1 0 0 1 0-1.414"
/>
</svg>
</div>
</button>
</div>
</div>
`;
exports[`UrlPreviewGroupView > renders with a compact view 1`] = `
<div>
<div
class="UrlPreviewGroupView-module_wrapper"
>
<div
class="UrlPreviewGroupView-module_previewGroup UrlPreviewGroupView-module_compactLayout"
>
<div
class="LinkPreview-module_container"
>
<div
class="LinkPreview-module_wrapImageCaption"
>
<button
aria-label="View image"
class="LinkPreview-module_image"
>
<img
alt=""
class="LinkPreview-module_thumbnail"
src="/static/element.png"
/>
</button>
<div
class="LinkPreview-module_caption"
>
<p
class="_typography_6v6n8_153 _font-body-md-regular_6v6n8_50 LinkPreview-module_title"
>
<a
class="LinkPreview-module_link"
href="https://matrix.org"
rel="noreferrer noopener"
target="_blank"
>
One
</a>
</p>
<p
class="_typography_6v6n8_153 _font-body-md-regular_6v6n8_50 LinkedText-module_container LinkPreview-module_description"
>
A regular square image.
</p>
</div>
</div>
</div>
<div
class="LinkPreview-module_container"
>
<div
class="LinkPreview-module_wrapImageCaption"
>
<button
aria-label="View image"
class="LinkPreview-module_image"
>
<img
alt=""
class="LinkPreview-module_thumbnail"
src="/static/tallImage.png"
/>
</button>
<div
class="LinkPreview-module_caption"
>
<p
class="_typography_6v6n8_153 _font-body-md-regular_6v6n8_50 LinkPreview-module_title"
>
<a
class="LinkPreview-module_link"
href="https://matrix.org"
rel="noreferrer noopener"
target="_blank"
>
Two
</a>
</p>
<p
class="_typography_6v6n8_153 _font-body-md-regular_6v6n8_50 LinkedText-module_container LinkPreview-module_description"
>
This one has a taller image which should crop nicely.
</p>
</div>
</div>
</div>
<div
class="LinkPreview-module_container"
>
<div
class="LinkPreview-module_wrapImageCaption"
>
<button
aria-label="View image"
class="LinkPreview-module_image"
>
<img
alt=""
class="LinkPreview-module_thumbnail"
src="/static/element.png"
/>
</button>
<div
class="LinkPreview-module_caption"
>
<p
class="_typography_6v6n8_153 _font-body-md-regular_6v6n8_50 LinkPreview-module_title"
>
<a
class="LinkPreview-module_link"
href="https://matrix.org"
rel="noreferrer noopener"
target="_blank"
>
Three
</a>
</p>
<p
class="_typography_6v6n8_153 _font-body-md-regular_6v6n8_50 LinkedText-module_container LinkPreview-module_description"
>
One more description
</p>
</div>
</div>
</div>
<button
class="_button_13vu4_8 UrlPreviewGroupView-module_toggleButton"
data-kind="tertiary"
data-size="sm"
role="button"
tabindex="0"
>
Collapse
</button>
</div>
<button
aria-label="Close preview"
class="_icon-button_1215g_8"
data-kind="primary"
role="button"
style="--cpd-icon-button-size: 20px;"
tabindex="0"
>
<div
class="_indicator-icon_147l5_17"
style="--cpd-icon-button-size: 100%;"
>
<svg
fill="currentColor"
height="1em"
viewBox="0 0 24 24"
width="1em"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M6.293 6.293a1 1 0 0 1 1.414 0L12 10.586l4.293-4.293a1 1 0 1 1 1.414 1.414L13.414 12l4.293 4.293a1 1 0 0 1-1.414 1.414L12 13.414l-4.293 4.293a1 1 0 0 1-1.414-1.414L10.586 12 6.293 7.707a1 1 0 0 1 0-1.414"
/>
</svg>
</div>
</button>
</div>
</div>
`;