<!DOCTYPE html>
<html>
<script src="resources/text-based-repaint.js"></script>
<script>
function repaintTest() {
  addTable();
}
</script>
<body onload="runRepaintTest()" style="margin: 0px">
<style>
td {
  height: 150px;
  width: 150px;
  background-color: blue;
}
</style>
<!-- This test adds 3 tables do the document. Adding the 3rd table should not cause the first table to repaint. -->
<div id="container"></div>
<script>
function addTable() {
	var div = document.createElement('div');
	document.getElementById('container').appendChild(div);
  div.innerHTML = '<table><td></td></table>';
}
addTable();
addTable();
</script>
</body>
</html>
