File tree Expand file tree Collapse file tree
Expand file tree Collapse file tree Original file line number Diff line number Diff line change @@ -115,6 +115,30 @@ suite('aframe-react', () => {
115115 } ) ;
116116 } ) ;
117117
118+ test ( 'renders entity wrapped in React component' , done => {
119+ class Camera extends React . Component {
120+ render ( ) {
121+ return (
122+ < Entity id = 'cameraContainer' >
123+ < Entity id = 'camera' camera >
124+ < Entity id = 'cursor'
125+ cursor = { { fuse : true , fuseTimeout : 3000 } }
126+ raycaster = { { objects : '.foo' } }
127+ geometry = { { primitive : 'plane' } } />
128+ </ Entity >
129+ </ Entity >
130+ ) ;
131+ }
132+ }
133+ ReactDOM . render ( < Scene > < Camera /> </ Scene > , div ) ;
134+ div . querySelector ( 'a-scene' ) . addEventListener ( 'loaded' , ( ) => {
135+ assert . ok ( div . querySelector ( '#camera' ) . getAttribute ( 'camera' ) , 'Has camera' ) ;
136+ assert . ok ( div . querySelector ( '#cursor' ) . getAttribute ( 'cursor' ) , 'Has cursor' ) ;
137+ assert . ok ( div . querySelector ( '#cursor' ) . getAttribute ( 'raycaster' ) , 'Has raycaster' ) ;
138+ done ( ) ;
139+ } ) ;
140+ } ) ;
141+
118142 test ( 'does not flush props to DOM' , done => {
119143 ReactDOM . render ( < Scene > < Entity position = { { x : 1 , y : 2 , z : 3 } } /> </ Scene > , div ) ;
120144 div . querySelector ( 'a-scene' ) . addEventListener ( 'loaded' , ( ) => {
You can’t perform that action at this time.
0 commit comments