export default { html : `
		<p style="color: red; width: 65px; font-weight: 700;"></p>
	` , test ( { assert , component , target , window } ) { const p = target . querySelector ( 'p' ) ; let styles = window . getComputedStyle ( p ) ; assert . equal ( styles . color , 'red' ) ; component . myColor = 'pink' ; component . width = '100vh' ; component . absolute = true ; component . bold = false ; styles = window . getComputedStyle ( p ) ; assert . htmlEqual ( target . innerHTML , '<p style="color: pink; width: 100vh; font-weight: 100; position: absolute;"></p>' ) ; assert . equal ( styles . color , 'pink' ) ; assert . equal ( styles . width , '100vh' ) ; assert . equal ( styles . fontWeight , '100' ) ; assert . equal ( styles . position , 'absolute' ) ; } } ;