pin in this

Author: jquense

test/multiselect.browser.jsx

@@ -4,7 +4,8 @@ import { findDOMNode } from 'react-dom';
 
 var React = require('react/addons');
 var Select = require('../src/Multiselect.jsx')
-  , TagList = require('../src/MultiselectTagList.jsx');
+  , TagList = require('../src/MultiselectTagList.jsx')
+  , $t = require('teaspoon');
 
 var TestUtils = React.addons.TestUtils
   , render = TestUtils.renderIntoDocument
@@ -252,27 +253,46 @@ describe('Multiselect', function(){
     expect(input.value).to.be('jim')
   })
 
+  it('should not trigger form submission', function(){
+    let spy;
+    let select = $t(
+      <form action='/' onSubmit={() => { throw new Error('should not submit!') }}>
+        <Select searchTerm="jim" data={dataList} onSearch={()=>{}} onKeyDown={spy = sinon.spy()}/>
+      </form>
+    ).render();
 
-  it('should show create tag correctly', function(){
-    var select = render(<Select searchTerm="custom tag" onCreate={()=>{}} data={dataList} onSearch={()=>{}}/>);
-
-    expect(function err() {
-      findClass(select, 'rw-multiselect-create-tag') }).to.not.throwException()
-
-    select = render(<Select onCreate={()=>{}} data={dataList} onSearch={()=>{}}/>)
-
-    expect(function err() {
-      findClass(select, 'rw-multiselect-create-tag') }).to.throwException()
+    select.find('input')
+      .trigger('keyDown', { key: 'Enter' })
 
-    select = render(<Select searchTerm="custom tag"  data={dataList} onSearch={()=>{}}/>)
-
-    expect(function err() {
-      findClass(select, 'rw-multiselect-create-tag') }).to.throwException()
-
-    select = render(<Select searchTerm="asfasfas tag" data={dataList} onSearch={()=>{}}/>)
+    expect(spy.calledOnce).to.equal(true);
+  })
 
-    expect(function err() {
-      findClass(select, 'rw-multiselect-create-tag') }).to.throwException()
+  it('should show create tag correctly', function(){
+    var select = $t(
+      <Select
+        searchTerm="custom tag"
+        onCreate={()=>{}}
+        data={dataList}
+        onSearch={()=>{}}
+      />
+    );
+
+    // select
+    //   .render()
+    //   .tap(s => s
+    //     .single('.rw-multiselect-create-tag')
+    //   )
+    //   .props('searchTerm', undefined)
+    //   .tap(s => {
+    //     s
+    //     .find('.rw-multiselect-create-tag').length
+    //     .should.equal(0)
+    //   })
+      // .props({searchTerm: 'custom', onCreate: undefined })
+      // .tap(s => s
+      //   .find('.rw-multiselect-create-tag').length
+      //   .should.equal(0)
+      // )
   })
 
   it('should call onCreate', function(){