react-period-of-stay-input
Advanced tools
Comparing version 2.0.0 to 3.0.0
@@ -30,3 +30,3 @@ (function () { | ||
React.renderComponent(Container(), global.document.body); | ||
React.renderComponent(React.createElement(Container), global.document.body); | ||
}()); |
{ | ||
"name": "react-period-of-stay-input", | ||
"version": "2.0.0", | ||
"version": "3.0.0", | ||
"description": "React.js component for entering a period of stay in a hotel: check-in + check-out date", | ||
@@ -43,12 +43,13 @@ "main": "index.js", | ||
"moment": "^2.8.3", | ||
"react": "^0.11.2" | ||
"react": "^0.12.0" | ||
}, | ||
"devDependencies": { | ||
"uglify-js": "^2.4.15", | ||
"browserify": "^6.3.2", | ||
"jsdom": "^1.2.1", | ||
"jsdom-test-browser": "^2.0.0", | ||
"jshint": "^2.5.6", | ||
"mocha": "^1.21.4", | ||
"jshint": "^2.5.6", | ||
"sinon": "^1.10.3", | ||
"jsdom": "^1.0.0-pre.7", | ||
"browserify": "^5.12.0" | ||
"uglify-js": "^2.4.15" | ||
} | ||
} |
@@ -45,3 +45,3 @@ (function () { | ||
DateInput({ | ||
React.createElement(DateInput, { | ||
ref: 'checkIn', | ||
@@ -61,3 +61,3 @@ value: m.checkInDate, | ||
DateInput({ | ||
React.createElement(DateInput, { | ||
ref: 'checkOut', | ||
@@ -64,0 +64,0 @@ value: m.checkOutDate, |
@@ -6,24 +6,9 @@ describe('DateInput instance', function () { | ||
sinon = require('sinon'), | ||
jsdom = require('jsdom'), | ||
bro = require('jsdom-test-browser'), | ||
React = require('react'), | ||
TestUtils = require('react/addons').addons.TestUtils, | ||
DateInput = require('../src/DateInput'), | ||
DateInput = require('../src/DateInput'); | ||
$; | ||
before(function (done) { bro.jQueryify(done); }); | ||
this.timeout(8000); | ||
beforeEach(function (done) { | ||
global.document = jsdom.jsdom('<html><body></body></html>', jsdom.level(1, 'core')); | ||
global.window = global.document.parentWindow; | ||
jsdom.jQueryify(global.window, 'http://code.jquery.com/jquery-1.11.0.min.js', function () { | ||
$ = global.window.$; | ||
done(); | ||
}); | ||
}); | ||
afterEach(function () { | ||
global.window.close(); | ||
}); | ||
describe('HTML', function () { | ||
@@ -33,3 +18,5 @@ var element; | ||
beforeEach(function () { | ||
element = TestUtils.renderIntoDocument(DateInput({value: '2014-09-29'})).getDOMNode(); | ||
element = TestUtils.renderIntoDocument( | ||
React.createElement(DateInput, {value: '2014-09-29'}) | ||
).getDOMNode(); | ||
}); | ||
@@ -50,3 +37,3 @@ | ||
it('has no error class', function () { | ||
assert(!$(element).hasClass('error')); | ||
assert(!bro.$(element).hasClass('error')); | ||
}); | ||
@@ -63,3 +50,4 @@ }); | ||
component = TestUtils.renderIntoDocument( | ||
DateInput({value: '2014-09-29', onChange: onChange})); | ||
React.createElement(DateInput, {value: '2014-09-29', onChange: onChange}) | ||
); | ||
@@ -74,3 +62,3 @@ TestUtils.Simulate.change(component.getDOMNode(), {target: {value: '2014-09-2'}}); | ||
it('gets rendered', function () { | ||
assert.strictEqual($(component.getDOMNode()).val(), '2014-09-2'); | ||
assert.strictEqual(bro.$(component.getDOMNode()).val(), '2014-09-2'); | ||
}); | ||
@@ -83,3 +71,3 @@ | ||
it('sets the error class', function () { | ||
assert($(component.getDOMNode()).hasClass('error')); | ||
assert(bro.$(component.getDOMNode()).hasClass('error')); | ||
}); | ||
@@ -86,0 +74,0 @@ |
@@ -5,4 +5,7 @@ describe('index (public API)', function () { | ||
var assert = require('assert'), | ||
bro = require('jsdom-test-browser'), | ||
api = require('../index'); | ||
assert(bro); | ||
it('provides the React class', function () { | ||
@@ -9,0 +12,0 @@ assert.strictEqual(typeof api.Klass, 'function'); |
@@ -6,26 +6,11 @@ describe('PeriodOfStayInput', function () { | ||
sinon = require('sinon'), | ||
jsdom = require('jsdom'), | ||
bro = require('jsdom-test-browser'), | ||
React = require('react'), | ||
TestUtils = require('react/addons').addons.TestUtils, | ||
PeriodOfStayInput = require('../src/PeriodOfStayInput'), | ||
Environment = require('../src/Environment'), | ||
Model = require('../src/Model'), | ||
Model = require('../src/Model'); | ||
$; | ||
before(function (done) { bro.jQueryify(done); }); | ||
this.timeout(8000); | ||
beforeEach(function (done) { | ||
global.document = jsdom.jsdom('<html><body></body></html>', jsdom.level(1, 'core')); | ||
global.window = global.document.parentWindow; | ||
jsdom.jQueryify(global.window, 'http://code.jquery.com/jquery-1.11.0.min.js', function () { | ||
$ = global.window.$; | ||
done(); | ||
}); | ||
}); | ||
afterEach(function () { | ||
global.window.close(); | ||
}); | ||
['environment', 'model', 'onChange'].forEach(function (p) { | ||
@@ -49,11 +34,13 @@ it('declares the ' + p + ' property', function () { | ||
beforeEach(function () { | ||
component = TestUtils.renderIntoDocument(PeriodOfStayInput(props())); | ||
component = TestUtils.renderIntoDocument( | ||
React.createElement(PeriodOfStayInput, props()) | ||
); | ||
}); | ||
it('has the root element\'s static class assigned', function () { | ||
assert($(component.getDOMNode()).hasClass('period-of-stay-input')); | ||
assert(bro.$(component.getDOMNode()).hasClass('period-of-stay-input')); | ||
}); | ||
it('has the root element\'s configurable class assigned', function () { | ||
assert($(component.getDOMNode()).hasClass('ad-hoc')); | ||
assert(bro.$(component.getDOMNode()).hasClass('ad-hoc')); | ||
}); | ||
@@ -63,3 +50,3 @@ | ||
assert.strictEqual( | ||
$('.period-of-stay-check-in input', component.getDOMNode()).attr('type'), | ||
bro.$('.period-of-stay-check-in input', component.getDOMNode()).attr('type'), | ||
'date' | ||
@@ -71,3 +58,3 @@ ); | ||
assert.strictEqual( | ||
$('.period-of-stay-check-in input', component.getDOMNode()).attr('data-reactid'), | ||
bro.$('.period-of-stay-check-in input', component.getDOMNode()).attr('data-reactid'), | ||
component.refs.checkIn.getDOMNode().getAttribute('data-reactid') | ||
@@ -79,3 +66,3 @@ ); | ||
assert.strictEqual( | ||
$('.period-of-stay-check-out input', component.getDOMNode()).attr('type'), | ||
bro.$('.period-of-stay-check-out input', component.getDOMNode()).attr('type'), | ||
'date' | ||
@@ -87,3 +74,3 @@ ); | ||
assert.strictEqual( | ||
$('.period-of-stay-check-out input', component.getDOMNode()).attr('data-reactid'), | ||
bro.$('.period-of-stay-check-out input', component.getDOMNode()).attr('data-reactid'), | ||
component.refs.checkOut.getDOMNode().getAttribute('data-reactid') | ||
@@ -94,3 +81,3 @@ ); | ||
it('contains the nights count span', function () { | ||
assert.strictEqual($('span.period-of-stay-nights', component.getDOMNode()).size(), 1); | ||
assert.strictEqual(bro.$('span.period-of-stay-nights', component.getDOMNode()).size(), 1); | ||
}); | ||
@@ -109,3 +96,3 @@ | ||
assert.strictEqual( | ||
$('span.period-of-stay-nights', component.getDOMNode()).text(), '1 night'); | ||
bro.$('span.period-of-stay-nights', component.getDOMNode()).text(), '1 night'); | ||
}); | ||
@@ -126,3 +113,5 @@ }); | ||
beforeEach(function () { | ||
component = TestUtils.renderIntoDocument(PeriodOfStayInput(props())); | ||
component = TestUtils.renderIntoDocument( | ||
React.createElement(PeriodOfStayInput, props()) | ||
); | ||
}); | ||
@@ -132,3 +121,3 @@ | ||
assert.strictEqual( | ||
$('span.period-of-stay-nights', component.getDOMNode()).text(), 'Single day'); | ||
bro.$('span.period-of-stay-nights', component.getDOMNode()).text(), 'Single day'); | ||
}); | ||
@@ -148,3 +137,5 @@ }); | ||
beforeEach(function () { | ||
component = TestUtils.renderIntoDocument(PeriodOfStayInput(props())); | ||
component = TestUtils.renderIntoDocument( | ||
React.createElement(PeriodOfStayInput, props()) | ||
); | ||
}); | ||
@@ -154,3 +145,3 @@ | ||
assert.strictEqual( | ||
$('span.period-of-stay-nights', component.getDOMNode()).text(), '2 nights'); | ||
bro.$('span.period-of-stay-nights', component.getDOMNode()).text(), '2 nights'); | ||
}); | ||
@@ -178,7 +169,9 @@ }); | ||
beforeEach(function () { | ||
component = TestUtils.renderIntoDocument(PeriodOfStayInput({ | ||
model: model, | ||
environment: environment, | ||
onChange: onChange | ||
})); | ||
component = TestUtils.renderIntoDocument( | ||
React.createElement(PeriodOfStayInput, { | ||
model: model, | ||
environment: environment, | ||
onChange: onChange | ||
}) | ||
); | ||
}); | ||
@@ -185,0 +178,0 @@ |
Sorry, the diff of this file is not supported yet
113520
7
722
+ Addedacorn@5.7.4(transitive)
+ Addedast-types@0.9.6(transitive)
+ Addedbalanced-match@1.0.2(transitive)
+ Addedbase62@1.2.8(transitive)
+ Addedbrace-expansion@1.1.11(transitive)
+ Addedcommander@2.20.3(transitive)
+ Addedcommoner@0.10.8(transitive)
+ Addedconcat-map@0.0.1(transitive)
+ Addeddefined@1.0.1(transitive)
+ Addeddetective@4.7.1(transitive)
+ Addedenvify@3.4.1(transitive)
+ Addedesprima@3.1.3(transitive)
+ Addedesprima-fb@15001.1.0-dev-harmony-fb(transitive)
+ Addedglob@5.0.15(transitive)
+ Addedgraceful-fs@4.2.11(transitive)
+ Addediconv-lite@0.4.24(transitive)
+ Addedinflight@1.0.6(transitive)
+ Addedinherits@2.0.4(transitive)
+ Addedjstransform@11.0.3(transitive)
+ Addedminimatch@3.1.2(transitive)
+ Addedminimist@1.2.8(transitive)
+ Addedmkdirp@0.5.6(transitive)
+ Addedobject-assign@2.1.1(transitive)
+ Addedonce@1.4.0(transitive)
+ Addedpath-is-absolute@1.0.1(transitive)
+ Addedprivate@0.1.8(transitive)
+ Addedq@1.5.1(transitive)
+ Addedreact@0.12.2(transitive)
+ Addedrecast@0.11.23(transitive)
+ Addedsafer-buffer@2.1.2(transitive)
+ Addedsource-map@0.4.40.5.7(transitive)
+ Addedwrappy@1.0.2(transitive)
- Removedbase62@0.1.1(transitive)
- Removedenvify@2.0.1(transitive)
- Removedesprima-fb@3001.1.0-dev-harmony-fb(transitive)
- Removedjstransform@3.0.0(transitive)
- Removedobject-keys@0.4.0(transitive)
- Removedreact@0.11.2(transitive)
- Removedsource-map@0.1.31(transitive)
- Removedxtend@2.1.2(transitive)
Updatedreact@^0.12.0