@google/model-viewer
Version:
Easily display interactive 3D models on the web and in AR!
133 lines • 6.16 kB
JavaScript
/* @license
* Copyright 2019 Google LLC. All Rights Reserved.
* Licensed under the Apache License, Version 2.0 (the 'License');
* you may not use this file except in compliance with the License.
* You may obtain a copy of the License at
*
* http://www.apache.org/licenses/LICENSE-2.0
*
* Unless required by applicable law or agreed to in writing, software
* distributed under the License is distributed on an 'AS IS' BASIS,
* WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
* See the License for the specific language governing permissions and
* limitations under the License.
*/
import { Cache, CubeUVReflectionMapping, EquirectangularReflectionMapping, WebGLRenderer } from 'three';
import TextureUtils from '../../three-components/TextureUtils.js';
import { assetPath } from '../helpers.js';
const expect = chai.expect;
// Reuse the same canvas as to not stress the WebGL
// context limit
const canvas = document.createElement('canvas');
const EQUI_URL = assetPath('environments/spruit_sunrise_1k_LDR.jpg');
const HDR_EQUI_URL = assetPath('environments/spruit_sunrise_1k_HDR.hdr');
suite('TextureUtils', () => {
let threeRenderer;
suiteSetup(() => {
// The threeRenderer can retain state, so these tests have the possibility
// of getting different results in different orders. However, our use of the
// threeRenderer *should* always return its state to what it was before to
// avoid this kind of problem (and many other headaches).
threeRenderer = new WebGLRenderer({ canvas });
threeRenderer.debug.checkShaderErrors = true;
});
suiteTeardown(() => {
// Ensure we free up memory from loading large environment maps:
Cache.clear();
threeRenderer.dispose();
});
let textureUtils;
setup(() => {
textureUtils = new TextureUtils(threeRenderer);
});
teardown(async () => {
await textureUtils.dispose();
});
suite('load', () => {
test('loads a valid texture from URL', async () => {
let texture = await textureUtils.load(EQUI_URL);
texture.dispose();
expect(texture.isTexture).to.be.ok;
expect(texture.userData.url).to.be.eq(EQUI_URL);
expect(texture.mapping).to.be.eq(EquirectangularReflectionMapping);
});
test('loads a valid HDR texture from URL', async () => {
let texture = await textureUtils.load(HDR_EQUI_URL);
texture.dispose();
expect(texture.isTexture).to.be.ok;
expect(texture.userData.url).to.be.eq(HDR_EQUI_URL);
expect(texture.mapping).to.be.eq(EquirectangularReflectionMapping);
});
test('throws on invalid URL', async () => {
try {
await textureUtils.load(null);
expect(false).to.be.ok;
}
catch (e) {
expect(true).to.be.ok;
}
});
test('throws if texture not found', async () => {
try {
await textureUtils.load('./nope.png');
expect(false).to.be.ok;
}
catch (e) {
expect(true).to.be.ok;
}
});
});
suite('generating an environment map and skybox', () => {
test('returns an environmentMap and skybox texture from url', async () => {
const textures = await textureUtils.generateEnvironmentMapAndSkybox(EQUI_URL);
const skybox = textures.skybox;
const environment = textures.environmentMap.texture;
expect(skybox.isTexture).to.be.ok;
expect(environment.isTexture).to.be.ok;
expect(skybox.userData.url).to.be.eq(EQUI_URL);
expect(skybox.mapping).to.be.eq(EquirectangularReflectionMapping);
expect(environment.userData.url).to.be.eq(EQUI_URL);
expect(environment.mapping).to.be.eq(CubeUVReflectionMapping);
});
test('returns an environmentMap and skybox texture from an HDR url', async () => {
const textures = await textureUtils.generateEnvironmentMapAndSkybox(HDR_EQUI_URL);
const skybox = textures.skybox;
const environment = textures.environmentMap.texture;
expect(skybox.isTexture).to.be.ok;
expect(environment.isTexture).to.be.ok;
expect(skybox.userData.url).to.be.eq(HDR_EQUI_URL);
expect(skybox.mapping).to.be.eq(EquirectangularReflectionMapping);
expect(environment.userData.url).to.be.eq(HDR_EQUI_URL);
expect(environment.mapping).to.be.eq(CubeUVReflectionMapping);
});
test('returns an environmentMap and skybox texture from two urls', async () => {
const textures = await textureUtils.generateEnvironmentMapAndSkybox(EQUI_URL, HDR_EQUI_URL);
const skybox = textures.skybox;
const environment = textures.environmentMap.texture;
expect(skybox.isTexture).to.be.ok;
expect(environment.isTexture).to.be.ok;
expect(skybox.userData.url).to.be.eq(EQUI_URL);
expect(skybox.mapping).to.be.eq(EquirectangularReflectionMapping);
expect(environment.userData.url).to.be.eq(HDR_EQUI_URL);
expect(environment.mapping).to.be.eq(CubeUVReflectionMapping);
});
test('throws if given an invalid url', async () => {
try {
await textureUtils.generateEnvironmentMapAndSkybox({});
expect(false).to.be.ok;
}
catch (e) {
expect(true).to.be.ok;
}
});
});
suite('dynamically generating environment maps', () => {
test('creates a cubemap render target with PMREM', async () => {
const environment = (await textureUtils.generateEnvironmentMapAndSkybox())
.environmentMap.texture;
expect(environment.userData.url).to.be.eq(null);
expect(environment.mapping).to.be.eq(CubeUVReflectionMapping);
});
});
});
//# sourceMappingURL=TextureUtils-spec.js.map