2
2
/*global it, describe, expect, sinon, $*/
3
3
require ( '../vendor/phantomjs-shim' )
4
4
5
+ import ReactDOM from 'react-dom' ;
6
+
5
7
var React = require ( 'react/addons' )
6
8
, Calendar = require ( '../src/Calendar.jsx' )
7
9
, BaseCalendar = require ( '../src/Calendar.jsx' ) . BaseCalendar
@@ -30,7 +32,7 @@ var TestUtils = React.addons.TestUtils
30
32
describe ( 'Calendar' , ( ) => {
31
33
32
34
afterEach ( ( ) => {
33
- config . animate . restore &&
35
+ config . animate . restore &&
34
36
config . animate . restore ( )
35
37
} )
36
38
@@ -39,32 +41,32 @@ describe('Calendar', () => {
39
41
var date = new Date ( )
40
42
, picker = render ( < Calendar defaultValue = { date } initialView = 'year' /> ) ;
41
43
42
- expect ( ( ) =>
44
+ expect ( ( ) =>
43
45
findType ( picker , require ( '../src/Year.jsx' ) ) ) . to . not . throwException ( ) ;
44
46
} )
45
47
46
48
it ( 'should click up through views' , function ( ) {
47
49
var date = new Date ( )
48
50
, picker = render ( < Calendar defaultValue = { date } /> )
49
51
, header = findType ( picker , Header )
50
- , navBtn = findClass ( header , 'rw-btn-view' ) . getDOMNode ( ) ;
52
+ , navBtn = findClass ( header , 'rw-btn-view' ) ;
51
53
52
- expect ( ( ) =>
54
+ expect ( ( ) =>
53
55
findType ( picker , Month ) ) . to . not . throwException ( ) ;
54
56
55
57
trigger . click ( navBtn )
56
58
57
- expect ( ( ) =>
59
+ expect ( ( ) =>
58
60
findType ( picker , Year ) ) . to . not . throwException ( ) ;
59
61
60
62
trigger . click ( navBtn )
61
63
62
- expect ( ( ) =>
64
+ expect ( ( ) =>
63
65
findType ( picker , Decade ) ) . to . not . throwException ( ) ;
64
66
65
67
trigger . click ( navBtn )
66
68
67
- expect ( ( ) =>
69
+ expect ( ( ) =>
68
70
findType ( picker , Century ) ) . to . not . throwException ( ) ;
69
71
70
72
expect ( navBtn . hasAttribute ( 'disabled' ) ) . to . be ( true )
@@ -74,22 +76,22 @@ describe('Calendar', () => {
74
76
var date = new Date ( )
75
77
, picker = render ( < Calendar defaultValue = { date } /> ) ;
76
78
77
- expect ( ( ) =>
79
+ expect ( ( ) =>
78
80
findType ( picker , Month ) ) . to . not . throwException ( ) ;
79
81
80
- trigger . keyDown ( picker . getDOMNode ( ) , { ctrlKey : true , key : 'ArrowUp' } )
82
+ trigger . keyDown ( ReactDOM . findDOMNode ( picker ) , { ctrlKey : true , key : 'ArrowUp' } )
81
83
82
- expect ( ( ) =>
84
+ expect ( ( ) =>
83
85
findType ( picker , Year ) ) . to . not . throwException ( ) ;
84
86
85
- trigger . keyDown ( picker . getDOMNode ( ) , { ctrlKey : true , key : 'ArrowUp' } )
87
+ trigger . keyDown ( ReactDOM . findDOMNode ( picker ) , { ctrlKey : true , key : 'ArrowUp' } )
86
88
87
- expect ( ( ) =>
89
+ expect ( ( ) =>
88
90
findType ( picker , Decade ) ) . to . not . throwException ( ) ;
89
91
90
- trigger . keyDown ( picker . getDOMNode ( ) , { ctrlKey : true , key : 'ArrowUp' } )
92
+ trigger . keyDown ( ReactDOM . findDOMNode ( picker ) , { ctrlKey : true , key : 'ArrowUp' } )
91
93
92
- expect ( ( ) =>
94
+ expect ( ( ) =>
93
95
findType ( picker , Century ) ) . to . not . throwException ( ) ;
94
96
95
97
} )
@@ -98,8 +100,8 @@ describe('Calendar', () => {
98
100
var date = new Date ( 2014 , 5 , 15 , 0 , 0 , 0 )
99
101
, picker = render ( < Calendar defaultValue = { date } /> )
100
102
, header = findType ( picker , Header )
101
- , leftBtn = findClass ( header , 'rw-btn-left' ) . getDOMNode ( )
102
- , navBtn = findClass ( header , 'rw-btn-view' ) . getDOMNode ( ) ;
103
+ , leftBtn = findClass ( header , 'rw-btn-left' )
104
+ , navBtn = findClass ( header , 'rw-btn-view' ) ;
103
105
104
106
syncAnimate ( )
105
107
@@ -127,8 +129,8 @@ describe('Calendar', () => {
127
129
var date = new Date ( 2014 , 5 , 15 , 0 , 0 , 0 )
128
130
, picker = render ( < Calendar defaultValue = { date } max = { new Date ( 2199 , 11 , 31 ) } /> )
129
131
, header = findType ( picker , Header )
130
- , rightBtn = findClass ( header , 'rw-btn-right' ) . getDOMNode ( )
131
- , navBtn = findClass ( header , 'rw-btn-view' ) . getDOMNode ( ) ;
132
+ , rightBtn = findClass ( header , 'rw-btn-right' )
133
+ , navBtn = findClass ( header , 'rw-btn-view' ) ;
132
134
133
135
syncAnimate ( )
134
136
@@ -164,7 +166,7 @@ describe('Calendar', () => {
164
166
expect ( ( ) => footer = findType ( picker , Footer ) )
165
167
. to . not . throwException ( )
166
168
167
- expect ( $ ( footer . getDOMNode ( ) ) . text ( ) )
169
+ expect ( $ ( ReactDOM . findDOMNode ( footer ) ) . text ( ) )
168
170
. to . equal (
169
171
globalize . format ( new Date , 'D' ) )
170
172
} )
@@ -179,7 +181,7 @@ describe('Calendar', () => {
179
181
var picker = render ( < BaseCalendar footer footerFormat = { formatter } culture = 'en' /> )
180
182
, footer = findType ( picker , Footer ) ;
181
183
182
- expect ( $ ( footer . getDOMNode ( ) ) . text ( ) )
184
+ expect ( $ ( ReactDOM . findDOMNode ( footer ) ) . text ( ) )
183
185
. to . equal ( 'test' )
184
186
185
187
expect ( formatter . calledOnce ) . to . be . ok ( )
@@ -190,7 +192,7 @@ describe('Calendar', () => {
190
192
, footer = findType ( picker , Footer ) ;
191
193
192
194
trigger . click (
193
- findClass ( footer , 'rw-btn' ) . getDOMNode ( ) )
195
+ findClass ( footer , 'rw-btn' ) )
194
196
195
197
expect (
196
198
dates . eq ( picker . state . currentDate , new Date ( ) , 'day' ) )
@@ -201,8 +203,8 @@ describe('Calendar', () => {
201
203
var date = new Date ( 2014 , 5 , 15 )
202
204
, picker = render ( < BaseCalendar value = { date } max = { new Date ( 2014 , 5 , 25 ) } min = { new Date ( 2014 , 5 , 5 ) } onChange = { ( ) => { } } /> )
203
205
, header = findType ( picker , Header )
204
- , rightBtn = findClass ( header , 'rw-btn-right' ) . getDOMNode ( )
205
- , leftBtn = findClass ( header , 'rw-btn-left' ) . getDOMNode ( ) ;
206
+ , rightBtn = findClass ( header , 'rw-btn-right' )
207
+ , leftBtn = findClass ( header , 'rw-btn-left' ) ;
206
208
207
209
trigger . click ( rightBtn )
208
210
@@ -219,50 +221,49 @@ describe('Calendar', () => {
219
221
220
222
var date = new Date ( 2014 , 5 , 15 )
221
223
, picker = render ( < BaseCalendar value = { date } culture = 'es' onChange = { ( ) => { } } /> )
222
- , headerBtn = findClass ( picker , 'rw-btn-view' ) . getDOMNode ( )
223
- , head = findTag ( picker , 'thead' ) . getDOMNode ( ) ;
224
-
224
+ , headerBtn = findClass ( picker , 'rw-btn-view' )
225
+ , head = findTag ( picker , 'thead' ) ;
226
+
225
227
syncAnimate ( )
226
228
227
229
expect ( $ ( headerBtn ) . text ( ) ) . to . equal ( 'junio 2014' )
228
230
expect ( $ ( head . children [ 0 ] . firstChild ) . text ( ) ) . to . equal ( 'lu' )
229
231
230
- picker . setProps ( { initialView : 'year' } )
232
+ picker = render ( < BaseCalendar initialView = 'year' value = { date } culture = 'es' onChange = { ( ) => { } } /> )
231
233
232
- expect ( $ ( findTag ( picker , 'tbody' ) . getDOMNode ( ) . children [ 0 ] . firstChild ) . text ( ) )
234
+ expect ( $ ( findTag ( picker , 'tbody' ) . children [ 0 ] . firstChild ) . text ( ) )
233
235
. to . equal ( 'ene' )
234
236
} )
235
237
236
238
it ( 'should pass on format' , function ( ) {
237
239
var date = new Date ( 2014 , 5 , 15 )
238
- , first = ( ) => $ ( calendar . getDOMNode ( ) ) . find ( 'td:first' )
239
240
, formats = transform (
240
241
[ 'dayFormat' , 'dateFormat' , 'monthFormat' , 'yearFormat' , 'decadeFormat' ]
241
242
, ( o , v ) => o [ v ] = v )
242
243
, calendar ;
243
-
244
+
244
245
syncAnimate ( )
245
246
246
247
calendar = render ( < BaseCalendar { ...formats } value = { date } onChange = { ( ) => { } } /> )
247
248
248
249
expect ( findType ( calendar , Month ) . props . dayFormat ) . to . equal ( 'dayFormat' )
249
250
expect ( findType ( calendar , Month ) . props . dateFormat ) . to . equal ( 'dateFormat' )
250
251
251
- calendar . setProps ( { initialView : 'year' } )
252
+ calendar = render ( < BaseCalendar { ... formats } initialView = 'year' value = { date } onChange = { ( ) => { } } /> )
252
253
253
254
expect ( findType ( calendar , Year ) . props . monthFormat ) . to . equal ( 'monthFormat' )
254
255
255
- calendar . setProps ( { initialView : 'decade' } )
256
+ calendar = render ( < BaseCalendar { ... formats } initialView = 'decade' value = { date } onChange = { ( ) => { } } /> )
256
257
257
258
expect ( findType ( calendar , Decade ) . props . yearFormat ) . to . equal ( 'yearFormat' )
258
259
259
- calendar . setProps ( { initialView : 'century' } )
260
+ calendar = render ( < BaseCalendar { ... formats } initialView = 'century' value = { date } onChange = { ( ) => { } } /> )
260
261
261
262
expect ( findType ( calendar , Century ) . props . decadeFormat ) . to . equal ( 'decadeFormat' )
262
263
} )
263
264
264
265
describe ( 'Date Helpers' , ( ) => {
265
-
266
+
266
267
it ( 'should move to the proper day' , function ( ) {
267
268
var date = new Date ( 2014 , 0 , 16 , 0 , 0 , 0 )
268
269
, min , max ;
0 commit comments