From 4ef98ec0fe8a99071868141b36f8bdd19e22161b Mon Sep 17 00:00:00 2001
From: Paul Kaplan <pkaplan@media.mit.edu>
Date: Mon, 11 Feb 2019 11:48:18 -0500
Subject: [PATCH] Add unit test to make sure isDiscrete becomes correct step
size
---
test/unit/components/monitor-list.test.jsx | 71 ++++++++++++++++++++++
1 file changed, 71 insertions(+)
create mode 100644 test/unit/components/monitor-list.test.jsx
diff --git a/test/unit/components/monitor-list.test.jsx b/test/unit/components/monitor-list.test.jsx
new file mode 100644
index 000000000..fa955546e
--- /dev/null
+++ b/test/unit/components/monitor-list.test.jsx
@@ -0,0 +1,71 @@
+import React from 'react';
+import {mountWithIntl} from '../../helpers/intl-helpers.jsx';
+import MonitorList from '../../../src/components/monitor-list/monitor-list.jsx';
+import {OrderedMap} from 'immutable';
+import configureStore from 'redux-mock-store';
+import {Provider} from 'react-redux';
+
+describe('MonitorListComponent', () => {
+ const store = configureStore()({scratchGui: {
+ monitorLayout: {
+ monitors: {},
+ savedMonitorPositions: {}
+ },
+ vm: {
+ runtime: {
+ requestUpdateMonitor: () => {},
+ getLabelForOpcode: () => ''
+ }
+ }
+ }});
+ const draggable = false;
+ const onMonitorChange = jest.fn();
+ const stageSize = {
+ width: 100,
+ height: 100,
+ widthDefault: 100,
+ heightDefault: 100
+ };
+
+ let monitors = OrderedMap({});
+
+ // Wrap this in a function so it gets test specific states and can be reused.
+ const getComponent = function () {
+ return (
+ <Provider store={store}>
+ <MonitorList
+ draggable={draggable}
+ monitors={monitors}
+ stageSize={stageSize}
+ onMonitorChange={onMonitorChange}
+ />
+ </Provider>
+ );
+ };
+
+ test('it renders the correct step size for discrete sliders', () => {
+ monitors = OrderedMap({
+ id1: {
+ visible: true,
+ mode: 'slider',
+ isDiscrete: true
+ }
+ });
+ const wrapper = mountWithIntl(getComponent());
+ const input = wrapper.find('input');
+ expect(input.props().step).toBe(1);
+ });
+
+ test('it renders the correct step size for non-discrete sliders', () => {
+ monitors = OrderedMap({
+ id1: {
+ visible: true,
+ mode: 'slider',
+ isDiscrete: false
+ }
+ });
+ const wrapper = mountWithIntl(getComponent());
+ const input = wrapper.find('input');
+ expect(input.props().step).toBe(0.01);
+ });
+});
--
GitLab