<!DOCTYPE html>
<html>
  <head>
    <script src='/resources/testharness.js'></script>
    <script src='/resources/testharnessreport.js'></script>
  </head>
  <body>
    <div id='fs'></div>
    <script>
var observer1;
var observer2;

var check_report_format = (reports, observer) => {
  // Test that observer2 is notified, even if it is disconnected.
  observer1.disconnect();
  observer2.disconnect();
  let report = reports[0];
  assert_equals(report.type, "permissions-policy-violation");
  assert_equals(report.url, document.location.href);
  assert_equals(report.body.featureId, "fullscreen");
  assert_equals(report.body.sourceFile, document.location.href);
  assert_equals(typeof report.body.lineNumber, "number");
  assert_equals(typeof report.body.columnNumber, "number");
  assert_equals(report.body.disposition, "enforce");
};

var check_second_observer = (reports, observer) => {
  let report = reports[0];
  assert_equals(report.type, "permissions-policy-violation");
  assert_equals(report.body.featureId, "fullscreen");
};

async_test(t => {
  observer1 = new ReportingObserver(t.step_func(check_report_format),
                                    {types: ['permissions-policy-violation']});
  observer1.observe();
  observer2 = new ReportingObserver(t.step_func_done(check_second_observer),
                                    {types: ['permissions-policy-violation']});
  observer2.observe();
  document.getElementById('fs').requestFullscreen().then(t.unreached_func(
    "Fullscreen should not be allowed in this document.")).catch(()=>{});
}, "Fullscreen Report Format");
    </script>
  </body>
</html>
