riot-web/test/components/views/settings/devices/__snapshots__/DeviceDetailHeading-test.ts...

91 lines
2.3 KiB
Plaintext

// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`<DeviceDetailHeading /> displays name edit form on rename button click 1`] = `
Object {
"container": <div>
<form
aria-disabled="false"
class="mx_DeviceDetailHeading_renameForm"
method="post"
>
<p
class="mx_DeviceDetailHeading_renameFormHeading"
id="device-rename-123"
>
Rename session
</p>
<div>
<div
class="mx_Field mx_Field_input mx_DeviceDetailHeading_renameFormInput"
>
<input
aria-describedby="device-rename-description-123"
aria-labelledby="device-rename-123"
autocomplete="off"
data-testid="device-rename-input"
id="mx_Field_1"
maxlength="100"
type="text"
value="My device"
/>
<label
for="mx_Field_1"
/>
</div>
<span
class="mx_Caption"
id="device-rename-description-123"
>
Please be aware that session names are also visible to people you communicate with
</span>
</div>
<div
class="mx_DeviceDetailHeading_renameFormButtons"
>
<div
class="mx_AccessibleButton mx_AccessibleButton_hasKind mx_AccessibleButton_kind_primary"
data-testid="device-rename-submit-cta"
role="button"
tabindex="0"
>
Save
</div>
<div
class="mx_AccessibleButton mx_AccessibleButton_hasKind mx_AccessibleButton_kind_secondary"
data-testid="device-rename-cancel-cta"
role="button"
tabindex="0"
>
Cancel
</div>
</div>
</form>
</div>,
}
`;
exports[`<DeviceDetailHeading /> renders device name 1`] = `
Object {
"container": <div>
<div
class="mx_DeviceDetailHeading"
data-testid="device-detail-heading"
>
<h3
class="mx_Heading_h3"
>
My device
</h3>
<div
class="mx_AccessibleButton mx_DeviceDetailHeading_renameCta mx_AccessibleButton_hasKind mx_AccessibleButton_kind_link_inline"
data-testid="device-heading-rename-cta"
role="button"
tabindex="0"
>
Rename
</div>
</div>
</div>,
}
`;