1
0
mirror of https://github.com/pavlobu/deskreen.git synced 2025-05-19 00:40:11 -07:00
deskreen/app/components/__snapshots__/ConnectedDevicesListDrawer.spec.tsx.snap
2021-02-11 01:23:43 +02:00

632 lines
27 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],
}
}
>
<ConnectedDevicesListDrawer
handleToggle={[Function]}
isOpen={true}
stepperRef={null}
>
<Blueprint3.Drawer
canOutsideClickClose={true}
className="makeStyles-drawerRoot-1"
isOpen={true}
onClose={[Function]}
position="bottom"
size="90%"
style={Object {}}
transitionDuration={0}
vertical={false}
>
<Blueprint3.Overlay
autoFocus={true}
backdropProps={Object {}}
canEscapeKeyClose={true}
canOutsideClickClose={true}
className="bp3-overlay-container"
enforceFocus={true}
hasBackdrop={true}
isOpen={true}
lazy={true}
onClose={[Function]}
position="bottom"
size="90%"
style={Object {}}
transitionDuration={0}
transitionName="bp3-overlay"
usePortal={true}
vertical={false}
>
<Blueprint3.Portal
container={
<body
class="bp3-overlay-open"
>
<div
class="bp3-portal"
>
<div
class="bp3-overlay bp3-overlay-open bp3-overlay-container"
>
<div
class="bp3-overlay-backdrop bp3-overlay-appear bp3-overlay-appear-active"
tabindex="0"
/>
<div
class="bp3-drawer bp3-position-bottom makeStyles-drawerRoot-1 bp3-overlay-content bp3-overlay-appear bp3-overlay-appear-active"
style="height: 90%;"
tabindex="0"
>
<div
class="makeStyles-drawerInnerTopPanel-2 row middle-xs between-xs"
>
<div
class="col-xs-11"
>
<div
class="row middle-xs"
>
<div
class="makeStyles-topHeader-4"
>
<div
class="bp3-text-muted"
/>
</div>
<button
class="bp3-button bp3-disabled bp3-intent-danger"
disabled=""
tabindex="-1"
type="button"
>
<span
class="bp3-icon bp3-icon-disable"
icon="disable"
>
<svg
data-icon="disable"
height="16"
viewBox="0 0 16 16"
width="16"
>
<desc>
disable
</desc>
<path
d="M7.99-.01c-4.42 0-8 3.58-8 8s3.58 8 8 8 8-3.58 8-8-3.58-8-8-8zm-6 8c0-3.31 2.69-6 6-6 1.3 0 2.49.42 3.47 1.12l-8.35 8.35c-.7-.98-1.12-2.17-1.12-3.47zm6 6c-1.3 0-2.49-.42-3.47-1.12l8.35-8.35c.7.98 1.12 2.17 1.12 3.47 0 3.32-2.68 6-6 6z"
fill-rule="evenodd"
/>
</svg>
</span>
</button>
</div>
</div>
<div
class="col-xs-1"
>
<button
class="bp3-button makeStyles-closeButton-6 undefined"
id="close-overlay-button"
type="button"
>
<span
class="bp3-button-text"
>
<span
class="bp3-icon bp3-icon-cross"
icon="cross"
>
<svg
data-icon="cross"
height="30"
viewBox="0 0 20 20"
width="30"
>
<desc>
cross
</desc>
<path
d="M11.41 10l4.29-4.29c.19-.18.3-.43.3-.71a1.003 1.003 0 00-1.71-.71L10 8.59l-4.29-4.3a1.003 1.003 0 00-1.42 1.42L8.59 10 4.3 14.29c-.19.18-.3.43-.3.71a1.003 1.003 0 001.71.71l4.29-4.3 4.29 4.29c.18.19.43.3.71.3a1.003 1.003 0 00.71-1.71L11.41 10z"
fill-rule="evenodd"
/>
</svg>
</span>
</span>
</button>
</div>
</div>
<div
class="makeStyles-connectedDevicesRoot-3 row"
>
<div
class="col-xs-12"
>
<div
class="react-reveal makeStyles-zoomFullWidth-5"
/>
</div>
</div>
</div>
</div>
</div>
</body>
}
>
<Portal
containerInfo={
<div
class="bp3-portal"
>
<div
class="bp3-overlay bp3-overlay-open bp3-overlay-container"
>
<div
class="bp3-overlay-backdrop bp3-overlay-appear bp3-overlay-appear-active"
tabindex="0"
/>
<div
class="bp3-drawer bp3-position-bottom makeStyles-drawerRoot-1 bp3-overlay-content bp3-overlay-appear bp3-overlay-appear-active"
style="height: 90%;"
tabindex="0"
>
<div
class="makeStyles-drawerInnerTopPanel-2 row middle-xs between-xs"
>
<div
class="col-xs-11"
>
<div
class="row middle-xs"
>
<div
class="makeStyles-topHeader-4"
>
<div
class="bp3-text-muted"
/>
</div>
<button
class="bp3-button bp3-disabled bp3-intent-danger"
disabled=""
tabindex="-1"
type="button"
>
<span
class="bp3-icon bp3-icon-disable"
icon="disable"
>
<svg
data-icon="disable"
height="16"
viewBox="0 0 16 16"
width="16"
>
<desc>
disable
</desc>
<path
d="M7.99-.01c-4.42 0-8 3.58-8 8s3.58 8 8 8 8-3.58 8-8-3.58-8-8-8zm-6 8c0-3.31 2.69-6 6-6 1.3 0 2.49.42 3.47 1.12l-8.35 8.35c-.7-.98-1.12-2.17-1.12-3.47zm6 6c-1.3 0-2.49-.42-3.47-1.12l8.35-8.35c.7.98 1.12 2.17 1.12 3.47 0 3.32-2.68 6-6 6z"
fill-rule="evenodd"
/>
</svg>
</span>
</button>
</div>
</div>
<div
class="col-xs-1"
>
<button
class="bp3-button makeStyles-closeButton-6 undefined"
id="close-overlay-button"
type="button"
>
<span
class="bp3-button-text"
>
<span
class="bp3-icon bp3-icon-cross"
icon="cross"
>
<svg
data-icon="cross"
height="30"
viewBox="0 0 20 20"
width="30"
>
<desc>
cross
</desc>
<path
d="M11.41 10l4.29-4.29c.19-.18.3-.43.3-.71a1.003 1.003 0 00-1.71-.71L10 8.59l-4.29-4.3a1.003 1.003 0 00-1.42 1.42L8.59 10 4.3 14.29c-.19.18-.3.43-.3.71a1.003 1.003 0 001.71.71l4.29-4.3 4.29 4.29c.18.19.43.3.71.3a1.003 1.003 0 00.71-1.71L11.41 10z"
fill-rule="evenodd"
/>
</svg>
</span>
</span>
</button>
</div>
</div>
<div
class="makeStyles-connectedDevicesRoot-3 row"
>
<div
class="col-xs-12"
>
<div
class="react-reveal makeStyles-zoomFullWidth-5"
/>
</div>
</div>
</div>
</div>
</div>
}
>
<TransitionGroup
appear={true}
childFactory={[Function]}
className="bp3-overlay bp3-overlay-open bp3-overlay-container"
component="div"
onKeyDown={[Function]}
>
<div
className="bp3-overlay bp3-overlay-open bp3-overlay-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]}
tabIndex={0}
/>
</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-drawer bp3-position-bottom makeStyles-drawerRoot-1 bp3-overlay-content"
style={
Object {
"height": "90%",
}
}
tabIndex={0}
>
<Row
between="xs"
className="makeStyles-drawerInnerTopPanel-2"
middle="xs"
>
<div
className="makeStyles-drawerInnerTopPanel-2 row middle-xs between-xs"
>
<Col
xs={11}
>
<div
className="col-xs-11"
>
<Row
middle="xs"
>
<div
className="row middle-xs"
>
<div
className="makeStyles-topHeader-4"
>
<Blueprint3.Text
className="bp3-text-muted"
ellipsize={false}
tagName="div"
>
<div
className="bp3-text-muted"
/>
</Blueprint3.Text>
</div>
<Blueprint3.Button
disabled={true}
icon="disable"
intent="danger"
onClick={[Function]}
>
<button
className="bp3-button bp3-disabled bp3-intent-danger"
disabled={true}
onBlur={[Function]}
onKeyDown={[Function]}
onKeyUp={[Function]}
tabIndex={-1}
type="button"
>
<Blueprint3.Icon
icon="disable"
key="leftIcon"
>
<span
className="bp3-icon bp3-icon-disable"
icon="disable"
>
<svg
data-icon="disable"
height={16}
viewBox="0 0 16 16"
width={16}
>
<desc>
disable
</desc>
<path
d="M7.99-.01c-4.42 0-8 3.58-8 8s3.58 8 8 8 8-3.58 8-8-3.58-8-8-8zm-6 8c0-3.31 2.69-6 6-6 1.3 0 2.49.42 3.47 1.12l-8.35 8.35c-.7-.98-1.12-2.17-1.12-3.47zm6 6c-1.3 0-2.49-.42-3.47-1.12l8.35-8.35c.7.98 1.12 2.17 1.12 3.47 0 3.32-2.68 6-6 6z"
fillRule="evenodd"
key="0"
/>
</svg>
</span>
</Blueprint3.Icon>
<Blueprint3.Icon
key="rightIcon"
/>
</button>
</Blueprint3.Button>
</div>
</Row>
</div>
</Col>
<Col
xs={1}
>
<div
className="col-xs-1"
>
<CloseOverlayButton
isDefaultStyles={true}
onClick={[Function]}
>
<Blueprint3.Button
className="makeStyles-closeButton-6 undefined"
id="close-overlay-button"
onClick={[Function]}
>
<button
className="bp3-button makeStyles-closeButton-6 undefined"
id="close-overlay-button"
onBlur={[Function]}
onClick={[Function]}
onKeyDown={[Function]}
onKeyUp={[Function]}
type="button"
>
<Blueprint3.Icon
key="leftIcon"
/>
<span
className="bp3-button-text"
key="text"
>
<Blueprint3.Icon
icon="cross"
iconSize={30}
>
<span
className="bp3-icon bp3-icon-cross"
icon="cross"
>
<svg
data-icon="cross"
height={30}
viewBox="0 0 20 20"
width={30}
>
<desc>
cross
</desc>
<path
d="M11.41 10l4.29-4.29c.19-.18.3-.43.3-.71a1.003 1.003 0 00-1.71-.71L10 8.59l-4.29-4.3a1.003 1.003 0 00-1.42 1.42L8.59 10 4.3 14.29c-.19.18-.3.43-.3.71a1.003 1.003 0 001.71.71l4.29-4.3 4.29 4.29c.18.19.43.3.71.3a1.003 1.003 0 00.71-1.71L11.41 10z"
fillRule="evenodd"
key="0"
/>
</svg>
</span>
</Blueprint3.Icon>
</span>
<Blueprint3.Icon
key="rightIcon"
/>
</button>
</Blueprint3.Button>
</CloseOverlayButton>
</div>
</Col>
</div>
</Row>
<Row
className="makeStyles-connectedDevicesRoot-3"
>
<div
className="makeStyles-connectedDevicesRoot-3 row"
>
<Col
xs={12}
>
<div
className="col-xs-12"
>
<Fade
bottom={true}
cascade={true}
duration={0}
>
<RevealBase
bottom={true}
cascade={true}
fraction={0.2}
inEffect={
Object {
"count": 1,
"delay": 0,
"duration": 0,
"forever": undefined,
"make": [Function],
"reverse": undefined,
"style": Object {
"animationFillMode": "both",
},
}
}
outEffect={
Object {
"count": 1,
"delay": 0,
"duration": 0,
"forever": undefined,
"make": [Function],
"reverse": undefined,
"style": Object {
"animationFillMode": "both",
},
}
}
refProp="ref"
>
<div
className="react-reveal makeStyles-zoomFullWidth-5"
style={
Object {
"opacity": undefined,
}
}
/>
</RevealBase>
</Fade>
</div>
</Col>
</div>
</Row>
</div>
</Transition>
</CSSTransition>
</div>
</TransitionGroup>
</Portal>
</Blueprint3.Portal>
</Blueprint3.Overlay>
</Blueprint3.Drawer>
<Blueprint3.Alert
canEscapeKeyCancel={true}
canOutsideClickCancel={true}
cancelButtonText=""
confirmButtonText=""
icon="warning-sign"
intent="danger"
isOpen={false}
onCancel={[Function]}
onClose={[Function]}
onConfirm={[Function]}
transitionDuration={0}
>
<Blueprint3.Dialog
canEscapeKeyClose={true}
canOutsideClickClose={true}
className="bp3-alert"
isOpen={false}
onCancel={[Function]}
onClose={[Function]}
onConfirm={[Function]}
transitionDuration={0}
>
<Blueprint3.Overlay
autoFocus={true}
backdropProps={Object {}}
canEscapeKeyClose={true}
canOutsideClickClose={true}
className="bp3-overlay-scroll-container"
enforceFocus={true}
hasBackdrop={true}
isOpen={false}
lazy={true}
onCancel={[Function]}
onClose={[Function]}
onConfirm={[Function]}
transitionDuration={0}
transitionName="bp3-overlay"
usePortal={true}
/>
</Blueprint3.Dialog>
</Blueprint3.Alert>
</ConnectedDevicesListDrawer>
</Router>
</BrowserRouter>
`;