<!DOCTYPE html>
<head>
<script src="resources/text-based-repaint.js"></script>
<script>
function repaintTest() {
document.getElementById('container').classList.toggle('folded');
}
</script>
<style>
div {
width: 285px;
display: -webkit-box;
-webkit-box-orient: vertical;
line-height: 1.5em;
overflow: hidden;
}
.folded {
-webkit-line-clamp: 1;
max-height: 1.5em;
}
</style>
</head>
<body onload="runRepaintAndPixelTest()">
<div id="container" class="folded">
___these_two_lines_should_be_identical___
___these_two_lines_should_be_identical___
</div>
</body>