From 4009b9c7d7b272301778955cc7bdd5a27ba4fcd3 Mon Sep 17 00:00:00 2001
From: Jerko Steiner <jerko.steiner@gmail.com>
Date: Sat, 17 Jun 2017 10:56:05 -0400
Subject: [PATCH] Add Input-test.js

---
 src/client/components/Input.js                |  2 +-
 src/client/components/__tests__/Input-test.js | 61 +++++++++++++++++++
 2 files changed, 62 insertions(+), 1 deletion(-)
 create mode 100644 src/client/components/__tests__/Input-test.js

diff --git a/src/client/components/Input.js b/src/client/components/Input.js
index 57318ac..7abe9f1 100644
--- a/src/client/components/Input.js
+++ b/src/client/components/Input.js
@@ -38,7 +38,7 @@ export default class Input extends React.Component {
       <form className="input" onSubmit={this.handleSubmit}>
         <input
           onChange={this.handleChange}
-          onKeyPress={this.onKeyPress}
+          onKeyPress={this.handleKeyPress}
           placeholder="Enter your message..."
           type="text"
           value={message}
diff --git a/src/client/components/__tests__/Input-test.js b/src/client/components/__tests__/Input-test.js
new file mode 100644
index 0000000..6e2cc00
--- /dev/null
+++ b/src/client/components/__tests__/Input-test.js
@@ -0,0 +1,61 @@
+jest.mock('../../callId.js')
+jest.mock('../../iceServers.js')
+jest.mock('../../peer/peers.js')
+
+import Input from '../Input.js'
+import React from 'react'
+import ReactDOM from 'react-dom'
+import TestUtils from 'react-dom/test-utils'
+import peers from '../../peer/peers.js'
+
+describe('components/Input', () => {
+
+  let component, node, notify
+  function render () {
+    notify = jest.fn()
+    component = TestUtils.renderIntoDocument(
+      <Input
+        notify={notify}
+      />
+    )
+    node = ReactDOM.findDOMNode(component)
+  }
+  let message = 'test message'
+
+  beforeEach(() => render())
+
+  describe('send message', () => {
+
+    let input
+    beforeEach(() => {
+      peers.message.mockClear()
+      input = node.querySelector('input')
+      TestUtils.Simulate.change(input, {
+        target: { value: message }
+      })
+      expect(input.value).toBe(message)
+    })
+
+    describe('handleSubmit', () => {
+      it('sends a message', () => {
+        TestUtils.Simulate.submit(node)
+        expect(input.value).toBe('')
+        expect(peers.message.mock.calls).toEqual([[ message ]])
+        expect(notify.mock.calls).toEqual([[ `You: ${message}` ]])
+      })
+    })
+
+    describe('handleKeyPress', () => {
+      it('sends a message', () => {
+        TestUtils.Simulate.keyPress(input, {
+          key: 'Enter'
+        })
+        expect(input.value).toBe('')
+        expect(peers.message.mock.calls).toEqual([[ message ]])
+        expect(notify.mock.calls).toEqual([[ `You: ${message}` ]])
+      })
+    })
+
+  })
+
+})