v/deskreen
1
0
Fork 0
mirror of https://github.com/pavlobu/deskreen.git synced 2025-05-28 05:10:09 -07:00
Code Issues Projects Releases Wiki Activity
deskreen/app/client/src/containers/ConnectionPrompts/__snapshots__/index.spec.tsx.snap
Edward Betts 13d44a22a6 Correct spelling mistakes
2021-01-24 17:25:12 +00:00

934 lines
23 KiB
Plaintext
Raw Blame History

// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`when getPromptContent is called should match exact snapshot on each step 1`] = `
<div
className="react-reveal"
style={
Object {
"backgroundColor": "rgba(240, 248, 250, 1)",
"boxShadow": "0 0 0 5px #A7B6C2",
"height": "100vh",
"left": 0,
"opacity": undefined,
"position": "absolute",
"top": 0,
"width": "100%",
"zIndex": 10,
}
}
>
<div
className="row bottom-xs"
style={
Object {
"height": "50vh",
"marginLeft": "0px",
"marginRight": "0px",
"width": "100%",
}
}
>
<div
className="row center-xs"
style={
Object {
"margin": "0 auto",
"width": "100%",
}
}
>
<div
className="col-xs-12"
style={
Object {
"marginBottom": "50px",
"textAlign": "center",
"width": "100%",
}
}
>
<div
style={
Object {
"width": "100%",
}
}
>
<div
className="row center-xs"
style={
Object {
"margin": "0 auto",
"width": "100%",
}
}
>
<div
className="col-md-6 col-xl-4"
>
<div
className="bp3-card bp3-elevation-3"
style={
Object {
"backgroundColor": "rgba(240, 248, 250, 1)",
"marginBottom": "30px",
}
}
>
<h3
className="bp3-heading"
>
My Device Info:
</h3>
<div
className="bp3-callout"
>
<div
className=""
>
Device Type:
</div>
<span
className="bp3-popover-wrapper"
>
<span
className="bp3-popover-target"
onBlur={[Function]}
onFocus={[Function]}
onMouseEnter={[Function]}
onMouseLeave={[Function]}
>
<div
className=""
style={
Object {
"backgroundColor": "#00f99273",
"borderRadius": "20px",
"fontWeight": 900,
"paddingLeft": "10px",
"paddingRight": "10px",
}
}
tabIndex={0}
>
<div
className=""
>
Device IP:
</div>
</div>
</span>
</span>
<div
className=""
>
Device Browser:
</div>
<div
className=""
>
Device OS:
</div>
</div>
<div
className="bp3-text-muted"
>
These details should match with the ones that you see in alert popup on screen sharing device.
</div>
</div>
</div>
</div>
<div
id="prompt-text"
style={
Object {
"fontSize": "20px",
}
}
>
<h3
className="bp3-heading"
>
Error occurred :(
</h3>
</div>
</div>
</div>
</div>
</div>
<div
className="row top-xs"
id="connecting-screen"
style={
Object {
"height": "50vh",
"marginLeft": "0px",
"marginRight": "0px",
"width": "100%",
}
}
>
<div
className=""
>
Error occurred :(
</div>
</div>
</div>
`;
exports[`when getPromptContent is called should match exact snapshot on each step 2`] = `
<div
className="react-reveal"
style={
Object {
"backgroundColor": "rgba(240, 248, 250, 1)",
"boxShadow": "0 0 0 5px #A7B6C2",
"height": "100vh",
"left": 0,
"opacity": undefined,
"position": "absolute",
"top": 0,
"width": "100%",
"zIndex": 10,
}
}
>
<div
className="row bottom-xs"
style={
Object {
"height": "50vh",
"marginLeft": "0px",
"marginRight": "0px",
"width": "100%",
}
}
>
<div
className="row center-xs"
style={
Object {
"margin": "0 auto",
"width": "100%",
}
}
>
<div
className="col-xs-12"
style={
Object {
"marginBottom": "50px",
"textAlign": "center",
"width": "100%",
}
}
>
<div
style={
Object {
"width": "100%",
}
}
>
<div
className="row center-xs"
style={
Object {
"margin": "0 auto",
"width": "100%",
}
}
>
<div
className="col-md-6 col-xl-4"
>
<div
className="bp3-card bp3-elevation-3"
style={
Object {
"backgroundColor": "rgba(240, 248, 250, 1)",
"marginBottom": "30px",
}
}
>
<h3
className="bp3-heading"
>
My Device Info:
</h3>
<div
className="bp3-callout"
>
<div
className=""
>
Device Type:
</div>
<span
className="bp3-popover-wrapper"
>
<span
className="bp3-popover-target"
onBlur={[Function]}
onFocus={[Function]}
onMouseEnter={[Function]}
onMouseLeave={[Function]}
>
<div
className=""
style={
Object {
"backgroundColor": "#00f99273",
"borderRadius": "20px",
"fontWeight": 900,
"paddingLeft": "10px",
"paddingRight": "10px",
}
}
tabIndex={0}
>
<div
className=""
>
Device IP:
</div>
</div>
</span>
</span>
<div
className=""
>
Device Browser:
</div>
<div
className=""
>
Device OS:
</div>
</div>
<div
className="bp3-text-muted"
>
These details should match with the ones that you see in alert popup on screen sharing device.
</div>
</div>
</div>
</div>
<div
id="prompt-text"
style={
Object {
"fontSize": "20px",
}
}
>
<h3
className="bp3-heading"
>
Waiting for user to click ALLOW button on screen sharing device...
</h3>
</div>
</div>
</div>
</div>
</div>
<div
className="row top-xs"
id="connecting-screen"
style={
Object {
"height": "50vh",
"marginLeft": "0px",
"marginRight": "0px",
"width": "100%",
}
}
>
<div
id="pulsing-circle-1"
style={
Object {
"backgroundColor": "rgba(43, 149, 214, 0.7)",
"borderRadius": "100%",
"height": "100px",
"left": "0",
"marginLeft": "auto",
"marginRight": "auto",
"position": "absolute",
"right": "0",
"textAlign": "center",
"width": "100px",
"zIndex": 1,
}
}
/>
<div
id="pulsing-circle-2"
style={
Object {
"backgroundColor": "#2B95D6",
"borderRadius": "100%",
"height": "100px",
"left": "0",
"marginLeft": "auto",
"marginRight": "auto",
"position": "absolute",
"right": "0",
"textAlign": "center",
"width": "100px",
"zIndex": 2,
}
}
>
<div
className="row center-xs middle-xs"
style={
Object {
"height": "100%",
"width": "100%",
}
}
>
<div
className=""
>
<span
className="bp3-icon bp3-icon-feed"
icon="feed"
style={
Object {
"transform": "translateX(10px)",
}
}
>
<svg
data-icon="feed"
fill="white"
height={50}
viewBox="0 0 20 20"
width={50}
>
<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"
/>
</svg>
</span>
</div>
</div>
</div>
</div>
</div>
`;
exports[`when getPromptContent is called should match exact snapshot on each step 3`] = `
<div
className="react-reveal"
style={
Object {
"backgroundColor": "rgba(240, 248, 250, 1)",
"boxShadow": "0 0 0 5px #A7B6C2",
"height": "100vh",
"left": 0,
"opacity": undefined,
"position": "absolute",
"top": 0,
"width": "100%",
"zIndex": 10,
}
}
>
<div
className="row bottom-xs"
style={
Object {
"height": "50vh",
"marginLeft": "0px",
"marginRight": "0px",
"width": "100%",
}
}
>
<div
className="row center-xs"
style={
Object {
"margin": "0 auto",
"width": "100%",
}
}
>
<div
className="col-xs-12"
style={
Object {
"marginBottom": "50px",
"textAlign": "center",
"width": "100%",
}
}
>
<div
style={
Object {
"width": "100%",
}
}
>
<div
className="row center-xs"
style={
Object {
"margin": "0 auto",
"width": "100%",
}
}
>
<div
className="col-md-6 col-xl-4"
>
<div
className="bp3-card bp3-elevation-3"
style={
Object {
"backgroundColor": "rgba(240, 248, 250, 1)",
"marginBottom": "30px",
}
}
>
<h3
className="bp3-heading"
>
My Device Info:
</h3>
<div
className="bp3-callout"
>
<div
className=""
>
Device Type:
</div>
<span
className="bp3-popover-wrapper"
>
<span
className="bp3-popover-target"
onBlur={[Function]}
onFocus={[Function]}
onMouseEnter={[Function]}
onMouseLeave={[Function]}
>
<div
className=""
style={
Object {
"backgroundColor": "#00f99273",
"borderRadius": "20px",
"fontWeight": 900,
"paddingLeft": "10px",
"paddingRight": "10px",
}
}
tabIndex={0}
>
<div
className=""
>
Device IP:
</div>
</div>
</span>
</span>
<div
className=""
>
Device Browser:
</div>
<div
className=""
>
Device OS:
</div>
</div>
<div
className="bp3-text-muted"
>
These details should match with the ones that you see in alert popup on screen sharing device.
</div>
</div>
</div>
</div>
<div
id="prompt-text"
style={
Object {
"fontSize": "20px",
}
}
>
<h3
className="bp3-heading"
>
Connected!
</h3>
</div>
</div>
</div>
</div>
</div>
<div
className="row top-xs"
id="connecting-screen"
style={
Object {
"height": "50vh",
"marginLeft": "0px",
"marginRight": "0px",
"width": "100%",
}
}
>
<div
className="pulse-3-once"
id="pulsing-circle-3"
style={
Object {
"backgroundColor": "#15B371",
"borderRadius": "100%",
"height": "100px",
"left": "0",
"marginLeft": "auto",
"marginRight": "auto",
"position": "absolute",
"right": "0",
"textAlign": "center",
"width": "100px",
}
}
>
<div
className="row center-xs middle-xs"
style={
Object {
"height": "100%",
"width": "100%",
}
}
>
<div
className=""
>
<span
className="bp3-icon bp3-icon-feed"
icon="feed"
style={
Object {
"transform": "translateX(10px)",
}
}
>
<svg
data-icon="feed"
fill="white"
height={50}
viewBox="0 0 20 20"
width={50}
>
<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"
/>
</svg>
</span>
</div>
</div>
</div>
</div>
</div>
`;
exports[`when getPromptContent is called should match exact snapshot on each step 4`] = `
<div
className="react-reveal"
style={
Object {
"backgroundColor": "rgba(240, 248, 250, 1)",
"boxShadow": "0 0 0 5px #A7B6C2",
"height": "100vh",
"left": 0,
"opacity": undefined,
"position": "absolute",
"top": 0,
"width": "100%",
"zIndex": 10,
}
}
>
<div
className="row bottom-xs"
style={
Object {
"height": "50vh",
"marginLeft": "0px",
"marginRight": "0px",
"width": "100%",
}
}
>
<div
className="row center-xs"
style={
Object {
"margin": "0 auto",
"width": "100%",
}
}
>
<div
className="col-xs-12"
style={
Object {
"marginBottom": "50px",
"textAlign": "center",
"width": "100%",
}
}
>
<div
style={
Object {
"width": "100%",
}
}
>
<div
className="row center-xs"
style={
Object {
"margin": "0 auto",
"width": "100%",
}
}
>
<div
className="col-md-6 col-xl-4"
>
<div
className="bp3-card bp3-elevation-3"
style={
Object {
"backgroundColor": "rgba(240, 248, 250, 1)",
"marginBottom": "30px",
}
}
>
<h3
className="bp3-heading"
>
My Device Info:
</h3>
<div
className="bp3-callout"
>
<div
className=""
>
Device Type:
</div>
<span
className="bp3-popover-wrapper"
>
<span
className="bp3-popover-target"
onBlur={[Function]}
onFocus={[Function]}
onMouseEnter={[Function]}
onMouseLeave={[Function]}
>
<div
className=""
style={
Object {
"backgroundColor": "#00f99273",
"borderRadius": "20px",
"fontWeight": 900,
"paddingLeft": "10px",
"paddingRight": "10px",
}
}
tabIndex={0}
>
<div
className=""
>
Device IP:
</div>
</div>
</span>
</span>
<div
className=""
>
Device Browser:
</div>
<div
className=""
>
Device OS:
</div>
</div>
<div
className="bp3-text-muted"
>
These details should match with the ones that you see in alert popup on screen sharing device.
</div>
</div>
</div>
</div>
<div
id="prompt-text"
style={
Object {
"fontSize": "20px",
}
}
>
<h3
className="bp3-heading"
>
Waiting for user to select source to share from screen sharing device...
</h3>
</div>
</div>
</div>
</div>
</div>
<div
className="row top-xs"
id="connecting-screen"
style={
Object {
"height": "50vh",
"marginLeft": "0px",
"marginRight": "0px",
"width": "100%",
}
}
>
<div
className="row center-xs top-xs"
style={
Object {
"height": "100%",
"marginLeft": "0px",
"marginRight": "0px",
"width": "100%",
}
}
>
<div
className=""
>
<div
className="row center-xs"
style={
Object {
"height": "50px",
"width": "100%",
}
}
>
<div
className="col-xs-8 col-md-4"
>
<div
className="css-9ebb9a"
>
<div
className="css-1nih24x"
/>
<div
className="css-182ruc5"
/>
<div
className="css-fapzgm"
/>
<div
className="css-fqj3wr"
/>
<div
className="css-srr2wk"
/>
<div
className="css-1netspe"
/>
</div>
</div>
</div>
<div
className="row center-xs"
>
<div
className=""
>
<div
className="react-reveal"
style={
Object {
"opacity": undefined,
}
}
>
<span
className="bp3-icon bp3-icon-application"
icon="application"
>
<svg
data-icon="application"
fill="#5C7080"
height={60}
viewBox="0 0 20 20"
width={60}
>
<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"
/>
</svg>
</span>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
`;
Reference in New Issue View Git Blame Copy Permalink