1
1
import React from 'react' ;
2
- import { renderIntoDocument } from 'react-addons-test-utils' ;
2
+ import { Simulate , renderIntoDocument } from 'react-addons-test-utils' ;
3
3
import { findDOMNode } from 'react-dom' ;
4
4
import { Provider } from 'react-redux' ;
5
5
import createStore from 'disco/store' ;
@@ -11,11 +11,10 @@ describe('AddonPage', () => {
11
11
stubAddonManager ( ) ;
12
12
} ) ;
13
13
14
- function render ( { props, state} ) {
15
- const store = createStore ( state ) ;
14
+ function render ( ) {
16
15
return findDOMNode ( renderIntoDocument (
17
- < Provider store = { store } key = "provider" >
18
- < DiscoPane { ... props } />
16
+ < Provider store = { createStore ( ) } key = "provider" >
17
+ < DiscoPane />
19
18
</ Provider >
20
19
) ) ;
21
20
}
@@ -24,11 +23,26 @@ describe('AddonPage', () => {
24
23
let root ;
25
24
26
25
beforeEach ( ( ) => {
27
- root = render ( { state : { } , props : { } } ) ;
26
+ root = render ( ) ;
28
27
} ) ;
29
28
30
29
it ( 'renders an addon' , ( ) => {
31
30
assert . ok ( root . querySelector ( '.addon' ) ) ;
32
31
} ) ;
33
32
} ) ;
33
+
34
+ describe ( 'video' , ( ) => {
35
+ it ( 'is small by default' , ( ) => {
36
+ const root = render ( ) ;
37
+ assert . notOk ( root . querySelector ( '.show-video' ) ) ;
38
+ } ) ;
39
+
40
+ it ( 'gets bigger and smaller when clicked' , ( ) => {
41
+ const root = render ( ) ;
42
+ Simulate . click ( root . querySelector ( '.play-video' ) ) ;
43
+ assert . ok ( root . querySelector ( '.show-video' ) ) ;
44
+ Simulate . click ( root . querySelector ( '.close-video a' ) ) ;
45
+ assert . notOk ( root . querySelector ( '.show-video' ) ) ;
46
+ } ) ;
47
+ } ) ;
34
48
} ) ;
0 commit comments