nmelone/MaxWaterSystem-Electron
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Completes main page

Browse Source
This commit is contained in:
Patrick McDonagh
2018-04-17 16:05:48 -05:00
parent 9f97e05a22
commit 75b0a49ce1
14 changed files with 2005 additions and 281 deletions
Download Patch File Download Diff File Expand all files Collapse all files

70
__tests__/components/FlexibleGraph.test.js Normal file
View File

@@ -0,0 +1,70 @@
import React from "react";
import { shallow, configure } from "enzyme";
import Adapter from "enzyme-adapter-react-16";
import { findClosestXValue, mapTimestampAndValuePropToXY, FlexibleGraph } from "../../app/src/components/FlexibleGraph";
configure({ adapter: new Adapter() });
describe("FlexibleGraph", () => {
let testData = {
tags: [
{name: "test1", value: 100},
{name: "test2", value: 120}
],
tagHistory: [
[{value: 101.1, timestamp: new Date(0)}, {value: 102.2, timestamp: new Date(10)}, {value: 103.3, timestamp: new Date(25)}, {value: 104.4, timestamp:new Date(37)}],
[{value: 202.2, timestamp: new Date(0)}, {value: 203.3, timestamp: new Date(10)}, {value: 204.4, timestamp: new Date(25)}, {value: 205.5, timestamp:new Date(37)}]
],
tagDescriptions: [
"Test 1",
"Test 2"
],
units: [
"unit1",
"unit2"
],
round: [2, 4]
};
it("should find the closest X value", () => {
expect(findClosestXValue(testData.tagHistory[0], 11)).toEqual({x: 11, y: 102.2});
});
it("should map timestamp and value to x and y", () => {
const expected = [
{y: 101.1, x: 0},
{y: 102.2, x: 10},
{y: 103.3, x: 25},
{y: 104.4, x: 37}
];
expect(mapTimestampAndValuePropToXY(testData.tagHistory[0])).toEqual(expected);
});
it("should render an empty div with no tags", () => {
const wrapper = shallow(<FlexibleGraph />);
expect(wrapper.find(".flexible-graph-notags")).toHaveLength(1);
});
describe("rendered FlexibleGraph", () => {
let wrapper;
beforeEach(() => {
wrapper = shallow(<FlexibleGraph
tags={testData.tags}
tagHistory={testData.tagHistory}
tagDescriptions={testData.tagDescriptions}
units={testData.units}
round={testData.round}
/>);
});
it("should render a flexible-graph class", () => {
expect(wrapper.find(".flexible-graph")).toHaveLength(1);
});
});
});

41
__tests__/components/LiquidGauge.test.js Normal file
View File

@@ -0,0 +1,41 @@
import React from "react";
import { shallow, configure } from "enzyme";
import Adapter from "enzyme-adapter-react-16";
configure({ adapter: new Adapter() });
import { LiquidGauge, renderLabel } from "../../app/src/components/LiquidGauge";
describe("LiquidGauge", () => {
it("should render an empty span if no tags", () => {
const wrapper = shallow(<LiquidGauge tag={undefined} />);
expect(wrapper.find(".liquidgauge-no-tags")).toHaveLength(1);
});
describe("rendered LiquidGauge", () => {
let wrapper;
beforeEach(() => {
wrapper = shallow(<LiquidGauge tag={{name: "tag", value: 95.0}} maxValue={100} units="LBS" label="Label" />);
});
it("should have a div with liquidfill class", () => {
expect(wrapper.find(".liquidfill")).toHaveLength(1);
});
it("should show a LiquidFillGauge instance", () => {
expect(wrapper.find("LiquidFillGauge")).toHaveLength(1);
});
});
describe("renderLabel function", () => {
let label;
beforeEach(() => {
label = renderLabel({height: 100.0, width: 100.0, percent: "units", textSize: 1, tag: {value: 101.0}}, 101.0);
});
it("should show the value", () => {
expect(shallow(label).find(".value").text()).toMatch("101");
});
});
});

68
__tests__/components/Main.test.js
View File

@@ -10,16 +10,28 @@ describe("Main", () => {
val_FluidLevel: { name: "val_FluidLevel", value: 100.0 },
val_Flowmeter_BarrelsPerDay: { name: "val_Flowmeter_BarrelsPerDay", value: 200.0 },
val_TubingPressure: { name: "val_TubingPressure", value: 150.0 },
val_Flowmeter: { name: "val_Flowmeter", value: 150.0 },
val_IntakePressure: { name: "val_IntakePressure", value: 150.0 },
val_IntakeTemperature: { name: "val_IntakeTemperature", value: 150.0 },
VFD_OutCurrent: { name: "VFD_OutCurrent", value: 30.0 },
VFD_SpeedFdbk: { name: "VFD_SpeedFdbk", value: 60.0 }
VFD_SpeedFdbk: { name: "VFD_SpeedFdbk", value: 60.0 },
VFD_OutPower: { name: "VFD_OutPower", value: 60.0 },
VFD_Temp: { name: "VFD_Temp", value: 60.0 },
};
const tagHistory = {
val_FluidLevel: [{ timestamp: 0, value: 100.0 }],
val_Flowmeter_BarrelsPerDay: [{ timestamp: 0, value: 200.0 }],
val_TubingPressure: [{ timestamp: 0, value: 150.0 }],
val_Flowmeter: [{ timestamp: 0, value: 150.0 }],
val_IntakePressure: [{ timestamp: 0, value: 150.0 }],
val_IntakeTemperature: [{ timestamp: 0, value: 150.0 }],
VFD_OutCurrent: [{ timestamp: 0, value: 30.0 }],
VFD_SpeedFdbk: [{ timestamp: 0, value: 60.0 }]
VFD_SpeedFdbk: [{ timestamp: 0, value: 60.0 }],
VFD_OutPower: [{ timestamp: 0, value: 60.0 }],
VFD_Temp: [{ timestamp: 0, value: 60.0 }]
};
it("should render loading div if no tag history", () =>{
@@ -28,12 +40,12 @@ describe("Main", () => {
});
it("should render plc error class if PLC error", () => {
const wrapper = shallow(<Main tagHistory={{}} plc={{ error: true }} />);
const wrapper = shallow(<Main tagHistory={{a:1, b:2}} plc={{ error: true }} />);
expect(wrapper.find(".plc-error").text()).toMatch("PLC Error");
});
it("should render waiting if no tags yet", () => {
const wrapper = shallow(<Main tagHistory={{}} plc={{}} tags={{}} />);
const wrapper = shallow(<Main tagHistory={{a:1, b:2}} plc={{}} tags={{}} />);
expect(wrapper.find(".waiting").text()).toMatch("Waiting for data");
});
@@ -42,37 +54,37 @@ describe("Main", () => {
expect(wrapper.find(".main")).toHaveLength(1);
});
describe("tag current values", () => {
let wrapper;
beforeEach(() => {
wrapper = shallow(<Main tagHistory={tagHistory} plc={{}} tags={tags} />);
});
// describe("tag current values", () => {
// let wrapper;
// beforeEach(() => {
// wrapper = shallow(<Main tagHistory={tagHistory} plc={{}} tags={tags} />);
// });
it("should render a liquid fill gauge for all gauges", () => {
expect(wrapper.find(".liquidfill")).toHaveLength(5);
});
// it("should render a liquid fill gauge for all gauges", () => {
// expect(wrapper.find(".liquidfill")).toHaveLength(5);
// });
it("should render a liquidfill gauge for val_FluidLevel", () => {
expect(wrapper.find(".lqdfill-val_FluidLevel")).toHaveLength(1);
});
// it("should render a liquidfill gauge for val_FluidLevel", () => {
// expect(wrapper.find(".lqdfill-val_FluidLevel")).toHaveLength(1);
// });
it("should render a liquidfill gauge for val_Flowmeter_BarrelsPerDay", () => {
expect(wrapper.find(".lqdfill-val_Flowmeter_BarrelsPerDay")).toHaveLength(1);
});
// it("should render a liquidfill gauge for val_Flowmeter_BarrelsPerDay", () => {
// expect(wrapper.find(".lqdfill-val_Flowmeter_BarrelsPerDay")).toHaveLength(1);
// });
it("should render a liquidfill gauge for val_TubingPressure", () => {
expect(wrapper.find(".lqdfill-val_TubingPressure")).toHaveLength(1);
});
// it("should render a liquidfill gauge for val_TubingPressure", () => {
// expect(wrapper.find(".lqdfill-val_TubingPressure")).toHaveLength(1);
// });
it("should render a liquidfill gauge for VFD_OutCurrent", () => {
expect(wrapper.find(".lqdfill-VFD_OutCurrent")).toHaveLength(1);
});
// it("should render a liquidfill gauge for VFD_OutCurrent", () => {
// expect(wrapper.find(".lqdfill-VFD_OutCurrent")).toHaveLength(1);
// });
it("should render a liquidfill gauge for VFD_SpeedFdbk", () => {
expect(wrapper.find(".lqdfill-VFD_SpeedFdbk")).toHaveLength(1);
});
// it("should render a liquidfill gauge for VFD_SpeedFdbk", () => {
// expect(wrapper.find(".lqdfill-VFD_SpeedFdbk")).toHaveLength(1);
// });
});
// });

4
__tests__/components/Settings.test.js
View File

@@ -50,6 +50,10 @@ describe("Settings", () => {
expect(container.find(".settings")).toHaveLength(1);
});
it("should set the ip address into state", () => {
expect(container.state().ipAddress).toEqual("192.168.1.10");
});
describe("ip address field", () => {
it("should update state when ip address changed", () => {
container.find(".ip-address-field").simulate("change", {target: {value: "1.1.1.1"}});