export default { props : { things : [ 'a' , 'b' , 'c' ] } , test ( { assert , component , target , raf } ) { component . things = [ ] ; let div = target . querySelector ( 'div' ) ; assert . equal ( div . foo , 0 ) ; raf . tick ( 200 ) ; assert . equal ( div . foo , 0.5 ) ; raf . tick ( 300 ) ; assert . equal ( div . foo , 0.75 ) ; raf . tick ( 400 ) ; assert . equal ( div . foo , 1 ) ; raf . tick ( 600 ) ; component . things = [ 'a' , 'b' , 'c' ] ; raf . tick ( 700 ) ; assert . equal ( div . foo , 1 ) ; assert . equal ( div . bar , 0.75 ) ; raf . tick ( 800 ) ; assert . equal ( div . foo , 1 ) ; assert . equal ( div . bar , 0.5 ) ; raf . tick ( 900 ) ; assert . equal ( div . foo , 1 ) ; assert . equal ( div . bar , 0.25 ) ; raf . tick ( 1000 ) ; component . things = [ ] ; div = target . querySelector ( 'div' ) ; raf . tick ( 1200 ) ; assert . equal ( div . foo , 0.5 ) ; component . things = [ 'a' , 'b' , 'c' ] ; raf . tick ( 1300 ) ; assert . equal ( div . foo , 0.75 ) ; assert . equal ( div . bar , 0.75 ) ; raf . tick ( 1400 ) ; assert . equal ( div . foo , 1 ) ; assert . equal ( div . bar , 0.5 ) ; raf . tick ( 2000 ) ; } } ;