eb938c21d6
* Update dependency @vector-im/compound-design-tokens to v1.9.1 * Update snapshots Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> --------- Signed-off-by: Michael Telatynski <7t3chguy@gmail.com> Co-authored-by: renovate[bot] <29139614+renovate[bot]@users.noreply.github.com> Co-authored-by: Michael Telatynski <7t3chguy@gmail.com>
81 lines
2.2 KiB
Text
81 lines
2.2 KiB
Text
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
|
|
|
exports[`<ImageView /> renders correctly 1`] = `
|
|
<div>
|
|
<div
|
|
data-focus-guard="true"
|
|
style="width: 1px; height: 0px; padding: 0px; overflow: hidden; position: fixed; top: 1px; left: 1px;"
|
|
tabindex="0"
|
|
/>
|
|
<div
|
|
aria-label="Image view"
|
|
class="mx_ImageView"
|
|
data-focus-lock-disabled="false"
|
|
role="dialog"
|
|
>
|
|
<div
|
|
class="mx_ImageView_panel"
|
|
>
|
|
<div />
|
|
<div
|
|
class="mx_ImageView_toolbar"
|
|
>
|
|
<div
|
|
aria-label="Zoom out"
|
|
class="mx_AccessibleButton mx_ImageView_button mx_ImageView_button_zoomOut"
|
|
role="button"
|
|
tabindex="0"
|
|
/>
|
|
<div
|
|
aria-label="Zoom in"
|
|
class="mx_AccessibleButton mx_ImageView_button mx_ImageView_button_zoomIn"
|
|
role="button"
|
|
tabindex="0"
|
|
/>
|
|
<div
|
|
aria-label="Rotate Left"
|
|
class="mx_AccessibleButton mx_ImageView_button mx_ImageView_button_rotateCCW"
|
|
role="button"
|
|
tabindex="0"
|
|
/>
|
|
<div
|
|
aria-label="Rotate Right"
|
|
class="mx_AccessibleButton mx_ImageView_button mx_ImageView_button_rotateCW"
|
|
role="button"
|
|
tabindex="0"
|
|
/>
|
|
<div
|
|
aria-label="Download"
|
|
class="mx_AccessibleButton mx_ImageView_button mx_ImageView_button_download"
|
|
role="button"
|
|
tabindex="0"
|
|
/>
|
|
<div
|
|
aria-label="Close"
|
|
class="mx_AccessibleButton mx_ImageView_button mx_ImageView_button_close"
|
|
role="button"
|
|
tabindex="0"
|
|
/>
|
|
</div>
|
|
</div>
|
|
<div
|
|
class="mx_ImageView_image_wrapper"
|
|
>
|
|
<img
|
|
class="mx_ImageView_image "
|
|
draggable="true"
|
|
src="https://example.com/image.png"
|
|
style="transform: translateX(0px)
|
|
translateY(0px)
|
|
scale(0)
|
|
rotate(0deg); cursor: zoom-out;"
|
|
/>
|
|
</div>
|
|
</div>
|
|
<div
|
|
data-focus-guard="true"
|
|
style="width: 1px; height: 0px; padding: 0px; overflow: hidden; position: fixed; top: 1px; left: 1px;"
|
|
tabindex="0"
|
|
/>
|
|
</div>
|
|
`;
|