export default { html : `<div>foo</div><div>bar</div><div>baz</div>
	<span>foo</span><span>bar</span><span>baz</span>
	<ul><li><p>foo</p></li><li><p>bar</p></li><li><p>baz</p></li></ul>
	<ul><li><hr /></li><li><hr /></li><li><hr /></li></ul>` , test ( { assert , component , target } ) { let elems = target . querySelectorAll ( 'div' ) ; assert . equal ( component . divs . length , 3 , 'three divs are registered (unkeyed array)' ) ; component . divs . forEach ( ( e , i ) => { assert . equal ( e , elems [ i ] , `div ${ i } is correct (unkeyed array)` ) ; } ) ; elems = target . querySelectorAll ( 'span' ) ; assert . equal ( Object . keys ( component . spans ) . length , 3 , 'three spans are registered (unkeyed object)' ) ; component . items . forEach ( ( e , i ) => { assert . equal ( component . spans [ `-${ e }${ i }` ] , elems [ i ] , `span -${ e }${ i } is correct (unkeyed object)` ) ; } ) ; elems = target . querySelectorAll ( 'p' ) ; assert . equal ( component . ps . length , 3 , 'three ps are registered (keyed array)' ) ; component . ps . forEach ( ( e , i ) => { assert . equal ( e , elems [ i ] , `p ${ i } is correct (keyed array)` ) ; } ) ; elems = target . querySelectorAll ( 'hr' ) ; assert . equal ( Object . keys ( component . hrs ) . length , 3 , 'three hrs are registered (keyed object)' ) ; component . items . forEach ( ( e , i ) => { assert . equal ( component . hrs [ e ] , elems [ i ] , `hr ${ e } is correct (keyed object)` ) ; } ) ; component . items = [ 'foo' , 'baz' ] ; assert . equal ( component . divs . length , 3 , 'the divs array is still 3 long' ) ; assert . equal ( component . divs [ 2 ] , null , 'the last div is unregistered' ) ; assert . equal ( component . ps [ 2 ] , null , 'the last p is unregistered' ) ; assert . equal ( component . spans [ '-bar1' ] , null , 'the bar span is unregisterd' ) ; assert . equal ( component . hrs . bar , null , 'the bar hr is unregisterd' ) ; elems = target . querySelectorAll ( 'div' ) ; component . divs . forEach ( ( e , i ) => { assert . equal ( e , elems [ i ] , `div ${ i } is still correct` ) ; } ) ; elems = target . querySelectorAll ( 'span' ) ; component . items . forEach ( ( e , i ) => { assert . equal ( component . spans [ `-${ e }${ i }` ] , elems [ i ] , `span -${ e }${ i } is still correct` ) ; } ) ; elems = target . querySelectorAll ( 'p' ) ; component . ps . forEach ( ( e , i ) => { assert . equal ( e , elems [ i ] , `p ${ i } is still correct` ) ; } ) ; elems = target . querySelectorAll ( 'hr' ) ; component . items . forEach ( ( e , i ) => { assert . equal ( component . hrs [ e ] , elems [ i ] , `hr ${ e } is still correct` ) ; } ) ; } } ;