v1
- by h-k 7/8/202200
Setup HTML - click to add setup HTML
disable setup JavaScript
Setup JavaScript
for (let i = 0; i < 1000; i++) {
	document.body.append(document.createElement('div'))
}
const styles = {color: 'green', border: 'solid 2px blue', margin: '5px', padding: '10px', position: 'relative', width: '100%', height: 'auto', 'min-height': '100vh'};
const divs = document.querySelectorAll('div');
delete caserun single casemove downdrag and drop case


ready



for (let i = 0; i < 1000; i++) {
	Object.assign(divs[i].style, styles)
}
delete caserun single casemove upmove downdrag and drop case


ready



for (let i = 0; i < 1000; i++) {
	divs[i].style = Object.entries(styles).map(x => `${x[0]}:${x[1]}`).join(';');
}
delete caserun single casemove upmove downdrag and drop case


ready



for (let i = 0; i < 1000; i++) {
	let result = '';
	 for (let style in styles) {
      result += `${style}:${styles[style]};`;
    }
    divs[i].style = result;
}
delete caserun single casemove upmove downdrag and drop case


ready



for (let i = 0; i < 1000; i++) {
	 for (let style in styles) {
      divs[i].style[style] = styles[style];
    }
}
delete caserun single casemove upmove downdrag and drop case


ready



for (let i = 0; i < 1000; i++) {
	let result = '';
	 Object.entries(styles).forEach(style => {
      result += `${style[0]}:${style[1]};`;
    })
    divs[i].style = result;
}
delete caserun single casemove upmove downdrag and drop case


ready



for (let i = 0; i < 1000; i++) {
	let result = '';
	 for (let style of Object.entries(styles)) {
      result += `${style[0]}:${style[1]};`;
    }
    divs[i].style = result;
}
delete caserun single casemove updrag and drop case


ready



for (let i = 0; i < 1000; i++) {
	let result = '';
	const stylesArr = Object.entries(styles);
	 for (let x = 0; x < stylesArr.length; x++) {
      result += `${stylesArr[x][0]}:${stylesArr[x][1]};`;
    }
    divs[i].style = result;
}
Test Case - click to add another test case
Teardown JS - click to add teardown JavaScript
Output (DOM) - click to monitor output (DOM) while test is running
RUN