Add tests for Support component

1 files changed, 70 insertions, 0 deletions

diff --git a/test/components/Support.spec.js b/test/components/Support.spec.js
new file mode 100644
index 0000000000..bcd871855b
--- /dev/null
+++ b/test/components/Support.spec.js
@@ -0,0 +1,70 @@
+// @flow
+
+import { expect } from 'chai';
+import React from 'react';
+import ReactTestUtils, { Simulate } from 'react-dom/test-utils';
+import Support from '../../app/components/Support';
+
+import type { SupportProps } from '../../app/components/Support';
+
+describe('components/Support', () => {
+
+  const makeProps = (mergeProps: $Shape<SupportProps> = {}): SupportProps => {
+    const defaultProps: SupportProps = {
+      onClose: () => {},
+      onViewLogs: () => {},
+      onSend: (_report) => {}
+    };
+    return Object.assign({}, defaultProps, mergeProps);
+  };
+
+  const render = (props: SupportProps): Support => {
+    return ReactTestUtils.renderIntoDocument(
+      <Support { ...props } />
+    );
+  };
+
+  it('should call close callback', (done) => {
+    const props = makeProps({
+      onClose: () => done()
+    });
+    const domNode = ReactTestUtils.findRenderedDOMComponentWithClass(render(props), 'support__close');
+    Simulate.click(domNode);
+  });
+
+  it('should call view logs callback', (done) => {
+    const props = makeProps({
+      onViewLogs: () => done()
+    });
+    const domNode = ReactTestUtils.findRenderedDOMComponentWithClass(render(props), 'support__form-view-logs');
+    Simulate.click(domNode);
+  });
+
+  it('should call send callback when description filled in', (done) => {
+    const props = makeProps({
+      onSend: (_report) => done()
+    });
+
+    const component = render(props);
+
+    const descriptionField = ReactTestUtils.findRenderedDOMComponentWithClass(component, 'support__form-description');
+    descriptionField.value = 'Lorem Ipsum';
+    Simulate.change(descriptionField);
+
+    const sendButton = ReactTestUtils.findRenderedDOMComponentWithClass(component, 'support__form-send');
+    expect(sendButton.disabled).to.be.false;
+    Simulate.click(sendButton);
+  });
+
+  it('should not call send callback when description is empty', () => {
+    const component = render(makeProps());
+
+    const descriptionField = ReactTestUtils.findRenderedDOMComponentWithClass(component, 'support__form-description');
+    descriptionField.value = '';
+    Simulate.change(descriptionField);
+
+    const sendButton = ReactTestUtils.findRenderedDOMComponentWithClass(component, 'support__form-send');
+    expect(sendButton.disabled).to.be.true;
+  });
+
+});