argus-eyes
Version:
A lightweight commandline tool for visual regression testing of UI components.
49 lines (48 loc) • 1.23 kB
HTML
<html>
<head>
<style>
.header, .footer {
display: block;
margin: 25px;
}
.header {
width: 250px;
height: 100px;
background: crimson;
}
.footer {
width: 100px;
height: 250px;
background: crimson;
}
.footer.active1 {
background: mediumaquamarine;
}
.footer.active1.active2 {
background: steelblue;
}
.footer.active1.active2.active3 {
background: royalblue;
}
</style>
</head>
<body>
<div class="header"></div>
<div class="footer"></div>
<script>
setTimeout(function() {
document.querySelector('.footer').classList.add('active1');
window._waitForScript1 = true;
}, 1500);
setTimeout(function() {
document.querySelector('.footer').classList.add('active2');
window._waitForScript2 = true;
}, 3000);
setTimeout(function() {
document.querySelector('.footer').classList.add('active3');
window._waitForScript3 = true;
}, 4500);
</script>
</body>
</html>