if/SymphonyElectron
1
0
Fork 0
mirror of https://github.com/finos/SymphonyElectron.git synced 2024-12-27 17:31:36 -06:00
Code Issues Packages Projects Releases Wiki Activity

loading screen unit test (#588)

Browse Source
This commit is contained in:
VICTOR RAPHAEL BRAGA DE SALES MASCARENHAS 2019-03-13 04:01:05 -03:00 committed by Kiran Niranjan
parent e950a39a48
commit 663b512dc3
2 changed files with 394 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

377
spec/__snapshots__/loadingScreen.spec.ts.snap Normal file
View File

@ -0,0 +1,377 @@
// Jest Snapshot v1, https://goo.gl/fbAQLP
exports[`loading screen should render correctly 1`] = `
ShallowWrapper {
Symbol(enzyme.__root__): [Circular],
Symbol(enzyme.__unrendered__): <LoadingScreen />,
Symbol(enzyme.__renderer__): Object {
"batchedUpdates": [Function],
"checkPropTypes": [Function],
"getNode": [Function],
"render": [Function],
"simulateError": [Function],
"simulateEvent": [Function],
"unmount": [Function],
},
Symbol(enzyme.__node__): 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.__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,
}
`;

17
spec/loadingScreen.spec.ts Normal file
View File

@ -0,0 +1,17 @@
import { shallow } from 'enzyme';
import * as React from 'react';
import LoadingScreen from '../src/renderer/components/loading-screen';
describe('loading screen', () => {
it('should render correctly', () => {
const wrapper = shallow(React.createElement(LoadingScreen));
expect(wrapper).toMatchSnapshot();
});
it('should show app name correctly', () => {
const customSelector = '.LoadingScreen-name';
const wrapper = shallow(React.createElement(LoadingScreen));
const expectedValue = 'Symphony';
expect(wrapper.find(customSelector).text()).toBe(expectedValue);
});
});