<!DOCTYPE html>
<body>
  <script src=/resources/testharness.js></script>
  <script src=/resources/testharnessreport.js></script>
  <script src="resources/webxr_util.js"></script>
  <script src="resources/webxr_test_constants.js"></script>
  <canvas id="webgl-canvas"></canvas>
  <script>
    xr_promise_test("An XR-compatible webglCanvasContext can be created",
      (t) => {
        return navigator.xr.test.simulateDeviceConnection(TRACKED_IMMERSIVE_DEVICE)
          .then( (controller) => {
            webglCanvas = document.getElementById('webgl-canvas');
            gl = webglCanvas.getContext('webgl', {xrCompatible: true});
            assert_true(gl.getContextAttributes().xrCompatible);

            // Check that an offscreen context behaves no different.
            let offscreenCanvas = document.createElement('canvas');
            let offscreenGl = webglCanvas.getContext(
              'webgl', {xrCompatible: true});
            assert_true(offscreenGl.getContextAttributes().xrCompatible);
          });
      });

  </script>
</body>