1
0
mirror of https://github.com/pavlobu/deskreen.git synced 2025-05-19 00:40:11 -07:00
deskreen/app/components/__snapshots__/AllowConnectionForDeviceAlert.spec.tsx.snap
2020-12-25 01:11:01 +02:00

524 lines
25 KiB
Plaintext

// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`should match exact snapshot 1`] = `
<BrowserRouter>
<Router
history={
Object {
"action": "POP",
"block": [Function],
"createHref": [Function],
"go": [Function],
"goBack": [Function],
"goForward": [Function],
"length": 1,
"listen": [Function],
"location": Object {
"hash": "",
"pathname": "/",
"search": "",
"state": undefined,
},
"push": [Function],
"replace": [Function],
}
}
>
<AllowConnectionForDeviceAlert
device={Object {}}
isOpen={true}
onCancel={[Function]}
onConfirm={[Function]}
>
<Blueprint3.Alert
canEscapeKeyCancel={false}
canOutsideClickCancel={false}
cancelButtonText="Deny"
className="class-allow-device-to-connect-alert"
confirmButtonText="Allow"
icon="feed"
intent="danger"
isOpen={true}
onCancel={[Function]}
onConfirm={[Function]}
transitionDuration={0}
usePortal={false}
>
<Blueprint3.Dialog
canEscapeKeyClose={false}
canOutsideClickClose={false}
className="bp3-alert class-allow-device-to-connect-alert"
isOpen={true}
onCancel={[Function]}
onClose={[Function]}
onConfirm={[Function]}
transitionDuration={0}
usePortal={false}
>
<Blueprint3.Overlay
autoFocus={true}
backdropProps={Object {}}
canEscapeKeyClose={false}
canOutsideClickClose={false}
className="bp3-overlay-scroll-container"
enforceFocus={true}
hasBackdrop={true}
isOpen={true}
lazy={true}
onCancel={[Function]}
onClose={[Function]}
onConfirm={[Function]}
transitionDuration={0}
transitionName="bp3-overlay"
usePortal={false}
>
<TransitionGroup
appear={true}
childFactory={[Function]}
className="bp3-overlay bp3-overlay-open bp3-overlay-inline bp3-overlay-scroll-container"
component="div"
onKeyDown={[Function]}
>
<div
className="bp3-overlay bp3-overlay-open bp3-overlay-inline bp3-overlay-scroll-container"
onKeyDown={[Function]}
>
<CSSTransition
addEndListener={[Function]}
appear={true}
classNames="bp3-overlay"
in={true}
key=".$__backdrop"
onExited={[Function]}
timeout={0}
>
<Transition
addEndListener={[Function]}
appear={true}
enter={true}
exit={true}
in={true}
mountOnEnter={false}
onEnter={[Function]}
onEntered={[Function]}
onEntering={[Function]}
onExit={[Function]}
onExited={[Function]}
onExiting={[Function]}
timeout={0}
unmountOnExit={false}
>
<div
className="bp3-overlay-backdrop"
onMouseDown={[Function]}
/>
</Transition>
</CSSTransition>
<CSSTransition
addEndListener={[Function]}
appear={true}
classNames="bp3-overlay"
in={true}
key=".$.0"
onExited={[Function]}
timeout={0}
>
<Transition
addEndListener={[Function]}
appear={true}
enter={true}
exit={true}
in={true}
mountOnEnter={false}
onEnter={[Function]}
onEntered={[Function]}
onEntering={[Function]}
onExit={[Function]}
onExited={[Function]}
onExiting={[Function]}
timeout={0}
unmountOnExit={false}
>
<div
className="bp3-dialog-container bp3-overlay-content"
tabIndex={0}
>
<div
className="bp3-dialog bp3-alert class-allow-device-to-connect-alert"
>
<div
className="bp3-alert-body"
>
<Blueprint3.Icon
icon="feed"
iconSize={40}
intent="danger"
>
<span
className="bp3-icon bp3-icon-feed bp3-intent-danger"
icon="feed"
>
<svg
data-icon="feed"
height={40}
viewBox="0 0 20 20"
width={40}
>
<desc>
feed
</desc>
<path
d="M2.5 15a2.5 2.5 0 000 5 2.5 2.5 0 000-5zm.5-5c-.55 0-1 .45-1 1s.45 1 1 1c2.76 0 5 2.24 5 5 0 .55.45 1 1 1s1-.45 1-1c0-3.87-3.13-7-7-7zM3 0c-.55 0-1 .45-1 1s.45 1 1 1c8.28 0 15 6.72 15 15 0 .55.45 1 1 1s1-.45 1-1C20 7.61 12.39 0 3 0zm0 5c-.55 0-1 .45-1 1s.45 1 1 1c5.52 0 10 4.48 10 10 0 .55.45 1 1 1s1-.45 1-1C15 10.37 9.63 5 3 5z"
fillRule="evenodd"
key="0"
/>
</svg>
</span>
</Blueprint3.Icon>
<div
className="bp3-alert-contents"
>
<Component>
<h4
className="bp3-heading"
>
Device is trying to connect, do you allow?
</h4>
</Component>
<DeviceInfoCallout>
<Component
style={
Object {
"margin": "0 auto",
"textAlign": "center",
}
}
>
<h4
className="bp3-heading"
style={
Object {
"margin": "0 auto",
"textAlign": "center",
}
}
>
Partner Device Info:
</h4>
</Component>
<Blueprint3.Callout
id="device-info-callout"
>
<div
className="bp3-callout"
id="device-info-callout"
>
<Row
center="xs"
>
<div
className="row center-xs"
>
<Col
xs={12}
>
<div
className="col-xs-12"
>
<Blueprint3.Text
ellipsize={false}
tagName="div"
>
<div
className=""
>
Device Type:
<span />
</div>
</Blueprint3.Text>
<Blueprint3.Tooltip
content={
<React.Fragment>
<Blueprint3.Text
ellipsize={false}
tagName="div"
>
This should match with 'Device IP' displayed on the screen of device
that is trying to connect.
</Blueprint3.Text>
<span
style={
Object {
"fontWeight": 900,
}
}
>
<Blueprint3.Text
ellipsize={false}
tagName="div"
>
If IPs don't match click 'Deny' or 'Disconnect' button immediately to
secure your computer!
</Blueprint3.Text>
</span>
</React.Fragment>
}
hoverCloseDelay={0}
hoverOpenDelay={100}
minimal={false}
position="top"
transitionDuration={100}
>
<Blueprint3.Popover
autoFocus={false}
boundary="scrollParent"
canEscapeKeyClose={false}
captureDismiss={false}
content={
<React.Fragment>
<Blueprint3.Text
ellipsize={false}
tagName="div"
>
This should match with 'Device IP' displayed on the screen of device
that is trying to connect.
</Blueprint3.Text>
<span
style={
Object {
"fontWeight": 900,
}
}
>
<Blueprint3.Text
ellipsize={false}
tagName="div"
>
If IPs don't match click 'Deny' or 'Disconnect' button immediately to
secure your computer!
</Blueprint3.Text>
</span>
</React.Fragment>
}
defaultIsOpen={false}
disabled={false}
enforceFocus={false}
fill={false}
hasBackdrop={false}
hoverCloseDelay={0}
hoverOpenDelay={100}
inheritDarkTheme={true}
interactionKind="hover-target"
lazy={true}
minimal={false}
modifiers={
Object {
"arrow": Object {
"enabled": true,
},
}
}
openOnTargetFocus={true}
popoverClassName="bp3-tooltip"
position="top"
targetTagName="span"
transitionDuration={100}
usePortal={true}
wrapperTagName="span"
>
<Manager>
<span
className="bp3-popover-wrapper"
>
<Reference
innerRef={[Function]}
>
<InnerReference
innerRef={[Function]}
setReferenceNode={[Function]}
>
<Blueprint3.ResizeSensor
onResize={[Function]}
>
<span
className="bp3-popover-target"
onBlur={[Function]}
onFocus={[Function]}
onMouseEnter={[Function]}
onMouseLeave={[Function]}
>
<div
className=""
key=".0"
style={
Object {
"backgroundColor": "#00f99273",
"borderRadius": "20px",
"fontWeight": 900,
"paddingLeft": "10px",
"paddingRight": "10px",
}
}
tabIndex={0}
>
<Blueprint3.Text
className="bp3-text-large"
ellipsize={false}
tagName="div"
>
<div
className="bp3-text-large"
>
Device IP:
<span
className="device-ip-span"
/>
</div>
</Blueprint3.Text>
</div>
</span>
</Blueprint3.ResizeSensor>
</InnerReference>
</Reference>
<Blueprint3.Overlay
autoFocus={false}
backdropClassName="bp3-popover-backdrop"
backdropProps={Object {}}
canEscapeKeyClose={false}
canOutsideClickClose={false}
enforceFocus={false}
hasBackdrop={false}
isOpen={false}
lazy={true}
onClose={[Function]}
transitionDuration={100}
transitionName="bp3-popover"
usePortal={true}
/>
</span>
</Manager>
</Blueprint3.Popover>
</Blueprint3.Tooltip>
<Blueprint3.Text
ellipsize={false}
tagName="div"
>
<div
className=""
>
Device Browser:
<span />
</div>
</Blueprint3.Text>
<Blueprint3.Text
ellipsize={false}
tagName="div"
>
<div
className=""
>
Device OS:
<span />
</div>
</Blueprint3.Text>
<div
style={
Object {
"margin": "0 auto",
"width": "200px",
}
}
>
<Blueprint3.Text
className="bp3-text-muted"
ellipsize={true}
tagName="div"
>
<div
className="bp3-text-overflow-ellipsis bp3-text-muted"
>
Session ID:
<span />
</div>
</Blueprint3.Text>
</div>
</div>
</Col>
</div>
</Row>
</div>
</Blueprint3.Callout>
</DeviceInfoCallout>
</div>
</div>
<div
className="bp3-alert-footer"
>
<Blueprint3.Button
intent="danger"
onClick={[Function]}
text="Allow"
>
<button
className="bp3-button bp3-intent-danger"
onBlur={[Function]}
onClick={[Function]}
onKeyDown={[Function]}
onKeyUp={[Function]}
type="button"
>
<Blueprint3.Icon
key="leftIcon"
/>
<span
className="bp3-button-text"
key="text"
>
Allow
</span>
<Blueprint3.Icon
key="rightIcon"
/>
</button>
</Blueprint3.Button>
<Blueprint3.Button
onClick={[Function]}
text="Deny"
>
<button
className="bp3-button"
onBlur={[Function]}
onClick={[Function]}
onKeyDown={[Function]}
onKeyUp={[Function]}
type="button"
>
<Blueprint3.Icon
key="leftIcon"
/>
<span
className="bp3-button-text"
key="text"
>
Deny
</span>
<Blueprint3.Icon
key="rightIcon"
/>
</button>
</Blueprint3.Button>
</div>
</div>
</div>
</Transition>
</CSSTransition>
</div>
</TransitionGroup>
</Blueprint3.Overlay>
</Blueprint3.Dialog>
</Blueprint3.Alert>
</AllowConnectionForDeviceAlert>
</Router>
</BrowserRouter>
`;