<!doctype html>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="resources/intervention.js"></script>
<div id="target" style="padding: 10px; background-color: blue;">
<p>Testing ReportingObserver's takeRecords().</p>
</div>
<script>
async_test(function(test) {
var observer = new ReportingObserver(function(reports, observer) {
test.step(function() {
// Only 1 report should be observed, since the first report should have
// been returned by takeRecords().
assert_equals(reports.length, 1);
});
test.done();
}, { buffered: true });
observer.observe();
// Generate two reports, one before and one after calling takeRecords().
causeIntervention();
var reports = observer.takeRecords();
causeIntervention();
assert_equals(reports.length, 1);
assert_equals(reports[0].type, "intervention");
}, "takeRecords");
</script>