1 files changed, 80 insertions, 0 deletions
diff --git a/third_party/webkit/PerformanceTests/Speedometer/resources/todomvc/architecture-examples/react-redux/src/components/TodoTextInput.spec.js b/third_party/webkit/PerformanceTests/Speedometer/resources/todomvc/architecture-examples/react-redux/src/components/TodoTextInput.spec.js
new file mode 100644
index 0000000000..efca79a908
--- /dev/null
+++ b/third_party/webkit/PerformanceTests/Speedometer/resources/todomvc/architecture-examples/react-redux/src/components/TodoTextInput.spec.js
@@ -0,0 +1,80 @@
+import React from 'react'
+import TestUtils from 'react-addons-test-utils'
+import TodoTextInput from './TodoTextInput'
+
+const setup = propOverrides => {
+  const props = Object.assign({
+    onSave: jest.fn(),
+    text: 'Use Redux',
+    placeholder: 'What needs to be done?',
+    editing: false,
+    newTodo: false
+  }, propOverrides)
+
+  const renderer = TestUtils.createRenderer()
+
+  renderer.render(
+    <TodoTextInput {...props} />
+  )
+
+  const output = renderer.getRenderOutput()
+
+  return {
+    props: props,
+    output: output,
+    renderer: renderer
+  }
+}
+
+describe('components', () => {
+  describe('TodoTextInput', () => {
+    it('should render correctly', () => {
+      const { output } = setup()
+      expect(output.props.placeholder).toEqual('What needs to be done?')
+      expect(output.props.value).toEqual('Use Redux')
+      expect(output.props.className).toEqual('')
+    })
+
+    it('should render correctly when editing=true', () => {
+      const { output } = setup({ editing: true })
+      expect(output.props.className).toEqual('edit')
+    })
+
+    it('should render correctly when newTodo=true', () => {
+      const { output } = setup({ newTodo: true })
+      expect(output.props.className).toEqual('new-todo')
+    })
+
+    it('should update value on change', () => {
+      const { output, renderer } = setup()
+      output.props.onChange({ target: { value: 'Use Radox' } })
+      const updated = renderer.getRenderOutput()
+      expect(updated.props.value).toEqual('Use Radox')
+    })
+
+    it('should call onSave on return key press', () => {
+      const { output, props } = setup()
+      output.props.onKeyDown({ which: 13, target: { value: 'Use Redux' } })
+      expect(props.onSave).toBeCalledWith('Use Redux')
+    })
+
+    it('should reset state on return key press if newTodo', () => {
+      const { output, renderer } = setup({ newTodo: true })
+      output.props.onKeyDown({ which: 13, target: { value: 'Use Redux' } })
+      const updated = renderer.getRenderOutput()
+      expect(updated.props.value).toEqual('')
+    })
+
+    it('should call onSave on blur', () => {
+      const { output, props } = setup()
+      output.props.onBlur({ target: { value: 'Use Redux' } })
+      expect(props.onSave).toBeCalledWith('Use Redux')
+    })
+
+    it('shouldnt call onSave on blur if newTodo', () => {
+      const { output, props } = setup({ newTodo: true })
+      output.props.onBlur({ target: { value: 'Use Redux' } })
+      expect(props.onSave).not.toBeCalled()
+    })
+  })
+})