From 58094faa12f8440083ea8a4c0aee0761470ee45b Mon Sep 17 00:00:00 2001
From: Peter Holmberg <peter.hlmbrg@gmail.com>
Date: Tue, 15 Jan 2019 17:31:42 +0000
Subject: [PATCH] test and minor fix on mapping row

---
 .../components/FormGroup/FormGroup.test.tsx   | 26 +++++++++++++++++++
 .../__snapshots__/FormGroup.test.tsx.snap     | 19 ++++++++++++++
 2 files changed, 45 insertions(+)
 create mode 100644 packages/grafana-ui/src/components/FormGroup/FormGroup.test.tsx
 create mode 100644 packages/grafana-ui/src/components/FormGroup/__snapshots__/FormGroup.test.tsx.snap

diff --git a/packages/grafana-ui/src/components/FormGroup/FormGroup.test.tsx b/packages/grafana-ui/src/components/FormGroup/FormGroup.test.tsx
new file mode 100644
index 00000000000..4f8b4be9540
--- /dev/null
+++ b/packages/grafana-ui/src/components/FormGroup/FormGroup.test.tsx
@@ -0,0 +1,26 @@
+import React from 'react';
+import { shallow } from 'enzyme';
+import { FormGroup, Props } from './FormGroup';
+
+const setup = (propOverrides?: object) => {
+  const props: Props = {
+    label: 'Test',
+    labelWidth: 11,
+    inputProps: {
+      value: 10,
+      onChange: jest.fn(),
+    },
+  };
+
+  Object.assign(props, propOverrides);
+
+  return shallow(<FormGroup {...props} />);
+};
+
+describe('Render', () => {
+  it('should render component', () => {
+    const wrapper = setup();
+
+    expect(wrapper).toMatchSnapshot();
+  });
+});
diff --git a/packages/grafana-ui/src/components/FormGroup/__snapshots__/FormGroup.test.tsx.snap b/packages/grafana-ui/src/components/FormGroup/__snapshots__/FormGroup.test.tsx.snap
new file mode 100644
index 00000000000..e88ff774981
--- /dev/null
+++ b/packages/grafana-ui/src/components/FormGroup/__snapshots__/FormGroup.test.tsx.snap
@@ -0,0 +1,19 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Render should render component 1`] = `
+<div
+  className="gf-form"
+>
+  <Component
+    width={11}
+  >
+    Test
+  </Component>
+  <input
+    className="gf-form-input width-12"
+    onChange={[MockFunction]}
+    type="text"
+    value={10}
+  />
+</div>
+`;