Source code
Revision control
Copy as Markdown
Other Tools
Test Info: Warnings
- This test has a WPT meta file that expects 2 subtest issues.
- This WPT test may be referenced by the following Test IDs:
- /webxr/layers/xrLayerInit.https.html - WPT Dashboard Interop Dashboard
<!doctype html>
<title>Tests for errors with invalid XRLayerInit parameters.</title>
<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>
<script src="./xr_layer_promise_test.js"></script>
<canvas id="webgl-canvas"></canvas>
<script>
function testCommonXRLayerInitErrors(createLayerFn, valid_init, t, gl) {
const is_webgl2 = gl instanceof WebGL2RenderingContext;
return new Promise((resolve, reject) => {
const max_texture_size = gl.getParameter(gl.MAX_TEXTURE_SIZE);
if (!is_webgl2) {
// Check an exception on webgl2 color formats.
t.step(() => {
[
0x8058, // GL_RGBA8
0x8051, // GL_RGB8
0x8C41, // GL_SRGB8
0x8C43 // GL_SRGB8_ALPHA8
].forEach((colorFormat) => {
let invalid_color_format = Object.assign({}, valid_init, { colorFormat });
assert_throws_js(TypeError, () => createLayerFn(invalid_color_format), "colorFormat for webgl2 only");
});
});
}
t.step(() => {
// viewPixelWidth and viewPixelHeight must be greater than 0.
let invalid_pixel_width = Object.assign({}, valid_init, { viewPixelWidth: 0 });
assert_throws_js(TypeError, () => createLayerFn(invalid_pixel_width), "viewPixelWidth is 0");
});
t.step(() => {
let invalid_pixel_height = Object.assign({}, valid_init, { viewPixelHeight: 0 });
assert_throws_js(TypeError, () => createLayerFn(invalid_pixel_height), "viewPixelHeight is 0");
});
// viewPixelWidth and viewPixelHeight must not be too large.
t.step(() => {
let large_pixel_width = Object.assign({}, valid_init, { viewPixelWidth: max_texture_size + 1 });
assert_throws_js(TypeError, () => createLayerFn(large_pixel_width), "viewPixelWidth is too large");
});
t.step(() => {
let large_pixel_height = Object.assign({}, valid_init, { viewPixelHeight: max_texture_size + 1 });
assert_throws_js(TypeError, () => createLayerFn(large_pixel_height), "viewPixelHeight is too large");
});
});
};
function testXRLayerInitTextureArrayErrors(createLayerFn, valid_init, t, gl) {
const is_webgl2 = gl instanceof WebGL2RenderingContext;
return new Promise((resolve, reject) => {
let texture_array = Object.assign({}, valid_init, { textureType: 'texture-array', layout: 'stereo' });
if (is_webgl2) {
const layer = createLayerFn(texture_array);
// 'stereo' layout should be supported with 'texture-array'.
assert_equals(layer.layout, 'stereo', "layout is not expected");
} else {
// Check an exception on texture-array.
t.step(() => {
// texture-array is not supported for webgl.
assert_throws_js(TypeError, () => createLayerFn(texture_array), "texture-array for webgl2 only");
});
}
});
}
function testXRLayerInitTransformErrors(createLayerFn, valid_init, t) {
return new Promise((resolve, reject) => {
t.step(() => {
// Check an exception for invalid transform object.
let invalid_transform = Object.assign({}, valid_init, { transform: { x: 0, y: 0, z: 0 } });
assert_throws_js(TypeError, () => createLayerFn(invalid_transform), "Invalid transform object");
});
});
}
function testXRLayerInitLayoutErrors(createLayerFn, valid_init, t, is_cube) {
return new Promise((resolve, reject) => {
t.step(() => {
// 'default' is invalid for all layers.
const default_layout = Object.assign({}, valid_init, { layout: 'default' });
assert_throws_js(TypeError, () => createLayerFn(default_layout), "layout is 'default'");
const stereo_layout = Object.assign({}, valid_init, { layout: 'stereo' });
if (is_cube) {
// We don't support 'stereo' layout for cube layers.
assert_throws_js(TypeError, () => createLayerFn(stereo_layout), "layout is 'stereo'");
} else {
// It should end up as 'stereo-left-right' when 'texture-array' is not used.
const layer = createLayerFn(stereo_layout);
const layout = layer.layout;
assert_equals(layout, 'stereo-left-right', "layout is not expected");
}
resolve();
});
});
};
function testCompositionLayer(xrSession, deviceController, t, { gl, xrBinding, xrSpace }) {
const valid_init = {
space: xrSpace,
viewPixelWidth: 1024,
viewPixelHeight: 1024
};
const create_quad_layer = xrBinding.createQuadLayer.bind(xrBinding);
const create_cylinder_layer = xrBinding.createCylinderLayer.bind(xrBinding);
const create_equirect_layer = xrBinding.createEquirectLayer.bind(xrBinding);
const create_cube_layer = xrBinding.createCubeLayer.bind(xrBinding);
return Promise.resolve()
// Quad layer.
.then(testCommonXRLayerInitErrors(create_quad_layer, valid_init, t, gl))
.then(testXRLayerInitTextureArrayErrors(create_quad_layer, valid_init, t, gl))
.then(testXRLayerInitTransformErrors(create_quad_layer, valid_init, t))
.then(testXRLayerInitLayoutErrors(create_quad_layer, valid_init, t, false /*is_cube*/))
// Cylinder layer.
.then(testCommonXRLayerInitErrors(create_cylinder_layer, valid_init, t, gl))
.then(testXRLayerInitTextureArrayErrors(create_cylinder_layer, valid_init, t, gl))
.then(testXRLayerInitTransformErrors(create_cylinder_layer, valid_init, t))
.then(testXRLayerInitLayoutErrors(create_cylinder_layer, valid_init, t, false /*is_cube*/))
// Equirect layer.
.then(testCommonXRLayerInitErrors(create_equirect_layer, valid_init, t, gl))
.then(testXRLayerInitTextureArrayErrors(create_equirect_layer, valid_init, t, gl))
.then(testXRLayerInitTransformErrors(create_equirect_layer, valid_init, t))
.then(testXRLayerInitLayoutErrors(create_equirect_layer, valid_init, t, false /*is_cube*/))
// Cube layer.
.then(testCommonXRLayerInitErrors(create_cube_layer, valid_init, t, gl))
.then(testXRLayerInitLayoutErrors(create_cube_layer, valid_init, t, true /*is_cube*/));
}
// This method tests XRLayerInit parameters, which are common to the Quad,Cylinder and Equirect layers.
xr_layer_promise_test("Ensure XrWebGLBinding's create layer methods throw the appropriate errors.",
testCompositionLayer, TRACKED_IMMERSIVE_DEVICE, 'immersive-vr', { requiredFeatures: ['layers'] });
</script>