text: export default {
  	props: {
  		things: [
  			'one',
  			'two',
  			'three'
  		]
  	},
  
  	test({ assert, component, target, raf, flush }) {
  		const { things } = component;
  
  		component.things = [];
  		flush();
  		const spans = target.querySelectorAll('span');
  
  		raf.tick(25);
  		assert.equal(spans[0].foo, 0.75);
  		assert.equal(spans[1].foo, undefined);
  		assert.equal(spans[2].foo, undefined);
  
  		raf.tick(125);
  		assert.equal(spans[0].foo, 0);
  		assert.equal(spans[1].foo, 0.25);
  		assert.equal(spans[2].foo, 0.75);
  
  		component.things = things;
  		flush();
  		raf.tick(225);
  
  		assert.htmlEqual(target.innerHTML, `
  			<span>one</span>
  			<span>two</span>
  			<span>three</span>
  		`);
  
  		assert.equal(spans[0].foo, 1);
  		assert.equal(spans[1].foo, 1);
  		assert.equal(spans[2].foo, 1);
  	}
  };
  