v1
- by thoughtspile 12/1/202100
disable setup HTML
Setup HTML
<script crossorigin src="https://unpkg.com/react@17/umd/react.production.min.js"></script>
<script crossorigin src="https://unpkg.com/react-dom@17/umd/react-dom.production.min.js"></script>
disable setup JavaScript
Setup JavaScript
const EagerCmp = () => {
	window.rerender = React.useReducer(() => ({}), {})[1];
	
	const data = React.useState({ x: 1200, y: 2400 })[0];
    return React.createElement('div', { onClick: () => console.log(data) });
};

const LazyCmp = () => {
	window.rerenderLazy = React.useReducer(() => ({}), {})[1];
	
	const data = React.useState(() => ({ x: 1200, y: 2400 }))[0];
    return React.createElement('div', { onClick: () => console.log(data) });
};

ReactDOM.render(React.createElement('div', {}, 
  React.createElement(EagerCmp),
  React.createElement(LazyCmp)
 ), document.body);
delete caserun single casemove downdrag and drop case


ready



window.rerender()
delete caserun single casemove updrag and drop case


ready



window.rerenderLazy()
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