improving snapshot using snapshotSerializers to remove unnecessary things (#596)

This commit is contained in:
VICTOR RAPHAEL BRAGA DE SALES MASCARENHAS 2019-03-15 09:20:52 -03:00 committed by Kiran Niranjan
parent 600da210cd
commit e352363848
8 changed files with 255 additions and 2730 deletions

View File

@ -39,5 +39,6 @@
], ],
"setupFiles": [ "setupFiles": [
"./spec/setup/test-setup.js" "./spec/setup/test-setup.js"
] ],
"snapshotSerializers": ["enzyme-to-json/serializer"]
} }

View File

@ -139,6 +139,7 @@
"electron-fetch": "1.3.0", "electron-fetch": "1.3.0",
"electron-log": "2.2.17", "electron-log": "2.2.17",
"electron-spellchecker": "git+https://github.com/symphonyoss/electron-spellchecker.git#v1.1.5", "electron-spellchecker": "git+https://github.com/symphonyoss/electron-spellchecker.git#v1.1.5",
"enzyme-to-json": "^3.3.5",
"ffi": "git+https://github.com/symphonyoss/node-ffi.git#v1.2.9", "ffi": "git+https://github.com/symphonyoss/node-ffi.git#v1.2.9",
"filesize": "3.6.1", "filesize": "3.6.1",
"jimp": "0.6.0", "jimp": "0.6.0",

View File

@ -1,203 +1,27 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP // Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`about app should render correctly 1`] = ` exports[`about app should render correctly 1`] = `
ShallowWrapper { <div
Symbol(enzyme.__root__): [Circular], className="AboutApp"
Symbol(enzyme.__unrendered__): <AboutApp />, >
Symbol(enzyme.__renderer__): Object { <img
"batchedUpdates": [Function], className="AboutApp-logo"
"checkPropTypes": [Function], src="../assets/symphony-logo.png"
"getNode": [Function], />
"render": [Function], <span
"simulateError": [Function], className="AboutApp-name"
"simulateEvent": [Function], >
"unmount": [Function], Symphony
}, </span>
Symbol(enzyme.__node__): Object { <span
"instance": null, className="AboutApp-versionText"
"key": undefined, >
"nodeType": "host", Version 0-N/A ()
"props": Object { </span>
"children": Array [ <span
<img className="AboutApp-copyrightText"
className="AboutApp-logo" >
src="../assets/symphony-logo.png" Copyright © 2019 Symphony
/>, </span>
<span </div>
className="AboutApp-name"
>
Symphony
</span>,
<span
className="AboutApp-versionText"
>
Version 0-N/A ()
</span>,
<span
className="AboutApp-copyrightText"
>
Copyright © 2019 Symphony
</span>,
],
"className": "AboutApp",
},
"ref": null,
"rendered": Array [
Object {
"instance": null,
"key": undefined,
"nodeType": "host",
"props": Object {
"className": "AboutApp-logo",
"src": "../assets/symphony-logo.png",
},
"ref": null,
"rendered": null,
"type": "img",
},
Object {
"instance": null,
"key": undefined,
"nodeType": "host",
"props": Object {
"children": "Symphony",
"className": "AboutApp-name",
},
"ref": null,
"rendered": "Symphony",
"type": "span",
},
Object {
"instance": null,
"key": undefined,
"nodeType": "host",
"props": Object {
"children": "Version 0-N/A ()",
"className": "AboutApp-versionText",
},
"ref": null,
"rendered": "Version 0-N/A ()",
"type": "span",
},
Object {
"instance": null,
"key": undefined,
"nodeType": "host",
"props": Object {
"children": "Copyright © 2019 Symphony",
"className": "AboutApp-copyrightText",
},
"ref": null,
"rendered": "Copyright © 2019 Symphony",
"type": "span",
},
],
"type": "div",
},
Symbol(enzyme.__nodes__): Array [
Object {
"instance": null,
"key": undefined,
"nodeType": "host",
"props": Object {
"children": Array [
<img
className="AboutApp-logo"
src="../assets/symphony-logo.png"
/>,
<span
className="AboutApp-name"
>
Symphony
</span>,
<span
className="AboutApp-versionText"
>
Version 0-N/A ()
</span>,
<span
className="AboutApp-copyrightText"
>
Copyright © 2019 Symphony
</span>,
],
"className": "AboutApp",
},
"ref": null,
"rendered": Array [
Object {
"instance": null,
"key": undefined,
"nodeType": "host",
"props": Object {
"className": "AboutApp-logo",
"src": "../assets/symphony-logo.png",
},
"ref": null,
"rendered": null,
"type": "img",
},
Object {
"instance": null,
"key": undefined,
"nodeType": "host",
"props": Object {
"children": "Symphony",
"className": "AboutApp-name",
},
"ref": null,
"rendered": "Symphony",
"type": "span",
},
Object {
"instance": null,
"key": undefined,
"nodeType": "host",
"props": Object {
"children": "Version 0-N/A ()",
"className": "AboutApp-versionText",
},
"ref": null,
"rendered": "Version 0-N/A ()",
"type": "span",
},
Object {
"instance": null,
"key": undefined,
"nodeType": "host",
"props": Object {
"children": "Copyright © 2019 Symphony",
"className": "AboutApp-copyrightText",
},
"ref": null,
"rendered": "Copyright © 2019 Symphony",
"type": "span",
},
],
"type": "div",
},
],
Symbol(enzyme.__options__): Object {
"adapter": ReactSixteenAdapter {
"options": Object {
"enableComponentDidUpdateOnSetState": true,
"legacyContextMode": "parent",
"lifecycles": Object {
"componentDidUpdate": Object {
"onSetState": true,
},
"getChildContext": Object {
"calledByRenderer": false,
},
"getDerivedStateFromProps": true,
"getSnapshotBeforeUpdate": true,
"setState": Object {
"skipsComponentDidUpdateOnNullish": true,
},
},
},
},
},
Symbol(enzyme.__childContext__): null,
}
`; `;

File diff suppressed because it is too large Load Diff

View File

@ -1,181 +1,19 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP // Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`download manager should render correctly 1`] = ` exports[`download manager should render correctly 1`] = `
ShallowWrapper { <div>
Symbol(enzyme.__root__): [Circular], <div
Symbol(enzyme.__unrendered__): <DownloadManager />, className="download-bar"
Symbol(enzyme.__renderer__): Object { id="download-manager-footer"
"batchedUpdates": [Function], >
"checkPropTypes": [Function], <ul
"getNode": [Function], id="download-main"
"render": [Function], />
"simulateError": [Function], <span
"simulateEvent": [Function], className="close-download-bar tempo-icon tempo-icon--close"
"unmount": [Function], id="close-download-bar"
}, onClick={[Function]}
Symbol(enzyme.__node__): Object { />
"instance": null, </div>
"key": undefined, </div>
"nodeType": "host",
"props": Object {
"children": <div
className="download-bar"
id="download-manager-footer"
>
<ul
id="download-main"
/>
<span
className="close-download-bar tempo-icon tempo-icon--close"
id="close-download-bar"
onClick={[Function]}
/>
</div>,
},
"ref": null,
"rendered": Object {
"instance": null,
"key": undefined,
"nodeType": "host",
"props": Object {
"children": Array [
<ul
id="download-main"
/>,
<span
className="close-download-bar tempo-icon tempo-icon--close"
id="close-download-bar"
onClick={[Function]}
/>,
],
"className": "download-bar",
"id": "download-manager-footer",
},
"ref": null,
"rendered": Array [
Object {
"instance": null,
"key": undefined,
"nodeType": "host",
"props": Object {
"children": Array [],
"id": "download-main",
},
"ref": null,
"rendered": Array [],
"type": "ul",
},
Object {
"instance": null,
"key": undefined,
"nodeType": "host",
"props": Object {
"className": "close-download-bar tempo-icon tempo-icon--close",
"id": "close-download-bar",
"onClick": [Function],
},
"ref": null,
"rendered": null,
"type": "span",
},
],
"type": "div",
},
"type": "div",
},
Symbol(enzyme.__nodes__): Array [
Object {
"instance": null,
"key": undefined,
"nodeType": "host",
"props": Object {
"children": <div
className="download-bar"
id="download-manager-footer"
>
<ul
id="download-main"
/>
<span
className="close-download-bar tempo-icon tempo-icon--close"
id="close-download-bar"
onClick={[Function]}
/>
</div>,
},
"ref": null,
"rendered": Object {
"instance": null,
"key": undefined,
"nodeType": "host",
"props": Object {
"children": Array [
<ul
id="download-main"
/>,
<span
className="close-download-bar tempo-icon tempo-icon--close"
id="close-download-bar"
onClick={[Function]}
/>,
],
"className": "download-bar",
"id": "download-manager-footer",
},
"ref": null,
"rendered": Array [
Object {
"instance": null,
"key": undefined,
"nodeType": "host",
"props": Object {
"children": Array [],
"id": "download-main",
},
"ref": null,
"rendered": Array [],
"type": "ul",
},
Object {
"instance": null,
"key": undefined,
"nodeType": "host",
"props": Object {
"className": "close-download-bar tempo-icon tempo-icon--close",
"id": "close-download-bar",
"onClick": [Function],
},
"ref": null,
"rendered": null,
"type": "span",
},
],
"type": "div",
},
"type": "div",
},
],
Symbol(enzyme.__options__): Object {
"adapter": ReactSixteenAdapter {
"options": Object {
"enableComponentDidUpdateOnSetState": true,
"legacyContextMode": "parent",
"lifecycles": Object {
"componentDidUpdate": Object {
"onSetState": true,
},
"getChildContext": Object {
"calledByRenderer": false,
},
"getDerivedStateFromProps": true,
"getSnapshotBeforeUpdate": true,
"setState": Object {
"skipsComponentDidUpdateOnNullish": true,
},
},
},
},
},
Symbol(enzyme.__childContext__): null,
}
`; `;

View File

@ -1,377 +1,50 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP // Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`loading screen should render correctly 1`] = ` exports[`loading screen should render correctly 1`] = `
ShallowWrapper { <div
Symbol(enzyme.__root__): [Circular], className="LoadingScreen"
Symbol(enzyme.__unrendered__): <LoadingScreen />, >
Symbol(enzyme.__renderer__): Object { <img
"batchedUpdates": [Function], className="LoadingScreen-logo"
"checkPropTypes": [Function], src="../renderer/assets/symphony-logo.png"
"getNode": [Function], />
"render": [Function], <span
"simulateError": [Function], className="LoadingScreen-name"
"simulateEvent": [Function], >
"unmount": [Function], Symphony
}, </span>
Symbol(enzyme.__node__): Object { <svg
"instance": null, height="100%"
"key": undefined, preserveAspectRatio="xMidYMid"
"nodeType": "host", viewBox="0 0 100 200"
"props": Object { width="100%"
"children": Array [ xmlns="http://www.w3.org/2000/svg"
<img >
className="LoadingScreen-logo" <circle
src="../renderer/assets/symphony-logo.png" cx="50"
/>, cy="50"
<span fill="none"
className="LoadingScreen-name" ng-attr-r="{{config.radius}}"
> ng-attr-stroke="{{config.color}}"
Symphony ng-attr-stroke-dasharray="{{config.dasharray}}"
</span>, ng-attr-stroke-width="{{config.width}}"
<svg r="35"
height="100%" stroke="#ffffff"
preserveAspectRatio="xMidYMid" stroke-dasharray="164.93361431346415 56.97787143782138"
viewBox="0 0 100 200" stroke-width="10"
width="100%" transform="rotate(59.6808 50 50)"
xmlns="http://www.w3.org/2000/svg" >
> <animateTransform
<circle attributeName="transform"
cx="50" begin="0s"
cy="50" calcMode="linear"
fill="none" dur="1s"
ng-attr-r="{{config.radius}}" keyTimes="0;1"
ng-attr-stroke="{{config.color}}" repeatCount="indefinite"
ng-attr-stroke-dasharray="{{config.dasharray}}" type="rotate"
ng-attr-stroke-width="{{config.width}}" values="0 50 50;360 50 50"
r="35" />
stroke="#ffffff" </circle>
stroke-dasharray="164.93361431346415 56.97787143782138" </svg>
stroke-width="10" </div>
transform="rotate(59.6808 50 50)"
>
<animateTransform
attributeName="transform"
begin="0s"
calcMode="linear"
dur="1s"
keyTimes="0;1"
repeatCount="indefinite"
type="rotate"
values="0 50 50;360 50 50"
/>
</circle>
</svg>,
],
"className": "LoadingScreen",
},
"ref": null,
"rendered": Array [
Object {
"instance": null,
"key": undefined,
"nodeType": "host",
"props": Object {
"className": "LoadingScreen-logo",
"src": "../renderer/assets/symphony-logo.png",
},
"ref": null,
"rendered": null,
"type": "img",
},
Object {
"instance": null,
"key": undefined,
"nodeType": "host",
"props": Object {
"children": "Symphony",
"className": "LoadingScreen-name",
},
"ref": null,
"rendered": "Symphony",
"type": "span",
},
Object {
"instance": null,
"key": undefined,
"nodeType": "host",
"props": Object {
"children": <circle
cx="50"
cy="50"
fill="none"
ng-attr-r="{{config.radius}}"
ng-attr-stroke="{{config.color}}"
ng-attr-stroke-dasharray="{{config.dasharray}}"
ng-attr-stroke-width="{{config.width}}"
r="35"
stroke="#ffffff"
stroke-dasharray="164.93361431346415 56.97787143782138"
stroke-width="10"
transform="rotate(59.6808 50 50)"
>
<animateTransform
attributeName="transform"
begin="0s"
calcMode="linear"
dur="1s"
keyTimes="0;1"
repeatCount="indefinite"
type="rotate"
values="0 50 50;360 50 50"
/>
</circle>,
"height": "100%",
"preserveAspectRatio": "xMidYMid",
"viewBox": "0 0 100 200",
"width": "100%",
"xmlns": "http://www.w3.org/2000/svg",
},
"ref": null,
"rendered": Object {
"instance": null,
"key": undefined,
"nodeType": "host",
"props": Object {
"children": <animateTransform
attributeName="transform"
begin="0s"
calcMode="linear"
dur="1s"
keyTimes="0;1"
repeatCount="indefinite"
type="rotate"
values="0 50 50;360 50 50"
/>,
"cx": "50",
"cy": "50",
"fill": "none",
"ng-attr-r": "{{config.radius}}",
"ng-attr-stroke": "{{config.color}}",
"ng-attr-stroke-dasharray": "{{config.dasharray}}",
"ng-attr-stroke-width": "{{config.width}}",
"r": "35",
"stroke": "#ffffff",
"stroke-dasharray": "164.93361431346415 56.97787143782138",
"stroke-width": "10",
"transform": "rotate(59.6808 50 50)",
},
"ref": null,
"rendered": Object {
"instance": null,
"key": undefined,
"nodeType": "host",
"props": Object {
"attributeName": "transform",
"begin": "0s",
"calcMode": "linear",
"dur": "1s",
"keyTimes": "0;1",
"repeatCount": "indefinite",
"type": "rotate",
"values": "0 50 50;360 50 50",
},
"ref": null,
"rendered": null,
"type": "animateTransform",
},
"type": "circle",
},
"type": "svg",
},
],
"type": "div",
},
Symbol(enzyme.__nodes__): Array [
Object {
"instance": null,
"key": undefined,
"nodeType": "host",
"props": Object {
"children": Array [
<img
className="LoadingScreen-logo"
src="../renderer/assets/symphony-logo.png"
/>,
<span
className="LoadingScreen-name"
>
Symphony
</span>,
<svg
height="100%"
preserveAspectRatio="xMidYMid"
viewBox="0 0 100 200"
width="100%"
xmlns="http://www.w3.org/2000/svg"
>
<circle
cx="50"
cy="50"
fill="none"
ng-attr-r="{{config.radius}}"
ng-attr-stroke="{{config.color}}"
ng-attr-stroke-dasharray="{{config.dasharray}}"
ng-attr-stroke-width="{{config.width}}"
r="35"
stroke="#ffffff"
stroke-dasharray="164.93361431346415 56.97787143782138"
stroke-width="10"
transform="rotate(59.6808 50 50)"
>
<animateTransform
attributeName="transform"
begin="0s"
calcMode="linear"
dur="1s"
keyTimes="0;1"
repeatCount="indefinite"
type="rotate"
values="0 50 50;360 50 50"
/>
</circle>
</svg>,
],
"className": "LoadingScreen",
},
"ref": null,
"rendered": Array [
Object {
"instance": null,
"key": undefined,
"nodeType": "host",
"props": Object {
"className": "LoadingScreen-logo",
"src": "../renderer/assets/symphony-logo.png",
},
"ref": null,
"rendered": null,
"type": "img",
},
Object {
"instance": null,
"key": undefined,
"nodeType": "host",
"props": Object {
"children": "Symphony",
"className": "LoadingScreen-name",
},
"ref": null,
"rendered": "Symphony",
"type": "span",
},
Object {
"instance": null,
"key": undefined,
"nodeType": "host",
"props": Object {
"children": <circle
cx="50"
cy="50"
fill="none"
ng-attr-r="{{config.radius}}"
ng-attr-stroke="{{config.color}}"
ng-attr-stroke-dasharray="{{config.dasharray}}"
ng-attr-stroke-width="{{config.width}}"
r="35"
stroke="#ffffff"
stroke-dasharray="164.93361431346415 56.97787143782138"
stroke-width="10"
transform="rotate(59.6808 50 50)"
>
<animateTransform
attributeName="transform"
begin="0s"
calcMode="linear"
dur="1s"
keyTimes="0;1"
repeatCount="indefinite"
type="rotate"
values="0 50 50;360 50 50"
/>
</circle>,
"height": "100%",
"preserveAspectRatio": "xMidYMid",
"viewBox": "0 0 100 200",
"width": "100%",
"xmlns": "http://www.w3.org/2000/svg",
},
"ref": null,
"rendered": Object {
"instance": null,
"key": undefined,
"nodeType": "host",
"props": Object {
"children": <animateTransform
attributeName="transform"
begin="0s"
calcMode="linear"
dur="1s"
keyTimes="0;1"
repeatCount="indefinite"
type="rotate"
values="0 50 50;360 50 50"
/>,
"cx": "50",
"cy": "50",
"fill": "none",
"ng-attr-r": "{{config.radius}}",
"ng-attr-stroke": "{{config.color}}",
"ng-attr-stroke-dasharray": "{{config.dasharray}}",
"ng-attr-stroke-width": "{{config.width}}",
"r": "35",
"stroke": "#ffffff",
"stroke-dasharray": "164.93361431346415 56.97787143782138",
"stroke-width": "10",
"transform": "rotate(59.6808 50 50)",
},
"ref": null,
"rendered": Object {
"instance": null,
"key": undefined,
"nodeType": "host",
"props": Object {
"attributeName": "transform",
"begin": "0s",
"calcMode": "linear",
"dur": "1s",
"keyTimes": "0;1",
"repeatCount": "indefinite",
"type": "rotate",
"values": "0 50 50;360 50 50",
},
"ref": null,
"rendered": null,
"type": "animateTransform",
},
"type": "circle",
},
"type": "svg",
},
],
"type": "div",
},
],
Symbol(enzyme.__options__): Object {
"adapter": ReactSixteenAdapter {
"options": Object {
"enableComponentDidUpdateOnSetState": true,
"legacyContextMode": "parent",
"lifecycles": Object {
"componentDidUpdate": Object {
"onSetState": true,
},
"getChildContext": Object {
"calledByRenderer": false,
},
"getDerivedStateFromProps": true,
"getSnapshotBeforeUpdate": true,
"setState": Object {
"skipsComponentDidUpdateOnNullish": true,
},
},
},
},
},
Symbol(enzyme.__childContext__): null,
}
`; `;

View File

@ -1,591 +1,57 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP // Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`screen picker should render correctly 1`] = ` exports[`screen picker should render correctly 1`] = `
ShallowWrapper { <div
Symbol(enzyme.__root__): [Circular], className="ScreenPicker ScreenPicker-content"
Symbol(enzyme.__unrendered__): <ScreenPicker />, >
Symbol(enzyme.__renderer__): Object { <div
"batchedUpdates": [Function], className="ScreenPicker-title"
"checkPropTypes": [Function], >
"getNode": [Function], <span>
"render": [Function], Choose what you'd like to share
"simulateError": [Function], </span>
"simulateEvent": [Function], <div
"unmount": [Function], className="ScreenPicker-x-button"
}, onClick={[Function]}
Symbol(enzyme.__node__): Object { >
"instance": null, <div
"key": undefined, className="content-button"
"nodeType": "host", >
"props": Object { <i>
"children": Array [ <svg
<div fill="grey"
className="ScreenPicker-title" viewBox="0 0 48 48"
>
<span>
Choose what you'd like to share
</span>
<div
className="ScreenPicker-x-button"
onClick={[Function]}
> >
<div <path
className="content-button" d="M39.4,33.8L31,25.4c-0.4-0.4-0.9-0.9-1.4-1.4c0.5-0.5,1-1,1.4-1.4l8.4-8.4c0.8-0.8,0.8-2,0-2.8l-2.8-2.8 c-0.8-0.8-2-0.8-2.8,0L25.4,17c-0.4,0.4-0.9,0.9-1.4,1.4c-0.5-0.5-1-1-1.4-1.4l-8.4-8.4c-0.8-0.8-2-0.8-2.8,0l-2.8,2.8 c-0.8,0.8-0.8,2,0,2.8l8.4,8.4c0.4,0.4,0.9,0.9,1.4,1.4c-0.5,0.5-1,1-1.4,1.4l-8.4,8.4c-0.8,0.8-0.8,2,0,2.8l2.8,2.8 c0.8,0.8,2,0.8,2.8,0l8.4-8.4c0.4-0.4,0.9-0.9,1.4-1.4c0.5,0.5,1,1,1.4,1.4l8.4,8.4c0.8,0.8,2,0.8,2.8,0l2.8-2.8 C40.2,35.8,40.2,34.6,39.4,33.8z"
> />
<i> </svg>
<svg </i>
fill="grey" </div>
viewBox="0 0 48 48" </div>
> </div>
<path <div
d="M39.4,33.8L31,25.4c-0.4-0.4-0.9-0.9-1.4-1.4c0.5-0.5,1-1,1.4-1.4l8.4-8.4c0.8-0.8,0.8-2,0-2.8l-2.8-2.8 c-0.8-0.8-2-0.8-2.8,0L25.4,17c-0.4,0.4-0.9,0.9-1.4,1.4c-0.5-0.5-1-1-1.4-1.4l-8.4-8.4c-0.8-0.8-2-0.8-2.8,0l-2.8,2.8 c-0.8,0.8-0.8,2,0,2.8l8.4,8.4c0.4,0.4,0.9,0.9,1.4,1.4c-0.5,0.5-1,1-1.4,1.4l-8.4,8.4c-0.8,0.8-0.8,2,0,2.8l2.8,2.8 c0.8,0.8,2,0.8,2.8,0l8.4-8.4c0.4-0.4,0.9-0.9,1.4-1.4c0.5,0.5,1,1,1.4,1.4l8.4,8.4c0.8,0.8,2,0.8,2.8,0l2.8-2.8 C40.2,35.8,40.2,34.6,39.4,33.8z" className="ScreenPicker-error-content"
/> >
</svg> <span
</i> className="error-message"
</div> >
</div> No screens or applications are currently available.
</div>, </span>
<div </div>
className="ScreenPicker-error-content" <footer>
> <button
<span className="ScreenPicker-cancel-button"
className="error-message" onClick={[Function]}
> >
No screens or applications are currently available. Cancel
</span> </button>
</div>, <button
<footer> className="ScreenPicker-share-button ScreenPicker-share-button-disable"
<button onClick={[Function]}
className="ScreenPicker-cancel-button" >
onClick={[Function]} Select Screen
> </button>
Cancel </footer>
</button> </div>
<button
className="ScreenPicker-share-button ScreenPicker-share-button-disable"
onClick={[Function]}
>
Select Screen
</button>
</footer>,
],
"className": "ScreenPicker ScreenPicker-content",
},
"ref": null,
"rendered": Array [
Object {
"instance": null,
"key": undefined,
"nodeType": "host",
"props": Object {
"children": Array [
<span>
Choose what you'd like to share
</span>,
<div
className="ScreenPicker-x-button"
onClick={[Function]}
>
<div
className="content-button"
>
<i>
<svg
fill="grey"
viewBox="0 0 48 48"
>
<path
d="M39.4,33.8L31,25.4c-0.4-0.4-0.9-0.9-1.4-1.4c0.5-0.5,1-1,1.4-1.4l8.4-8.4c0.8-0.8,0.8-2,0-2.8l-2.8-2.8 c-0.8-0.8-2-0.8-2.8,0L25.4,17c-0.4,0.4-0.9,0.9-1.4,1.4c-0.5-0.5-1-1-1.4-1.4l-8.4-8.4c-0.8-0.8-2-0.8-2.8,0l-2.8,2.8 c-0.8,0.8-0.8,2,0,2.8l8.4,8.4c0.4,0.4,0.9,0.9,1.4,1.4c-0.5,0.5-1,1-1.4,1.4l-8.4,8.4c-0.8,0.8-0.8,2,0,2.8l2.8,2.8 c0.8,0.8,2,0.8,2.8,0l8.4-8.4c0.4-0.4,0.9-0.9,1.4-1.4c0.5,0.5,1,1,1.4,1.4l8.4,8.4c0.8,0.8,2,0.8,2.8,0l2.8-2.8 C40.2,35.8,40.2,34.6,39.4,33.8z"
/>
</svg>
</i>
</div>
</div>,
],
"className": "ScreenPicker-title",
},
"ref": null,
"rendered": Array [
Object {
"instance": null,
"key": undefined,
"nodeType": "host",
"props": Object {
"children": "Choose what you'd like to share",
},
"ref": null,
"rendered": "Choose what you'd like to share",
"type": "span",
},
Object {
"instance": null,
"key": undefined,
"nodeType": "host",
"props": Object {
"children": <div
className="content-button"
>
<i>
<svg
fill="grey"
viewBox="0 0 48 48"
>
<path
d="M39.4,33.8L31,25.4c-0.4-0.4-0.9-0.9-1.4-1.4c0.5-0.5,1-1,1.4-1.4l8.4-8.4c0.8-0.8,0.8-2,0-2.8l-2.8-2.8 c-0.8-0.8-2-0.8-2.8,0L25.4,17c-0.4,0.4-0.9,0.9-1.4,1.4c-0.5-0.5-1-1-1.4-1.4l-8.4-8.4c-0.8-0.8-2-0.8-2.8,0l-2.8,2.8 c-0.8,0.8-0.8,2,0,2.8l8.4,8.4c0.4,0.4,0.9,0.9,1.4,1.4c-0.5,0.5-1,1-1.4,1.4l-8.4,8.4c-0.8,0.8-0.8,2,0,2.8l2.8,2.8 c0.8,0.8,2,0.8,2.8,0l8.4-8.4c0.4-0.4,0.9-0.9,1.4-1.4c0.5,0.5,1,1,1.4,1.4l8.4,8.4c0.8,0.8,2,0.8,2.8,0l2.8-2.8 C40.2,35.8,40.2,34.6,39.4,33.8z"
/>
</svg>
</i>
</div>,
"className": "ScreenPicker-x-button",
"onClick": [Function],
},
"ref": null,
"rendered": Object {
"instance": null,
"key": undefined,
"nodeType": "host",
"props": Object {
"children": <i>
<svg
fill="grey"
viewBox="0 0 48 48"
>
<path
d="M39.4,33.8L31,25.4c-0.4-0.4-0.9-0.9-1.4-1.4c0.5-0.5,1-1,1.4-1.4l8.4-8.4c0.8-0.8,0.8-2,0-2.8l-2.8-2.8 c-0.8-0.8-2-0.8-2.8,0L25.4,17c-0.4,0.4-0.9,0.9-1.4,1.4c-0.5-0.5-1-1-1.4-1.4l-8.4-8.4c-0.8-0.8-2-0.8-2.8,0l-2.8,2.8 c-0.8,0.8-0.8,2,0,2.8l8.4,8.4c0.4,0.4,0.9,0.9,1.4,1.4c-0.5,0.5-1,1-1.4,1.4l-8.4,8.4c-0.8,0.8-0.8,2,0,2.8l2.8,2.8 c0.8,0.8,2,0.8,2.8,0l8.4-8.4c0.4-0.4,0.9-0.9,1.4-1.4c0.5,0.5,1,1,1.4,1.4l8.4,8.4c0.8,0.8,2,0.8,2.8,0l2.8-2.8 C40.2,35.8,40.2,34.6,39.4,33.8z"
/>
</svg>
</i>,
"className": "content-button",
},
"ref": null,
"rendered": Object {
"instance": null,
"key": undefined,
"nodeType": "host",
"props": Object {
"children": <svg
fill="grey"
viewBox="0 0 48 48"
>
<path
d="M39.4,33.8L31,25.4c-0.4-0.4-0.9-0.9-1.4-1.4c0.5-0.5,1-1,1.4-1.4l8.4-8.4c0.8-0.8,0.8-2,0-2.8l-2.8-2.8 c-0.8-0.8-2-0.8-2.8,0L25.4,17c-0.4,0.4-0.9,0.9-1.4,1.4c-0.5-0.5-1-1-1.4-1.4l-8.4-8.4c-0.8-0.8-2-0.8-2.8,0l-2.8,2.8 c-0.8,0.8-0.8,2,0,2.8l8.4,8.4c0.4,0.4,0.9,0.9,1.4,1.4c-0.5,0.5-1,1-1.4,1.4l-8.4,8.4c-0.8,0.8-0.8,2,0,2.8l2.8,2.8 c0.8,0.8,2,0.8,2.8,0l8.4-8.4c0.4-0.4,0.9-0.9,1.4-1.4c0.5,0.5,1,1,1.4,1.4l8.4,8.4c0.8,0.8,2,0.8,2.8,0l2.8-2.8 C40.2,35.8,40.2,34.6,39.4,33.8z"
/>
</svg>,
},
"ref": null,
"rendered": Object {
"instance": null,
"key": undefined,
"nodeType": "host",
"props": Object {
"children": <path
d="M39.4,33.8L31,25.4c-0.4-0.4-0.9-0.9-1.4-1.4c0.5-0.5,1-1,1.4-1.4l8.4-8.4c0.8-0.8,0.8-2,0-2.8l-2.8-2.8 c-0.8-0.8-2-0.8-2.8,0L25.4,17c-0.4,0.4-0.9,0.9-1.4,1.4c-0.5-0.5-1-1-1.4-1.4l-8.4-8.4c-0.8-0.8-2-0.8-2.8,0l-2.8,2.8 c-0.8,0.8-0.8,2,0,2.8l8.4,8.4c0.4,0.4,0.9,0.9,1.4,1.4c-0.5,0.5-1,1-1.4,1.4l-8.4,8.4c-0.8,0.8-0.8,2,0,2.8l2.8,2.8 c0.8,0.8,2,0.8,2.8,0l8.4-8.4c0.4-0.4,0.9-0.9,1.4-1.4c0.5,0.5,1,1,1.4,1.4l8.4,8.4c0.8,0.8,2,0.8,2.8,0l2.8-2.8 C40.2,35.8,40.2,34.6,39.4,33.8z"
/>,
"fill": "grey",
"viewBox": "0 0 48 48",
},
"ref": null,
"rendered": Object {
"instance": null,
"key": undefined,
"nodeType": "host",
"props": Object {
"d": "M39.4,33.8L31,25.4c-0.4-0.4-0.9-0.9-1.4-1.4c0.5-0.5,1-1,1.4-1.4l8.4-8.4c0.8-0.8,0.8-2,0-2.8l-2.8-2.8 c-0.8-0.8-2-0.8-2.8,0L25.4,17c-0.4,0.4-0.9,0.9-1.4,1.4c-0.5-0.5-1-1-1.4-1.4l-8.4-8.4c-0.8-0.8-2-0.8-2.8,0l-2.8,2.8 c-0.8,0.8-0.8,2,0,2.8l8.4,8.4c0.4,0.4,0.9,0.9,1.4,1.4c-0.5,0.5-1,1-1.4,1.4l-8.4,8.4c-0.8,0.8-0.8,2,0,2.8l2.8,2.8 c0.8,0.8,2,0.8,2.8,0l8.4-8.4c0.4-0.4,0.9-0.9,1.4-1.4c0.5,0.5,1,1,1.4,1.4l8.4,8.4c0.8,0.8,2,0.8,2.8,0l2.8-2.8 C40.2,35.8,40.2,34.6,39.4,33.8z",
},
"ref": null,
"rendered": null,
"type": "path",
},
"type": "svg",
},
"type": "i",
},
"type": "div",
},
"type": "div",
},
],
"type": "div",
},
Object {
"instance": null,
"key": undefined,
"nodeType": "host",
"props": Object {
"children": <span
className="error-message"
>
No screens or applications are currently available.
</span>,
"className": "ScreenPicker-error-content",
},
"ref": null,
"rendered": Object {
"instance": null,
"key": undefined,
"nodeType": "host",
"props": Object {
"children": "No screens or applications are currently available.",
"className": "error-message",
},
"ref": null,
"rendered": "No screens or applications are currently available.",
"type": "span",
},
"type": "div",
},
Object {
"instance": null,
"key": undefined,
"nodeType": "host",
"props": Object {
"children": Array [
<button
className="ScreenPicker-cancel-button"
onClick={[Function]}
>
Cancel
</button>,
<button
className="ScreenPicker-share-button ScreenPicker-share-button-disable"
onClick={[Function]}
>
Select Screen
</button>,
],
},
"ref": null,
"rendered": Array [
Object {
"instance": null,
"key": undefined,
"nodeType": "host",
"props": Object {
"children": "Cancel",
"className": "ScreenPicker-cancel-button",
"onClick": [Function],
},
"ref": null,
"rendered": "Cancel",
"type": "button",
},
Object {
"instance": null,
"key": undefined,
"nodeType": "host",
"props": Object {
"children": "Select Screen",
"className": "ScreenPicker-share-button ScreenPicker-share-button-disable",
"onClick": [Function],
},
"ref": null,
"rendered": "Select Screen",
"type": "button",
},
],
"type": "footer",
},
],
"type": "div",
},
Symbol(enzyme.__nodes__): Array [
Object {
"instance": null,
"key": undefined,
"nodeType": "host",
"props": Object {
"children": Array [
<div
className="ScreenPicker-title"
>
<span>
Choose what you'd like to share
</span>
<div
className="ScreenPicker-x-button"
onClick={[Function]}
>
<div
className="content-button"
>
<i>
<svg
fill="grey"
viewBox="0 0 48 48"
>
<path
d="M39.4,33.8L31,25.4c-0.4-0.4-0.9-0.9-1.4-1.4c0.5-0.5,1-1,1.4-1.4l8.4-8.4c0.8-0.8,0.8-2,0-2.8l-2.8-2.8 c-0.8-0.8-2-0.8-2.8,0L25.4,17c-0.4,0.4-0.9,0.9-1.4,1.4c-0.5-0.5-1-1-1.4-1.4l-8.4-8.4c-0.8-0.8-2-0.8-2.8,0l-2.8,2.8 c-0.8,0.8-0.8,2,0,2.8l8.4,8.4c0.4,0.4,0.9,0.9,1.4,1.4c-0.5,0.5-1,1-1.4,1.4l-8.4,8.4c-0.8,0.8-0.8,2,0,2.8l2.8,2.8 c0.8,0.8,2,0.8,2.8,0l8.4-8.4c0.4-0.4,0.9-0.9,1.4-1.4c0.5,0.5,1,1,1.4,1.4l8.4,8.4c0.8,0.8,2,0.8,2.8,0l2.8-2.8 C40.2,35.8,40.2,34.6,39.4,33.8z"
/>
</svg>
</i>
</div>
</div>
</div>,
<div
className="ScreenPicker-error-content"
>
<span
className="error-message"
>
No screens or applications are currently available.
</span>
</div>,
<footer>
<button
className="ScreenPicker-cancel-button"
onClick={[Function]}
>
Cancel
</button>
<button
className="ScreenPicker-share-button ScreenPicker-share-button-disable"
onClick={[Function]}
>
Select Screen
</button>
</footer>,
],
"className": "ScreenPicker ScreenPicker-content",
},
"ref": null,
"rendered": Array [
Object {
"instance": null,
"key": undefined,
"nodeType": "host",
"props": Object {
"children": Array [
<span>
Choose what you'd like to share
</span>,
<div
className="ScreenPicker-x-button"
onClick={[Function]}
>
<div
className="content-button"
>
<i>
<svg
fill="grey"
viewBox="0 0 48 48"
>
<path
d="M39.4,33.8L31,25.4c-0.4-0.4-0.9-0.9-1.4-1.4c0.5-0.5,1-1,1.4-1.4l8.4-8.4c0.8-0.8,0.8-2,0-2.8l-2.8-2.8 c-0.8-0.8-2-0.8-2.8,0L25.4,17c-0.4,0.4-0.9,0.9-1.4,1.4c-0.5-0.5-1-1-1.4-1.4l-8.4-8.4c-0.8-0.8-2-0.8-2.8,0l-2.8,2.8 c-0.8,0.8-0.8,2,0,2.8l8.4,8.4c0.4,0.4,0.9,0.9,1.4,1.4c-0.5,0.5-1,1-1.4,1.4l-8.4,8.4c-0.8,0.8-0.8,2,0,2.8l2.8,2.8 c0.8,0.8,2,0.8,2.8,0l8.4-8.4c0.4-0.4,0.9-0.9,1.4-1.4c0.5,0.5,1,1,1.4,1.4l8.4,8.4c0.8,0.8,2,0.8,2.8,0l2.8-2.8 C40.2,35.8,40.2,34.6,39.4,33.8z"
/>
</svg>
</i>
</div>
</div>,
],
"className": "ScreenPicker-title",
},
"ref": null,
"rendered": Array [
Object {
"instance": null,
"key": undefined,
"nodeType": "host",
"props": Object {
"children": "Choose what you'd like to share",
},
"ref": null,
"rendered": "Choose what you'd like to share",
"type": "span",
},
Object {
"instance": null,
"key": undefined,
"nodeType": "host",
"props": Object {
"children": <div
className="content-button"
>
<i>
<svg
fill="grey"
viewBox="0 0 48 48"
>
<path
d="M39.4,33.8L31,25.4c-0.4-0.4-0.9-0.9-1.4-1.4c0.5-0.5,1-1,1.4-1.4l8.4-8.4c0.8-0.8,0.8-2,0-2.8l-2.8-2.8 c-0.8-0.8-2-0.8-2.8,0L25.4,17c-0.4,0.4-0.9,0.9-1.4,1.4c-0.5-0.5-1-1-1.4-1.4l-8.4-8.4c-0.8-0.8-2-0.8-2.8,0l-2.8,2.8 c-0.8,0.8-0.8,2,0,2.8l8.4,8.4c0.4,0.4,0.9,0.9,1.4,1.4c-0.5,0.5-1,1-1.4,1.4l-8.4,8.4c-0.8,0.8-0.8,2,0,2.8l2.8,2.8 c0.8,0.8,2,0.8,2.8,0l8.4-8.4c0.4-0.4,0.9-0.9,1.4-1.4c0.5,0.5,1,1,1.4,1.4l8.4,8.4c0.8,0.8,2,0.8,2.8,0l2.8-2.8 C40.2,35.8,40.2,34.6,39.4,33.8z"
/>
</svg>
</i>
</div>,
"className": "ScreenPicker-x-button",
"onClick": [Function],
},
"ref": null,
"rendered": Object {
"instance": null,
"key": undefined,
"nodeType": "host",
"props": Object {
"children": <i>
<svg
fill="grey"
viewBox="0 0 48 48"
>
<path
d="M39.4,33.8L31,25.4c-0.4-0.4-0.9-0.9-1.4-1.4c0.5-0.5,1-1,1.4-1.4l8.4-8.4c0.8-0.8,0.8-2,0-2.8l-2.8-2.8 c-0.8-0.8-2-0.8-2.8,0L25.4,17c-0.4,0.4-0.9,0.9-1.4,1.4c-0.5-0.5-1-1-1.4-1.4l-8.4-8.4c-0.8-0.8-2-0.8-2.8,0l-2.8,2.8 c-0.8,0.8-0.8,2,0,2.8l8.4,8.4c0.4,0.4,0.9,0.9,1.4,1.4c-0.5,0.5-1,1-1.4,1.4l-8.4,8.4c-0.8,0.8-0.8,2,0,2.8l2.8,2.8 c0.8,0.8,2,0.8,2.8,0l8.4-8.4c0.4-0.4,0.9-0.9,1.4-1.4c0.5,0.5,1,1,1.4,1.4l8.4,8.4c0.8,0.8,2,0.8,2.8,0l2.8-2.8 C40.2,35.8,40.2,34.6,39.4,33.8z"
/>
</svg>
</i>,
"className": "content-button",
},
"ref": null,
"rendered": Object {
"instance": null,
"key": undefined,
"nodeType": "host",
"props": Object {
"children": <svg
fill="grey"
viewBox="0 0 48 48"
>
<path
d="M39.4,33.8L31,25.4c-0.4-0.4-0.9-0.9-1.4-1.4c0.5-0.5,1-1,1.4-1.4l8.4-8.4c0.8-0.8,0.8-2,0-2.8l-2.8-2.8 c-0.8-0.8-2-0.8-2.8,0L25.4,17c-0.4,0.4-0.9,0.9-1.4,1.4c-0.5-0.5-1-1-1.4-1.4l-8.4-8.4c-0.8-0.8-2-0.8-2.8,0l-2.8,2.8 c-0.8,0.8-0.8,2,0,2.8l8.4,8.4c0.4,0.4,0.9,0.9,1.4,1.4c-0.5,0.5-1,1-1.4,1.4l-8.4,8.4c-0.8,0.8-0.8,2,0,2.8l2.8,2.8 c0.8,0.8,2,0.8,2.8,0l8.4-8.4c0.4-0.4,0.9-0.9,1.4-1.4c0.5,0.5,1,1,1.4,1.4l8.4,8.4c0.8,0.8,2,0.8,2.8,0l2.8-2.8 C40.2,35.8,40.2,34.6,39.4,33.8z"
/>
</svg>,
},
"ref": null,
"rendered": Object {
"instance": null,
"key": undefined,
"nodeType": "host",
"props": Object {
"children": <path
d="M39.4,33.8L31,25.4c-0.4-0.4-0.9-0.9-1.4-1.4c0.5-0.5,1-1,1.4-1.4l8.4-8.4c0.8-0.8,0.8-2,0-2.8l-2.8-2.8 c-0.8-0.8-2-0.8-2.8,0L25.4,17c-0.4,0.4-0.9,0.9-1.4,1.4c-0.5-0.5-1-1-1.4-1.4l-8.4-8.4c-0.8-0.8-2-0.8-2.8,0l-2.8,2.8 c-0.8,0.8-0.8,2,0,2.8l8.4,8.4c0.4,0.4,0.9,0.9,1.4,1.4c-0.5,0.5-1,1-1.4,1.4l-8.4,8.4c-0.8,0.8-0.8,2,0,2.8l2.8,2.8 c0.8,0.8,2,0.8,2.8,0l8.4-8.4c0.4-0.4,0.9-0.9,1.4-1.4c0.5,0.5,1,1,1.4,1.4l8.4,8.4c0.8,0.8,2,0.8,2.8,0l2.8-2.8 C40.2,35.8,40.2,34.6,39.4,33.8z"
/>,
"fill": "grey",
"viewBox": "0 0 48 48",
},
"ref": null,
"rendered": Object {
"instance": null,
"key": undefined,
"nodeType": "host",
"props": Object {
"d": "M39.4,33.8L31,25.4c-0.4-0.4-0.9-0.9-1.4-1.4c0.5-0.5,1-1,1.4-1.4l8.4-8.4c0.8-0.8,0.8-2,0-2.8l-2.8-2.8 c-0.8-0.8-2-0.8-2.8,0L25.4,17c-0.4,0.4-0.9,0.9-1.4,1.4c-0.5-0.5-1-1-1.4-1.4l-8.4-8.4c-0.8-0.8-2-0.8-2.8,0l-2.8,2.8 c-0.8,0.8-0.8,2,0,2.8l8.4,8.4c0.4,0.4,0.9,0.9,1.4,1.4c-0.5,0.5-1,1-1.4,1.4l-8.4,8.4c-0.8,0.8-0.8,2,0,2.8l2.8,2.8 c0.8,0.8,2,0.8,2.8,0l8.4-8.4c0.4-0.4,0.9-0.9,1.4-1.4c0.5,0.5,1,1,1.4,1.4l8.4,8.4c0.8,0.8,2,0.8,2.8,0l2.8-2.8 C40.2,35.8,40.2,34.6,39.4,33.8z",
},
"ref": null,
"rendered": null,
"type": "path",
},
"type": "svg",
},
"type": "i",
},
"type": "div",
},
"type": "div",
},
],
"type": "div",
},
Object {
"instance": null,
"key": undefined,
"nodeType": "host",
"props": Object {
"children": <span
className="error-message"
>
No screens or applications are currently available.
</span>,
"className": "ScreenPicker-error-content",
},
"ref": null,
"rendered": Object {
"instance": null,
"key": undefined,
"nodeType": "host",
"props": Object {
"children": "No screens or applications are currently available.",
"className": "error-message",
},
"ref": null,
"rendered": "No screens or applications are currently available.",
"type": "span",
},
"type": "div",
},
Object {
"instance": null,
"key": undefined,
"nodeType": "host",
"props": Object {
"children": Array [
<button
className="ScreenPicker-cancel-button"
onClick={[Function]}
>
Cancel
</button>,
<button
className="ScreenPicker-share-button ScreenPicker-share-button-disable"
onClick={[Function]}
>
Select Screen
</button>,
],
},
"ref": null,
"rendered": Array [
Object {
"instance": null,
"key": undefined,
"nodeType": "host",
"props": Object {
"children": "Cancel",
"className": "ScreenPicker-cancel-button",
"onClick": [Function],
},
"ref": null,
"rendered": "Cancel",
"type": "button",
},
Object {
"instance": null,
"key": undefined,
"nodeType": "host",
"props": Object {
"children": "Select Screen",
"className": "ScreenPicker-share-button ScreenPicker-share-button-disable",
"onClick": [Function],
},
"ref": null,
"rendered": "Select Screen",
"type": "button",
},
],
"type": "footer",
},
],
"type": "div",
},
],
Symbol(enzyme.__options__): Object {
"adapter": ReactSixteenAdapter {
"options": Object {
"enableComponentDidUpdateOnSetState": true,
"legacyContextMode": "parent",
"lifecycles": Object {
"componentDidUpdate": Object {
"onSetState": true,
},
"getChildContext": Object {
"calledByRenderer": false,
},
"getDerivedStateFromProps": true,
"getSnapshotBeforeUpdate": true,
"setState": Object {
"skipsComponentDidUpdateOnNullish": true,
},
},
},
},
},
Symbol(enzyme.__childContext__): null,
}
`; `;

View File

@ -1,273 +1,33 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP // Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`screen sharing indicator should render correctly 1`] = ` exports[`screen sharing indicator should render correctly 1`] = `
ShallowWrapper { <div
Symbol(enzyme.__root__): [Circular], className="ScreenSharingIndicator mac"
Symbol(enzyme.__unrendered__): <ScreenSharingIndicator />, >
Symbol(enzyme.__renderer__): Object { <span
"batchedUpdates": [Function], className="drag-area"
"checkPropTypes": [Function], />
"getNode": [Function], <span
"render": [Function], className="text-label"
"simulateError": [Function], >
"simulateEvent": [Function], You are sharing your screen on Symphony
"unmount": [Function], </span>
}, <span
Symbol(enzyme.__node__): Object { className="buttons"
"instance": null, >
"key": undefined, <a
"nodeType": "host", className="hide-button"
"props": Object { href="#"
"children": Array [ onClick={[Function]}
<span >
className="drag-area" Hide
/>, </a>
<span <button
className="text-label" className="stop-sharing-button"
> onClick={[Function]}
You are sharing your screen on Symphony >
</span>, Stop sharing
<span </button>
className="buttons" </span>
> </div>
<a
className="hide-button"
href="#"
onClick={[Function]}
>
Hide
</a>
<button
className="stop-sharing-button"
onClick={[Function]}
>
Stop sharing
</button>
</span>,
],
"className": "ScreenSharingIndicator mac",
},
"ref": null,
"rendered": Array [
Object {
"instance": null,
"key": undefined,
"nodeType": "host",
"props": Object {
"className": "drag-area",
},
"ref": null,
"rendered": null,
"type": "span",
},
Object {
"instance": null,
"key": undefined,
"nodeType": "host",
"props": Object {
"children": "You are sharing your screen on Symphony",
"className": "text-label",
},
"ref": null,
"rendered": "You are sharing your screen on Symphony",
"type": "span",
},
Object {
"instance": null,
"key": undefined,
"nodeType": "host",
"props": Object {
"children": Array [
<a
className="hide-button"
href="#"
onClick={[Function]}
>
Hide
</a>,
<button
className="stop-sharing-button"
onClick={[Function]}
>
Stop sharing
</button>,
],
"className": "buttons",
},
"ref": null,
"rendered": Array [
Object {
"instance": null,
"key": undefined,
"nodeType": "host",
"props": Object {
"children": "Hide",
"className": "hide-button",
"href": "#",
"onClick": [Function],
},
"ref": null,
"rendered": "Hide",
"type": "a",
},
Object {
"instance": null,
"key": undefined,
"nodeType": "host",
"props": Object {
"children": "Stop sharing",
"className": "stop-sharing-button",
"onClick": [Function],
},
"ref": null,
"rendered": "Stop sharing",
"type": "button",
},
],
"type": "span",
},
],
"type": "div",
},
Symbol(enzyme.__nodes__): Array [
Object {
"instance": null,
"key": undefined,
"nodeType": "host",
"props": Object {
"children": Array [
<span
className="drag-area"
/>,
<span
className="text-label"
>
You are sharing your screen on Symphony
</span>,
<span
className="buttons"
>
<a
className="hide-button"
href="#"
onClick={[Function]}
>
Hide
</a>
<button
className="stop-sharing-button"
onClick={[Function]}
>
Stop sharing
</button>
</span>,
],
"className": "ScreenSharingIndicator mac",
},
"ref": null,
"rendered": Array [
Object {
"instance": null,
"key": undefined,
"nodeType": "host",
"props": Object {
"className": "drag-area",
},
"ref": null,
"rendered": null,
"type": "span",
},
Object {
"instance": null,
"key": undefined,
"nodeType": "host",
"props": Object {
"children": "You are sharing your screen on Symphony",
"className": "text-label",
},
"ref": null,
"rendered": "You are sharing your screen on Symphony",
"type": "span",
},
Object {
"instance": null,
"key": undefined,
"nodeType": "host",
"props": Object {
"children": Array [
<a
className="hide-button"
href="#"
onClick={[Function]}
>
Hide
</a>,
<button
className="stop-sharing-button"
onClick={[Function]}
>
Stop sharing
</button>,
],
"className": "buttons",
},
"ref": null,
"rendered": Array [
Object {
"instance": null,
"key": undefined,
"nodeType": "host",
"props": Object {
"children": "Hide",
"className": "hide-button",
"href": "#",
"onClick": [Function],
},
"ref": null,
"rendered": "Hide",
"type": "a",
},
Object {
"instance": null,
"key": undefined,
"nodeType": "host",
"props": Object {
"children": "Stop sharing",
"className": "stop-sharing-button",
"onClick": [Function],
},
"ref": null,
"rendered": "Stop sharing",
"type": "button",
},
],
"type": "span",
},
],
"type": "div",
},
],
Symbol(enzyme.__options__): Object {
"adapter": ReactSixteenAdapter {
"options": Object {
"enableComponentDidUpdateOnSetState": true,
"legacyContextMode": "parent",
"lifecycles": Object {
"componentDidUpdate": Object {
"onSetState": true,
},
"getChildContext": Object {
"calledByRenderer": false,
},
"getDerivedStateFromProps": true,
"getSnapshotBeforeUpdate": true,
"setState": Object {
"skipsComponentDidUpdateOnNullish": true,
},
},
},
},
},
Symbol(enzyme.__childContext__): null,
}
`; `;