mirror of
https://github.com/pavlobu/deskreen.git
synced 2025-05-27 21:00:08 -07:00
1199 lines
44 KiB
Plaintext
1199 lines
44 KiB
Plaintext
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
|
|
|
exports[`should match exact snapshot on each step 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],
|
|
}
|
|
}
|
|
>
|
|
<IntermediateStep
|
|
activeStep={0}
|
|
handleBack={[Function]}
|
|
handleNext={[Function]}
|
|
handleNextApplicationWindow={[Function]}
|
|
handleNextEntireScreen={[Function]}
|
|
resetPendingConnectionDevice={[Function]}
|
|
resetUserAllowedConnection={[Function]}
|
|
steps={
|
|
Array [
|
|
"a",
|
|
"b",
|
|
"c",
|
|
]
|
|
}
|
|
>
|
|
<Col
|
|
style={
|
|
Object {
|
|
"alignItems": "center",
|
|
"display": "flex",
|
|
"flexDirection": "column",
|
|
"height": "260px",
|
|
"justifyContent": "center",
|
|
}
|
|
}
|
|
xs={12}
|
|
>
|
|
<div
|
|
className="col-xs-12"
|
|
style={
|
|
Object {
|
|
"alignItems": "center",
|
|
"display": "flex",
|
|
"flexDirection": "column",
|
|
"height": "260px",
|
|
"justifyContent": "center",
|
|
}
|
|
}
|
|
>
|
|
<ScanQRStep>
|
|
<div
|
|
style={
|
|
Object {
|
|
"textAlign": "center",
|
|
}
|
|
}
|
|
>
|
|
<Blueprint3.Text
|
|
className="bp3-text"
|
|
>
|
|
<div
|
|
className="bp3-text"
|
|
>
|
|
Scan the QR code
|
|
</div>
|
|
</Blueprint3.Text>
|
|
<Blueprint3.Text
|
|
className="bp3-text-muted"
|
|
>
|
|
<div
|
|
className="bp3-text-muted"
|
|
>
|
|
( make sure your computer and device are connected on same WiFi )
|
|
</div>
|
|
</Blueprint3.Text>
|
|
</div>
|
|
<div>
|
|
<Blueprint3.Tooltip
|
|
content="Click to make bigger"
|
|
hoverCloseDelay={0}
|
|
hoverOpenDelay={100}
|
|
position="left"
|
|
transitionDuration={100}
|
|
>
|
|
<Blueprint3.Popover
|
|
autoFocus={false}
|
|
boundary="scrollParent"
|
|
canEscapeKeyClose={false}
|
|
captureDismiss={false}
|
|
content="Click to make bigger"
|
|
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 {}}
|
|
openOnTargetFocus={true}
|
|
popoverClassName="bp3-tooltip"
|
|
position="left"
|
|
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="makeStyles-smallQRCode-1"
|
|
id="magnify-qr-code-button"
|
|
key=".0"
|
|
onClick={[Function]}
|
|
tabIndex={0}
|
|
>
|
|
<QRCode
|
|
bgColor="rgba(0,0,0,0.0)"
|
|
fgColor="#000000"
|
|
imageSettings={
|
|
Object {
|
|
"height": 40,
|
|
"src": "https://upload.wikimedia.org/wikipedia/commons/thumb/9/91/Electron_Software_Framework_Logo.svg/256px-Electron_Software_Framework_Logo.svg.png",
|
|
"width": 40,
|
|
}
|
|
}
|
|
includeMargin={false}
|
|
level="H"
|
|
renderAs="svg"
|
|
size={128}
|
|
value="http://192.168.31.214:65000/99999"
|
|
>
|
|
<QRCodeSVG
|
|
bgColor="rgba(0,0,0,0.0)"
|
|
fgColor="#000000"
|
|
imageSettings={
|
|
Object {
|
|
"height": 40,
|
|
"src": "https://upload.wikimedia.org/wikipedia/commons/thumb/9/91/Electron_Software_Framework_Logo.svg/256px-Electron_Software_Framework_Logo.svg.png",
|
|
"width": 40,
|
|
}
|
|
}
|
|
includeMargin={false}
|
|
level="H"
|
|
size={128}
|
|
value="http://192.168.31.214:65000/99999"
|
|
>
|
|
<svg
|
|
height={128}
|
|
shapeRendering="crispEdges"
|
|
viewBox="0 0 33 33"
|
|
width={128}
|
|
>
|
|
<path
|
|
d="M0,0 h33v33H0z"
|
|
fill="rgba(0,0,0,0.0)"
|
|
/>
|
|
<path
|
|
d="M0 0h7v1H0zM8 0h1v1H8zM10 0h1v1H10zM12 0h6v1H12zM19 0h2v1H19zM23 0h2v1H23zM26,0 h7v1H26zM0 1h1v1H0zM6 1h1v1H6zM8 1h2v1H8zM15 1h1v1H15zM17 1h2v1H17zM22 1h1v1H22zM26 1h1v1H26zM32,1 h1v1H32zM0 2h1v1H0zM2 2h3v1H2zM6 2h1v1H6zM8 2h1v1H8zM11 2h1v1H11zM13 2h1v1H13zM15 2h1v1H15zM17 2h2v1H17zM20 2h2v1H20zM23 2h1v1H23zM26 2h1v1H26zM28 2h3v1H28zM32,2 h1v1H32zM0 3h1v1H0zM2 3h3v1H2zM6 3h1v1H6zM10 3h4v1H10zM23 3h1v1H23zM26 3h1v1H26zM28 3h3v1H28zM32,3 h1v1H32zM0 4h1v1H0zM2 4h3v1H2zM6 4h1v1H6zM9 4h1v1H9zM11 4h1v1H11zM13 4h1v1H13zM15 4h1v1H15zM17 4h2v1H17zM21 4h4v1H21zM26 4h1v1H26zM28 4h3v1H28zM32,4 h1v1H32zM0 5h1v1H0zM6 5h1v1H6zM8 5h1v1H8zM10 5h1v1H10zM14 5h1v1H14zM16 5h1v1H16zM20 5h3v1H20zM26 5h1v1H26zM32,5 h1v1H32zM0 6h7v1H0zM8 6h1v1H8zM10 6h1v1H10zM12 6h1v1H12zM14 6h1v1H14zM16 6h1v1H16zM18 6h1v1H18zM20 6h1v1H20zM22 6h1v1H22zM24 6h1v1H24zM26,6 h7v1H26zM8 7h6v1H8zM15 7h2v1H15zM18 7h1v1H18zM20 7h3v1H20zM24 7h1v1H24zM2 8h3v1H2zM6 8h1v1H6zM8 8h1v1H8zM11 8h4v1H11zM16 8h1v1H16zM19 8h1v1H19zM23 8h1v1H23zM25 8h3v1H25zM30,8 h3v1H30zM0 9h2v1H0zM3 9h1v1H3zM5 9h1v1H5zM7 9h1v1H7zM9 9h1v1H9zM12 9h2v1H12zM16 9h2v1H16zM20 9h1v1H20zM22 9h5v1H22zM29 9h1v1H29zM31,9 h2v1H31zM0 10h2v1H0zM5 10h6v1H5zM13 10h2v1H13zM17 10h5v1H17zM24 10h1v1H24zM27 10h1v1H27zM0 11h2v1H0zM4 11h2v1H4zM8 11h3v1H8zM15 11h1v1H15zM21 11h3v1H21zM25 11h1v1H25zM30 11h2v1H30zM0 12h7v1H0zM11 12h2v1H11zM15 12h1v1H15zM19 12h1v1H19zM21 12h1v1H21zM24 12h1v1H24zM28 12h2v1H28zM32,12 h1v1H32zM8 13h1v1H8zM10 13h1v1H10zM14 13h1v1H14zM16 13h2v1H16zM19 13h2v1H19zM23 13h5v1H23zM30 13h1v1H30zM32,13 h1v1H32zM0 14h2v1H0zM3 14h1v1H3zM6 14h1v1H6zM11 14h5v1H11zM17 14h2v1H17zM20 14h1v1H20zM22 14h1v1H22zM24 14h2v1H24zM30 14h2v1H30zM0 15h2v1H0zM7 15h1v1H7zM11 15h1v1H11zM13 15h1v1H13zM15 15h1v1H15zM18 15h1v1H18zM20 15h3v1H20zM24 15h1v1H24zM27 15h2v1H27zM30 15h2v1H30zM0 16h1v1H0zM2 16h1v1H2zM4 16h4v1H4zM9 16h1v1H9zM11 16h1v1H11zM18 16h3v1H18zM23 16h2v1H23zM28 16h1v1H28zM0 17h2v1H0zM3 17h1v1H3zM5 17h1v1H5zM13 17h3v1H13zM17 17h2v1H17zM21 17h7v1H21zM31,17 h2v1H31zM0 18h2v1H0zM4 18h4v1H4zM9 18h3v1H9zM14 18h1v1H14zM18 18h1v1H18zM20 18h1v1H20zM24 18h1v1H24zM26 18h1v1H26zM30 18h1v1H30zM2 19h1v1H2zM4 19h1v1H4zM9 19h1v1H9zM11 19h2v1H11zM14 19h1v1H14zM20 19h6v1H20zM27 19h1v1H27zM29 19h2v1H29zM4 20h1v1H4zM6 20h1v1H6zM8 20h1v1H8zM10 20h1v1H10zM13 20h2v1H13zM16 20h1v1H16zM18 20h1v1H18zM20 20h1v1H20zM23 20h1v1H23zM28 20h2v1H28zM0 21h1v1H0zM3 21h3v1H3zM10 21h1v1H10zM12 21h3v1H12zM16 21h1v1H16zM19 21h1v1H19zM21 21h7v1H21zM30 21h1v1H30zM32,21 h1v1H32zM0 22h1v1H0zM2 22h3v1H2zM6 22h3v1H6zM13 22h1v1H13zM15 22h7v1H15zM27 22h2v1H27zM0 23h1v1H0zM2 23h2v1H2zM7 23h2v1H7zM10 23h2v1H10zM14 23h2v1H14zM17 23h3v1H17zM21 23h1v1H21zM24 23h1v1H24zM28 23h1v1H28zM30 23h2v1H30zM0 24h1v1H0zM6 24h1v1H6zM8 24h1v1H8zM10 24h1v1H10zM12 24h1v1H12zM17 24h1v1H17zM19 24h1v1H19zM23 24h6v1H23zM8 25h1v1H8zM10 25h1v1H10zM17 25h2v1H17zM22 25h3v1H22zM28 25h1v1H28zM30,25 h3v1H30zM0 26h7v1H0zM10 26h1v1H10zM14 26h3v1H14zM18 26h1v1H18zM22 26h3v1H22zM26 26h1v1H26zM28 26h1v1H28zM0 27h1v1H0zM6 27h1v1H6zM9 27h1v1H9zM11 27h2v1H11zM15 27h4v1H15zM20 27h1v1H20zM24 27h1v1H24zM28 27h1v1H28zM30 27h2v1H30zM0 28h1v1H0zM2 28h3v1H2zM6 28h1v1H6zM8 28h2v1H8zM11 28h2v1H11zM14 28h2v1H14zM17 28h1v1H17zM21 28h2v1H21zM24 28h6v1H24zM0 29h1v1H0zM2 29h3v1H2zM6 29h1v1H6zM8 29h2v1H8zM11 29h1v1H11zM14 29h3v1H14zM18 29h3v1H18zM28 29h2v1H28zM32,29 h1v1H32zM0 30h1v1H0zM2 30h3v1H2zM6 30h1v1H6zM8 30h1v1H8zM10 30h5v1H10zM16 30h5v1H16zM22 30h1v1H22zM25 30h2v1H25zM29 30h1v1H29zM0 31h1v1H0zM6 31h1v1H6zM12 31h3v1H12zM16 31h1v1H16zM20 31h1v1H20zM23 31h1v1H23zM25 31h1v1H25zM27 31h1v1H27zM30 31h1v1H30zM0 32h7v1H0zM9 32h1v1H9zM11 32h1v1H11zM13 32h1v1H13zM19 32h1v1H19zM21 32h1v1H21zM24 32h1v1H24zM26 32h1v1H26zM29 32h1v1H29zM31 32h1v1H31z"
|
|
fill="#000000"
|
|
/>
|
|
<image
|
|
height={10.3125}
|
|
preserveAspectRatio="none"
|
|
width={10.3125}
|
|
x={11.34375}
|
|
xlinkHref="https://upload.wikimedia.org/wikipedia/commons/thumb/9/91/Electron_Software_Framework_Logo.svg/256px-Electron_Software_Framework_Logo.svg.png"
|
|
y={11.34375}
|
|
/>
|
|
</svg>
|
|
</QRCodeSVG>
|
|
</QRCode>
|
|
</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>
|
|
</div>
|
|
<div
|
|
style={
|
|
Object {
|
|
"marginBottom": "10px",
|
|
}
|
|
}
|
|
>
|
|
<Blueprint3.Text
|
|
className="bp3-text-muted"
|
|
>
|
|
<div
|
|
className="bp3-text-muted"
|
|
>
|
|
or type the following address manualy in browser address bar on any device:
|
|
</div>
|
|
</Blueprint3.Text>
|
|
</div>
|
|
<Blueprint3.Tooltip
|
|
content="Click to copy"
|
|
hoverCloseDelay={0}
|
|
hoverOpenDelay={100}
|
|
position="left"
|
|
transitionDuration={100}
|
|
>
|
|
<Blueprint3.Popover
|
|
autoFocus={false}
|
|
boundary="scrollParent"
|
|
canEscapeKeyClose={false}
|
|
captureDismiss={false}
|
|
content="Click to copy"
|
|
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 {}}
|
|
openOnTargetFocus={true}
|
|
popoverClassName="bp3-tooltip"
|
|
position="left"
|
|
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]}
|
|
>
|
|
<Blueprint3.Button
|
|
className=""
|
|
icon="duplicate"
|
|
intent="primary"
|
|
key=".0"
|
|
style={
|
|
Object {
|
|
"borderRadius": "100px",
|
|
}
|
|
}
|
|
tabIndex={0}
|
|
>
|
|
<button
|
|
className="bp3-button bp3-intent-primary"
|
|
onKeyDown={[Function]}
|
|
onKeyUp={[Function]}
|
|
style={
|
|
Object {
|
|
"borderRadius": "100px",
|
|
}
|
|
}
|
|
tabIndex={0}
|
|
type="button"
|
|
>
|
|
<Blueprint3.Icon
|
|
icon="duplicate"
|
|
key="leftIcon"
|
|
>
|
|
<span
|
|
className="bp3-icon bp3-icon-duplicate"
|
|
icon="duplicate"
|
|
>
|
|
<svg
|
|
data-icon="duplicate"
|
|
height={16}
|
|
viewBox="0 0 16 16"
|
|
width={16}
|
|
>
|
|
<desc>
|
|
duplicate
|
|
</desc>
|
|
<path
|
|
d="M15 0H5c-.55 0-1 .45-1 1v2h2V2h8v7h-1v2h2c.55 0 1-.45 1-1V1c0-.55-.45-1-1-1zm-4 4H1c-.55 0-1 .45-1 1v10c0 .55.45 1 1 1h10c.55 0 1-.45 1-1V5c0-.55-.45-1-1-1zm-1 10H2V6h8v8z"
|
|
fillRule="evenodd"
|
|
key="0"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</Blueprint3.Icon>
|
|
<span
|
|
className="bp3-button-text"
|
|
key="text"
|
|
>
|
|
http://255.255.255.255:65000/99999
|
|
</span>
|
|
<Blueprint3.Icon
|
|
key="rightIcon"
|
|
/>
|
|
</button>
|
|
</Blueprint3.Button>
|
|
</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.Dialog
|
|
canEscapeKeyClose={true}
|
|
canOutsideClickClose={true}
|
|
className="makeStyles-bigQRCodeDialogRoot-3"
|
|
id="bp3-qr-code-dialog-root"
|
|
isOpen={false}
|
|
onClose={[Function]}
|
|
style={
|
|
Object {
|
|
"position": "relative",
|
|
"top": "-30px",
|
|
}
|
|
}
|
|
transitionDuration={0}
|
|
>
|
|
<Blueprint3.Overlay
|
|
autoFocus={true}
|
|
backdropProps={Object {}}
|
|
canEscapeKeyClose={true}
|
|
canOutsideClickClose={true}
|
|
className="bp3-overlay-scroll-container"
|
|
enforceFocus={true}
|
|
hasBackdrop={true}
|
|
id="bp3-qr-code-dialog-root"
|
|
isOpen={false}
|
|
lazy={true}
|
|
onClose={[Function]}
|
|
style={
|
|
Object {
|
|
"position": "relative",
|
|
"top": "-30px",
|
|
}
|
|
}
|
|
transitionDuration={0}
|
|
transitionName="bp3-overlay"
|
|
usePortal={true}
|
|
/>
|
|
</Blueprint3.Dialog>
|
|
</ScanQRStep>
|
|
<Blueprint3.Button
|
|
icon="chevron-left"
|
|
intent="danger"
|
|
onClick={[Function]}
|
|
style={
|
|
Object {
|
|
"borderRadius": "100px",
|
|
"display": "none",
|
|
"marginTop": "10px",
|
|
}
|
|
}
|
|
text="No, I need to share other thing"
|
|
>
|
|
<button
|
|
className="bp3-button bp3-intent-danger"
|
|
onClick={[Function]}
|
|
onKeyDown={[Function]}
|
|
onKeyUp={[Function]}
|
|
style={
|
|
Object {
|
|
"borderRadius": "100px",
|
|
"display": "none",
|
|
"marginTop": "10px",
|
|
}
|
|
}
|
|
type="button"
|
|
>
|
|
<Blueprint3.Icon
|
|
icon="chevron-left"
|
|
key="leftIcon"
|
|
>
|
|
<span
|
|
className="bp3-icon bp3-icon-chevron-left"
|
|
icon="chevron-left"
|
|
>
|
|
<svg
|
|
data-icon="chevron-left"
|
|
height={16}
|
|
viewBox="0 0 16 16"
|
|
width={16}
|
|
>
|
|
<desc>
|
|
chevron-left
|
|
</desc>
|
|
<path
|
|
d="M7.41 8l3.29-3.29c.19-.18.3-.43.3-.71a1.003 1.003 0 00-1.71-.71l-4 4C5.11 7.47 5 7.72 5 8c0 .28.11.53.29.71l4 4a1.003 1.003 0 001.42-1.42L7.41 8z"
|
|
fillRule="evenodd"
|
|
key="0"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</Blueprint3.Icon>
|
|
<span
|
|
className="bp3-button-text"
|
|
key="text"
|
|
>
|
|
No, I need to share other thing
|
|
</span>
|
|
<Blueprint3.Icon
|
|
key="rightIcon"
|
|
/>
|
|
</button>
|
|
</Blueprint3.Button>
|
|
</div>
|
|
</Col>
|
|
</IntermediateStep>
|
|
</Router>
|
|
</BrowserRouter>
|
|
`;
|
|
|
|
exports[`should match exact snapshot on each step 2`] = `
|
|
<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],
|
|
}
|
|
}
|
|
>
|
|
<IntermediateStep
|
|
activeStep={1}
|
|
handleBack={[Function]}
|
|
handleNext={[Function]}
|
|
handleNextApplicationWindow={[Function]}
|
|
handleNextEntireScreen={[Function]}
|
|
resetPendingConnectionDevice={[Function]}
|
|
resetUserAllowedConnection={[Function]}
|
|
steps={
|
|
Array [
|
|
"a",
|
|
"b",
|
|
"c",
|
|
]
|
|
}
|
|
>
|
|
<Col
|
|
style={
|
|
Object {
|
|
"alignItems": "center",
|
|
"display": "flex",
|
|
"flexDirection": "column",
|
|
"height": "260px",
|
|
"justifyContent": "center",
|
|
}
|
|
}
|
|
xs={12}
|
|
>
|
|
<div
|
|
className="col-xs-12"
|
|
style={
|
|
Object {
|
|
"alignItems": "center",
|
|
"display": "flex",
|
|
"flexDirection": "column",
|
|
"height": "260px",
|
|
"justifyContent": "center",
|
|
}
|
|
}
|
|
>
|
|
<ChooseAppOrScreeenStep
|
|
handleNextApplicationWindow={[Function]}
|
|
handleNextEntireScreen={[Function]}
|
|
>
|
|
<div
|
|
style={
|
|
Object {
|
|
"marginBottom": "10px",
|
|
}
|
|
}
|
|
>
|
|
<Blueprint3.Text>
|
|
<div
|
|
className=""
|
|
>
|
|
Choose Entire Screen or App window you want to view on other device
|
|
</div>
|
|
</Blueprint3.Text>
|
|
</div>
|
|
<ShareEntireScreenOrAppWindowControlGroup
|
|
handleNextApplicationWindow={[Function]}
|
|
handleNextEntireScreen={[Function]}
|
|
>
|
|
<Blueprint3.ControlGroup
|
|
className="makeStyles-controlGroupRoot-4"
|
|
fill={true}
|
|
id="share-screen-or-app-btn-group"
|
|
vertical={false}
|
|
>
|
|
<div
|
|
className="bp3-control-group bp3-fill makeStyles-controlGroupRoot-4"
|
|
id="share-screen-or-app-btn-group"
|
|
>
|
|
<Blueprint3.Button
|
|
className="makeStyles-shareEntireScreenButton-5"
|
|
intent="primary"
|
|
onClick={[Function]}
|
|
>
|
|
<button
|
|
className="bp3-button bp3-intent-primary makeStyles-shareEntireScreenButton-5"
|
|
onClick={[Function]}
|
|
onKeyDown={[Function]}
|
|
onKeyUp={[Function]}
|
|
type="button"
|
|
>
|
|
<Blueprint3.Icon
|
|
key="leftIcon"
|
|
/>
|
|
<span
|
|
className="bp3-button-text"
|
|
key="text"
|
|
>
|
|
<Blueprint3.Icon
|
|
className="makeStyles-shareEntireScreenButtonIcon-6"
|
|
color="white"
|
|
icon="desktop"
|
|
iconSize={100}
|
|
>
|
|
<span
|
|
className="bp3-icon bp3-icon-desktop makeStyles-shareEntireScreenButtonIcon-6"
|
|
icon="desktop"
|
|
>
|
|
<svg
|
|
data-icon="desktop"
|
|
fill="white"
|
|
height={100}
|
|
viewBox="0 0 20 20"
|
|
width={100}
|
|
>
|
|
<desc>
|
|
desktop
|
|
</desc>
|
|
<path
|
|
d="M19 0H1C.45 0 0 .45 0 1v13c0 .55.45 1 1 1h5.67l-.5 3H5c-.55 0-1 .45-1 1s.45 1 1 1h10c.55 0 1-.45 1-1s-.45-1-1-1h-1.17l-.5-3H19c.55 0 1-.45 1-1V1c0-.55-.45-1-1-1zm-1 13H2V2h16v11z"
|
|
fillRule="evenodd"
|
|
key="0"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</Blueprint3.Icon>
|
|
<Blueprint3.Text
|
|
className="bp3-running-text"
|
|
>
|
|
<div
|
|
className="bp3-running-text"
|
|
>
|
|
Entire Screen
|
|
</div>
|
|
</Blueprint3.Text>
|
|
</span>
|
|
<Blueprint3.Icon
|
|
key="rightIcon"
|
|
/>
|
|
</button>
|
|
</Blueprint3.Button>
|
|
<Blueprint3.Button
|
|
className="makeStyles-shareAppButton-7"
|
|
intent="primary"
|
|
onClick={[Function]}
|
|
>
|
|
<button
|
|
className="bp3-button bp3-intent-primary makeStyles-shareAppButton-7"
|
|
onClick={[Function]}
|
|
onKeyDown={[Function]}
|
|
onKeyUp={[Function]}
|
|
type="button"
|
|
>
|
|
<Blueprint3.Icon
|
|
key="leftIcon"
|
|
/>
|
|
<span
|
|
className="bp3-button-text"
|
|
key="text"
|
|
>
|
|
<Blueprint3.Icon
|
|
className="makeStyles-shareAppButtonIcon-8"
|
|
color="white"
|
|
icon="application"
|
|
iconSize={100}
|
|
>
|
|
<span
|
|
className="bp3-icon bp3-icon-application makeStyles-shareAppButtonIcon-8"
|
|
icon="application"
|
|
>
|
|
<svg
|
|
data-icon="application"
|
|
fill="white"
|
|
height={100}
|
|
viewBox="0 0 20 20"
|
|
width={100}
|
|
>
|
|
<desc>
|
|
application
|
|
</desc>
|
|
<path
|
|
d="M3.5 9h9c.28 0 .5-.22.5-.5s-.22-.5-.5-.5h-9c-.28 0-.5.22-.5.5s.22.5.5.5zm0 2h5c.28 0 .5-.22.5-.5s-.22-.5-.5-.5h-5c-.28 0-.5.22-.5.5s.22.5.5.5zM19 1H1c-.55 0-1 .45-1 1v16c0 .55.45 1 1 1h18c.55 0 1-.45 1-1V2c0-.55-.45-1-1-1zm-1 16H2V6h16v11zM3.5 13h7c.28 0 .5-.22.5-.5s-.22-.5-.5-.5h-7c-.28 0-.5.22-.5.5s.22.5.5.5z"
|
|
fillRule="evenodd"
|
|
key="0"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</Blueprint3.Icon>
|
|
<Blueprint3.Text
|
|
className="bp3-running-text"
|
|
>
|
|
<div
|
|
className="bp3-running-text"
|
|
>
|
|
Application Window
|
|
</div>
|
|
</Blueprint3.Text>
|
|
</span>
|
|
<Blueprint3.Icon
|
|
key="rightIcon"
|
|
/>
|
|
</button>
|
|
</Blueprint3.Button>
|
|
<Blueprint3.Button
|
|
active={true}
|
|
className="makeStyles-orDecorationButton-9"
|
|
>
|
|
<button
|
|
className="bp3-button bp3-active makeStyles-orDecorationButton-9"
|
|
onKeyDown={[Function]}
|
|
onKeyUp={[Function]}
|
|
type="button"
|
|
>
|
|
<Blueprint3.Icon
|
|
key="leftIcon"
|
|
/>
|
|
<span
|
|
className="bp3-button-text"
|
|
key="text"
|
|
>
|
|
OR
|
|
</span>
|
|
<Blueprint3.Icon
|
|
key="rightIcon"
|
|
/>
|
|
</button>
|
|
</Blueprint3.Button>
|
|
</div>
|
|
</Blueprint3.ControlGroup>
|
|
<ChooseAppOrScreenOverlay
|
|
handleClose={[Function]}
|
|
handleNextApplicationWindow={[Function]}
|
|
handleNextEntireScreen={[Function]}
|
|
isChooseAppOrScreenOverlayOpen={false}
|
|
isEntireScreenToShareChosen={false}
|
|
>
|
|
<Blueprint3.Dialog
|
|
autoFocus={true}
|
|
canEscapeKeyClose={true}
|
|
canOutsideClickClose={true}
|
|
className="makeStyles-dialogRoot-10 choose-app-or-screen-dialog"
|
|
enforceFocus={true}
|
|
hasBackdrop={true}
|
|
isOpen={false}
|
|
onClose={[Function]}
|
|
transitionDuration={0}
|
|
usePortal={true}
|
|
>
|
|
<Blueprint3.Overlay
|
|
autoFocus={true}
|
|
backdropProps={Object {}}
|
|
canEscapeKeyClose={true}
|
|
canOutsideClickClose={true}
|
|
className="bp3-overlay-scroll-container"
|
|
enforceFocus={true}
|
|
hasBackdrop={true}
|
|
isOpen={false}
|
|
lazy={true}
|
|
onClose={[Function]}
|
|
transitionDuration={0}
|
|
transitionName="bp3-overlay"
|
|
usePortal={true}
|
|
/>
|
|
</Blueprint3.Dialog>
|
|
</ChooseAppOrScreenOverlay>
|
|
</ShareEntireScreenOrAppWindowControlGroup>
|
|
</ChooseAppOrScreeenStep>
|
|
<Blueprint3.Button
|
|
intent="none"
|
|
onClick={[Function]}
|
|
rightIcon="chevron-right"
|
|
style={
|
|
Object {
|
|
"borderRadius": "100px",
|
|
"display": "none",
|
|
"textAlign": "center",
|
|
"width": "100%",
|
|
}
|
|
}
|
|
>
|
|
<button
|
|
className="bp3-button"
|
|
onClick={[Function]}
|
|
onKeyDown={[Function]}
|
|
onKeyUp={[Function]}
|
|
style={
|
|
Object {
|
|
"borderRadius": "100px",
|
|
"display": "none",
|
|
"textAlign": "center",
|
|
"width": "100%",
|
|
}
|
|
}
|
|
type="button"
|
|
>
|
|
<Blueprint3.Icon
|
|
key="leftIcon"
|
|
/>
|
|
<span
|
|
className="bp3-button-text"
|
|
key="text"
|
|
>
|
|
Next
|
|
</span>
|
|
<Blueprint3.Icon
|
|
icon="chevron-right"
|
|
key="rightIcon"
|
|
>
|
|
<span
|
|
className="bp3-icon bp3-icon-chevron-right"
|
|
icon="chevron-right"
|
|
>
|
|
<svg
|
|
data-icon="chevron-right"
|
|
height={16}
|
|
viewBox="0 0 16 16"
|
|
width={16}
|
|
>
|
|
<desc>
|
|
chevron-right
|
|
</desc>
|
|
<path
|
|
d="M10.71 7.29l-4-4a1.003 1.003 0 00-1.42 1.42L8.59 8 5.3 11.29c-.19.18-.3.43-.3.71a1.003 1.003 0 001.71.71l4-4c.18-.18.29-.43.29-.71 0-.28-.11-.53-.29-.71z"
|
|
fillRule="evenodd"
|
|
key="0"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</Blueprint3.Icon>
|
|
</button>
|
|
</Blueprint3.Button>
|
|
<Blueprint3.Button
|
|
icon="chevron-left"
|
|
intent="danger"
|
|
onClick={[Function]}
|
|
style={
|
|
Object {
|
|
"borderRadius": "100px",
|
|
"display": "none",
|
|
"marginTop": "10px",
|
|
}
|
|
}
|
|
text="No, I need to share other thing"
|
|
>
|
|
<button
|
|
className="bp3-button bp3-intent-danger"
|
|
onClick={[Function]}
|
|
onKeyDown={[Function]}
|
|
onKeyUp={[Function]}
|
|
style={
|
|
Object {
|
|
"borderRadius": "100px",
|
|
"display": "none",
|
|
"marginTop": "10px",
|
|
}
|
|
}
|
|
type="button"
|
|
>
|
|
<Blueprint3.Icon
|
|
icon="chevron-left"
|
|
key="leftIcon"
|
|
>
|
|
<span
|
|
className="bp3-icon bp3-icon-chevron-left"
|
|
icon="chevron-left"
|
|
>
|
|
<svg
|
|
data-icon="chevron-left"
|
|
height={16}
|
|
viewBox="0 0 16 16"
|
|
width={16}
|
|
>
|
|
<desc>
|
|
chevron-left
|
|
</desc>
|
|
<path
|
|
d="M7.41 8l3.29-3.29c.19-.18.3-.43.3-.71a1.003 1.003 0 00-1.71-.71l-4 4C5.11 7.47 5 7.72 5 8c0 .28.11.53.29.71l4 4a1.003 1.003 0 001.42-1.42L7.41 8z"
|
|
fillRule="evenodd"
|
|
key="0"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</Blueprint3.Icon>
|
|
<span
|
|
className="bp3-button-text"
|
|
key="text"
|
|
>
|
|
No, I need to share other thing
|
|
</span>
|
|
<Blueprint3.Icon
|
|
key="rightIcon"
|
|
/>
|
|
</button>
|
|
</Blueprint3.Button>
|
|
</div>
|
|
</Col>
|
|
</IntermediateStep>
|
|
</Router>
|
|
</BrowserRouter>
|
|
`;
|
|
|
|
exports[`should match exact snapshot on each step 3`] = `
|
|
<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],
|
|
}
|
|
}
|
|
>
|
|
<IntermediateStep
|
|
activeStep={2}
|
|
handleBack={[Function]}
|
|
handleNext={[Function]}
|
|
handleNextApplicationWindow={[Function]}
|
|
handleNextEntireScreen={[Function]}
|
|
resetPendingConnectionDevice={[Function]}
|
|
resetUserAllowedConnection={[Function]}
|
|
steps={
|
|
Array [
|
|
"a",
|
|
"b",
|
|
"c",
|
|
]
|
|
}
|
|
>
|
|
<Col
|
|
style={
|
|
Object {
|
|
"alignItems": "center",
|
|
"display": "flex",
|
|
"flexDirection": "column",
|
|
"height": "260px",
|
|
"justifyContent": "center",
|
|
}
|
|
}
|
|
xs={12}
|
|
>
|
|
<div
|
|
className="col-xs-12"
|
|
style={
|
|
Object {
|
|
"alignItems": "center",
|
|
"display": "flex",
|
|
"flexDirection": "column",
|
|
"height": "260px",
|
|
"justifyContent": "center",
|
|
}
|
|
}
|
|
>
|
|
<ConfirmStep
|
|
device={null}
|
|
>
|
|
<div
|
|
style={
|
|
Object {
|
|
"marginBottom": "10px",
|
|
}
|
|
}
|
|
>
|
|
<Blueprint3.Text>
|
|
<div
|
|
className=""
|
|
>
|
|
Check if all is OK and click "Confirm"
|
|
</div>
|
|
</Blueprint3.Text>
|
|
</div>
|
|
<Blueprint3.Card
|
|
elevation={0}
|
|
interactive={false}
|
|
style={
|
|
Object {
|
|
"marginBottom": "10px",
|
|
}
|
|
}
|
|
>
|
|
<div
|
|
className="bp3-card bp3-elevation-0"
|
|
style={
|
|
Object {
|
|
"marginBottom": "10px",
|
|
}
|
|
}
|
|
>
|
|
<Blueprint3.Text>
|
|
<div
|
|
className=""
|
|
>
|
|
Device: undefined
|
|
</div>
|
|
</Blueprint3.Text>
|
|
<Blueprint3.Text>
|
|
<div
|
|
className=""
|
|
>
|
|
Device IP: undefined
|
|
</div>
|
|
</Blueprint3.Text>
|
|
<Blueprint3.Text>
|
|
<div
|
|
className=""
|
|
>
|
|
Device OS: undefined
|
|
</div>
|
|
</Blueprint3.Text>
|
|
<Blueprint3.Text>
|
|
<div
|
|
className=""
|
|
>
|
|
Session ID: undefined
|
|
</div>
|
|
</Blueprint3.Text>
|
|
</div>
|
|
</Blueprint3.Card>
|
|
<div
|
|
style={
|
|
Object {
|
|
"marginBottom": "10px",
|
|
}
|
|
}
|
|
>
|
|
<Blueprint3.Text
|
|
className="bp3-text-muted"
|
|
>
|
|
<div
|
|
className="bp3-text-muted"
|
|
>
|
|
Click "Back" if you need to change something
|
|
</div>
|
|
</Blueprint3.Text>
|
|
</div>
|
|
</ConfirmStep>
|
|
<Blueprint3.Button
|
|
intent="success"
|
|
onClick={[Function]}
|
|
rightIcon="small-tick"
|
|
style={
|
|
Object {
|
|
"borderRadius": "100px",
|
|
"display": "inline",
|
|
"textAlign": "center",
|
|
"width": "100%",
|
|
}
|
|
}
|
|
>
|
|
<button
|
|
className="bp3-button bp3-intent-success"
|
|
onClick={[Function]}
|
|
onKeyDown={[Function]}
|
|
onKeyUp={[Function]}
|
|
style={
|
|
Object {
|
|
"borderRadius": "100px",
|
|
"display": "inline",
|
|
"textAlign": "center",
|
|
"width": "100%",
|
|
}
|
|
}
|
|
type="button"
|
|
>
|
|
<Blueprint3.Icon
|
|
key="leftIcon"
|
|
/>
|
|
<span
|
|
className="bp3-button-text"
|
|
key="text"
|
|
>
|
|
Confirm
|
|
</span>
|
|
<Blueprint3.Icon
|
|
icon="small-tick"
|
|
key="rightIcon"
|
|
>
|
|
<span
|
|
className="bp3-icon bp3-icon-small-tick"
|
|
icon="small-tick"
|
|
>
|
|
<svg
|
|
data-icon="small-tick"
|
|
height={16}
|
|
viewBox="0 0 16 16"
|
|
width={16}
|
|
>
|
|
<desc>
|
|
small-tick
|
|
</desc>
|
|
<path
|
|
d="M12 5c-.28 0-.53.11-.71.29L7 9.59l-2.29-2.3a1.003 1.003 0 00-1.42 1.42l3 3c.18.18.43.29.71.29s.53-.11.71-.29l5-5A1.003 1.003 0 0012 5z"
|
|
fillRule="evenodd"
|
|
key="0"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</Blueprint3.Icon>
|
|
</button>
|
|
</Blueprint3.Button>
|
|
<Blueprint3.Button
|
|
icon="chevron-left"
|
|
intent="danger"
|
|
onClick={[Function]}
|
|
style={
|
|
Object {
|
|
"borderRadius": "100px",
|
|
"display": "inline-block",
|
|
"marginTop": "10px",
|
|
}
|
|
}
|
|
text="No, I need to share other thing"
|
|
>
|
|
<button
|
|
className="bp3-button bp3-intent-danger"
|
|
onClick={[Function]}
|
|
onKeyDown={[Function]}
|
|
onKeyUp={[Function]}
|
|
style={
|
|
Object {
|
|
"borderRadius": "100px",
|
|
"display": "inline-block",
|
|
"marginTop": "10px",
|
|
}
|
|
}
|
|
type="button"
|
|
>
|
|
<Blueprint3.Icon
|
|
icon="chevron-left"
|
|
key="leftIcon"
|
|
>
|
|
<span
|
|
className="bp3-icon bp3-icon-chevron-left"
|
|
icon="chevron-left"
|
|
>
|
|
<svg
|
|
data-icon="chevron-left"
|
|
height={16}
|
|
viewBox="0 0 16 16"
|
|
width={16}
|
|
>
|
|
<desc>
|
|
chevron-left
|
|
</desc>
|
|
<path
|
|
d="M7.41 8l3.29-3.29c.19-.18.3-.43.3-.71a1.003 1.003 0 00-1.71-.71l-4 4C5.11 7.47 5 7.72 5 8c0 .28.11.53.29.71l4 4a1.003 1.003 0 001.42-1.42L7.41 8z"
|
|
fillRule="evenodd"
|
|
key="0"
|
|
/>
|
|
</svg>
|
|
</span>
|
|
</Blueprint3.Icon>
|
|
<span
|
|
className="bp3-button-text"
|
|
key="text"
|
|
>
|
|
No, I need to share other thing
|
|
</span>
|
|
<Blueprint3.Icon
|
|
key="rightIcon"
|
|
/>
|
|
</button>
|
|
</Blueprint3.Button>
|
|
</div>
|
|
</Col>
|
|
</IntermediateStep>
|
|
</Router>
|
|
</BrowserRouter>
|
|
`;
|