mirror of
https://github.com/element-hq/element-web
synced 2024-11-29 04:48:50 +03:00
44e2a6d070
* Update reusable elements * Update tests * Make right as default tooltip placement * Add tests
88 lines
2.4 KiB
Text
88 lines
2.4 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-describedby="floating-ui-2"
|
|
aria-label="Zoom out"
|
|
class="mx_AccessibleButton mx_ImageView_button mx_ImageView_button_zoomOut"
|
|
data-state="open"
|
|
role="button"
|
|
tabindex="0"
|
|
/>
|
|
<div
|
|
aria-label="Zoom in"
|
|
class="mx_AccessibleButton mx_ImageView_button mx_ImageView_button_zoomIn"
|
|
data-state="closed"
|
|
role="button"
|
|
tabindex="0"
|
|
/>
|
|
<div
|
|
aria-label="Rotate Left"
|
|
class="mx_AccessibleButton mx_ImageView_button mx_ImageView_button_rotateCCW"
|
|
data-state="closed"
|
|
role="button"
|
|
tabindex="0"
|
|
/>
|
|
<div
|
|
aria-label="Rotate Right"
|
|
class="mx_AccessibleButton mx_ImageView_button mx_ImageView_button_rotateCW"
|
|
data-state="closed"
|
|
role="button"
|
|
tabindex="0"
|
|
/>
|
|
<div
|
|
aria-label="Download"
|
|
class="mx_AccessibleButton mx_ImageView_button mx_ImageView_button_download"
|
|
data-state="closed"
|
|
role="button"
|
|
tabindex="0"
|
|
/>
|
|
<div
|
|
aria-label="Close"
|
|
class="mx_AccessibleButton mx_ImageView_button mx_ImageView_button_close"
|
|
data-state="closed"
|
|
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>
|
|
`;
|