Babylon.js/tests/unit/babylon/serializers/babylon.glTFSerializer.tests.ts

/**
 * Describes the test suite
 */
describe('Babylon glTF Serializer', () => {
    let subject: BABYLON.Engine;

    /**
     * Loads the dependencies
     */
    before(function(done) {
        this.timeout(180000);
        (BABYLONDEVTOOLS).Loader
            .useDist()
            .testMode()
            .load(function() {
                // Force apply promise polyfill for consistent behavior between chrome headless, IE11, and other browsers.
                BABYLON.PromisePolyfill.Apply(true);
                done();
            });
    });

    /**
     * Create a null engine subject before each test.
     */
    beforeEach(function() {
        subject = new BABYLON.NullEngine({
            renderHeight: 256,
            renderWidth: 256,
            textureSize: 256,
            deterministicLockstep: false,
            lockstepMaxSteps: 1
        });
    });

    // /**
    //  * This tests the glTF serializer help functions 
    //  */
    // describe('#GLTF', () => {
    //     it('should convert Babylon standard material to metallic roughness', () => {
    //         const scene = new BABYLON.Scene(subject);
    //         const babylonStandardMaterial = new BABYLON.StandardMaterial("specGloss", scene);
    //         babylonStandardMaterial.diffuseColor = BABYLON.Color3.White();
    //         babylonStandardMaterial.specularColor = BABYLON.Color3.Black();
    //         babylonStandardMaterial.specularPower = 64;
    //         babylonStandardMaterial.alpha = 1;
    //         const materialExporter = new BABYLON.GLTF2.Exporter._GLTFMaterialExporter(new BABYLON.GLTF2.Exporter._Exporter(scene));

    //         const metalRough = materialExporter._convertToGLTFPBRMetallicRoughness(babylonStandardMaterial);

    //         metalRough.baseColorFactor.should.deep.equal([0.5, 0.5, 0.5, 1]);

    //         metalRough.metallicFactor.should.be.equal(0);

    //         metalRough.roughnessFactor.should.be.approximately(0.328809, 1e-6);
    //     });
    //     it('should solve for metallic', () => {
    //         BABYLON.GLTF2.Exporter._GLTFMaterialExporter._SolveMetallic(1.0, 0.0, 1.0).should.be.equal(0);
    //         BABYLON.GLTF2.Exporter._GLTFMaterialExporter._SolveMetallic(0.0, 1.0, 1.0).should.be.approximately(1, 1e-6);
    //     });
    //     it('should serialize empty Babylon scene to glTF with only asset property', () => {
    //         const scene = new BABYLON.Scene(subject);

    //         return BABYLON.GLTF2Export.GLTFAsync(scene, 'test').then(glTFData => {
    //             const jsonString = glTFData.glTFFiles['test.gltf'] as string;
    //             const jsonData = JSON.parse(jsonString);

    //             Object.keys(jsonData).length.should.be.equal(1);
    //             jsonData.asset.version.should.be.equal("2.0");
    //             jsonData.asset.generator.should.be.equal("BabylonJS");
    //         });
    //     });
    //     it('should serialize sphere geometry in scene to glTF', () => {
    //         const scene = new BABYLON.Scene(subject);
    //         BABYLON.Mesh.CreateSphere('sphere', 16, 2, scene);

    //         return BABYLON.GLTF2Export.GLTFAsync(scene, 'test')
    //             .then(glTFData => {
    //                 const jsonString = glTFData.glTFFiles['test.gltf'] as string;
    //                 const jsonData = JSON.parse(jsonString);

    //                 // accessors, asset, buffers, bufferViews, meshes, nodes, scene, scenes, materials
    //                 Object.keys(jsonData).length.should.be.equal(9);

    //                 // positions, normals, indices
    //                 jsonData.accessors.length.should.be.equal(3);

    //                 // generator, version
    //                 Object.keys(jsonData.asset).length.should.be.equal(2);

    //                 jsonData.buffers.length.should.be.equal(1);

    //                 // positions, normals, texture coords, indices
    //                 jsonData.bufferViews.length.should.be.equal(4);

    //                 jsonData.meshes.length.should.be.equal(1);

    //                 jsonData.nodes.length.should.be.equal(1);

    //                 jsonData.scenes.length.should.be.equal(1);

    //                 jsonData.scene.should.be.equal(0);
    //             });
    //     });
    //     it('should serialize single component translation animation to glTF', () => {
    //         const scene = new BABYLON.Scene(subject);
    //         const box = BABYLON.Mesh.CreateBox('box', 1, scene);
    //         let keys: BABYLON.IAnimationKey[] = [];
    //         keys.push({
    //             frame: 0,
    //             value: 1
    //         });
    //         keys.push({
    //             frame: 20,
    //             value: 0.2
    //         });
    //         keys.push({
    //             frame: 40,
    //             value: 1
    //         });
    //         let animationBoxT = new BABYLON.Animation('boxAnimation_translation', 'position.y', 30, BABYLON.Animation.ANIMATIONTYPE_FLOAT, BABYLON.Animation.ANIMATIONLOOPMODE_CYCLE);
    //         animationBoxT.setKeys(keys);
    //         box.animations.push(animationBoxT);

    //         return BABYLON.GLTF2Export.GLTFAsync(scene, 'test').then(glTFData => {
    //             const jsonString = glTFData.glTFFiles['test.gltf'] as string;
    //             const jsonData = JSON.parse(jsonString);
    //             jsonData.animations.length.should.be.equal(1);
    //             const animation = jsonData.animations[0];
    //             animation.channels.length.should.be.equal(1);
    //             animation.channels[0].sampler.should.be.equal(0);
    //             animation.channels[0].target.node.should.be.equal(0);
    //             animation.channels[0].target.path.should.be.equal('translation');
    //             jsonData.animations[0].samplers.length.should.be.equal(1);
    //             // accessors, asset, buffers, bufferViews, meshes, nodes, scene, scenes, materials, animations
    //             Object.keys(jsonData).length.should.be.equal(10);
    //             // positions, normals, indices, animation keyframe data, animation data
    //             jsonData.accessors.length.should.be.equal(5);
    //             // generator, version
    //             Object.keys(jsonData.asset).length.should.be.equal(2);
    //             jsonData.buffers.length.should.be.equal(1);
    //             // positions, normals, texture coords, indices, animation keyframe data, animation data
    //             jsonData.bufferViews.length.should.be.equal(6);
    //             jsonData.meshes.length.should.be.equal(1);
    //             jsonData.nodes.length.should.be.equal(1);
    //             jsonData.scenes.length.should.be.equal(1);
    //             jsonData.scene.should.be.equal(0);
    //         });
    //     });
    //     it('should serialize translation animation to glTF', () => {
    //         const scene = new BABYLON.Scene(subject);
    //         const box = BABYLON.Mesh.CreateBox('box', 1, scene);
    //         let keys: BABYLON.IAnimationKey[] = [];
    //         keys.push({
    //             frame: 0,
    //             value: new BABYLON.Vector3(0.1, 0.1, 0.1)
    //         });
    //         keys.push({
    //             frame: 20,
    //             value: BABYLON.Vector3.One()
    //         });
    //         keys.push({
    //             frame: 40,
    //             value: new BABYLON.Vector3(0.1, 0.1, 0.1)
    //         });
    //         let animationBoxT = new BABYLON.Animation('boxAnimation_translation', 'position', 30, BABYLON.Animation.ANIMATIONTYPE_VECTOR3, BABYLON.Animation.ANIMATIONLOOPMODE_CYCLE);
    //         animationBoxT.setKeys(keys);
    //         box.animations.push(animationBoxT);

    //         return BABYLON.GLTF2Export.GLTFAsync(scene, 'test').then(glTFData => {
    //             const jsonString = glTFData.glTFFiles['test.gltf'] as string;
    //             const jsonData = JSON.parse(jsonString);
    //             jsonData.animations.length.should.be.equal(1);
    //             const animation = jsonData.animations[0];
    //             animation.channels.length.should.be.equal(1);
    //             animation.channels[0].sampler.should.be.equal(0);
    //             animation.channels[0].target.node.should.be.equal(0);
    //             animation.channels[0].target.path.should.be.equal('translation');
    //             animation.samplers.length.should.be.equal(1);
    //             animation.samplers[0].interpolation.should.be.equal('LINEAR');
    //             animation.samplers[0].input.should.be.equal(3);
    //             animation.samplers[0].output.should.be.equal(4);
    //             jsonData.animations[0].samplers.length.should.be.equal(1);
    //             // accessors, asset, buffers, bufferViews, meshes, nodes, scene, scenes, materials, animations
    //             Object.keys(jsonData).length.should.be.equal(10);
    //             // positions, normals, indices, animation keyframe data, animation data
    //             jsonData.accessors.length.should.be.equal(5);
    //             // generator, version
    //             Object.keys(jsonData.asset).length.should.be.equal(2);
    //             jsonData.buffers.length.should.be.equal(1);
    //             // positions, normals, texture coords, indices, animation keyframe data, animation data
    //             jsonData.bufferViews.length.should.be.equal(6);
    //             jsonData.meshes.length.should.be.equal(1);
    //             jsonData.nodes.length.should.be.equal(1);
    //             jsonData.scenes.length.should.be.equal(1);
    //             jsonData.scene.should.be.equal(0);
    //         });
    //     });
    //     it('should serialize scale animation to glTF', () => {
    //         const scene = new BABYLON.Scene(subject);
    //         const box = BABYLON.Mesh.CreateBox('box', 1, scene);
    //         let keys: BABYLON.IAnimationKey[] = [];
    //         keys.push({
    //             frame: 0,
    //             value: new BABYLON.Vector3(0.1, 0.1, 0.1)
    //         });
    //         keys.push({
    //             frame: 20,
    //             value: BABYLON.Vector3.One()
    //         });
    //         keys.push({
    //             frame: 40,
    //             value: new BABYLON.Vector3(0.1, 0.1, 0.1)
    //         });
    //         let animationBoxT = new BABYLON.Animation('boxAnimation_translation', 'scaling', 30, BABYLON.Animation.ANIMATIONTYPE_VECTOR3, BABYLON.Animation.ANIMATIONLOOPMODE_CYCLE);
    //         animationBoxT.setKeys(keys);
    //         box.animations.push(animationBoxT);

    //         return BABYLON.GLTF2Export.GLTFAsync(scene, 'test').then(glTFData => {
    //             const jsonString = glTFData.glTFFiles['test.gltf'] as string;
    //             const jsonData = JSON.parse(jsonString);
    //             jsonData.animations.length.should.be.equal(1);
    //             const animation = jsonData.animations[0];
    //             animation.channels.length.should.be.equal(1);
    //             animation.channels[0].sampler.should.be.equal(0);
    //             animation.channels[0].target.node.should.be.equal(0);
    //             animation.channels[0].target.path.should.be.equal('scale');
    //             animation.samplers.length.should.be.equal(1);
    //             animation.samplers[0].interpolation.should.be.equal('LINEAR');
    //             animation.samplers[0].input.should.be.equal(3);
    //             animation.samplers[0].output.should.be.equal(4);
    //             jsonData.animations[0].samplers.length.should.be.equal(1);
    //             // accessors, asset, buffers, bufferViews, meshes, nodes, scene, scenes, materials, animations
    //             Object.keys(jsonData).length.should.be.equal(10);
    //             // positions, normals, indices, animation keyframe data, animation data
    //             jsonData.accessors.length.should.be.equal(5);
    //             // generator, version
    //             Object.keys(jsonData.asset).length.should.be.equal(2);
    //             jsonData.buffers.length.should.be.equal(1);
    //             // positions, normals, texture coords, indices, animation keyframe data, animation data
    //             jsonData.bufferViews.length.should.be.equal(6);
    //             jsonData.meshes.length.should.be.equal(1);
    //             jsonData.nodes.length.should.be.equal(1);
    //             jsonData.scenes.length.should.be.equal(1);
    //             jsonData.scene.should.be.equal(0);
    //         });
    //     });
    //     it('should serialize rotation quaternion animation to glTF', () => {
    //         const scene = new BABYLON.Scene(subject);
    //         const box = BABYLON.Mesh.CreateBox('box', 1, scene);
    //         let keys: BABYLON.IAnimationKey[] = [];
    //         keys.push({
    //             frame: 0,
    //             value: new BABYLON.Quaternion(0.707, 0.0, 0.0, 0.707)
    //         });
    //         keys.push({
    //             frame: 20,
    //             value: BABYLON.Quaternion.Identity()
    //         });
    //         keys.push({
    //             frame: 40,
    //             value: new BABYLON.Quaternion(0.707, 0.0, 0.0, 0.707)
    //         });
    //         let animationBoxT = new BABYLON.Animation('boxAnimation_translation', 'rotationQuaternion', 30, BABYLON.Animation.ANIMATIONTYPE_QUATERNION, BABYLON.Animation.ANIMATIONLOOPMODE_CYCLE);
    //         animationBoxT.setKeys(keys);
    //         box.animations.push(animationBoxT);

    //         return BABYLON.GLTF2Export.GLTFAsync(scene, 'test').then(glTFData => {
    //             const jsonString = glTFData.glTFFiles['test.gltf'] as string;
    //             const jsonData = JSON.parse(jsonString);
    //             jsonData.animations.length.should.be.equal(1);
    //             const animation = jsonData.animations[0];
    //             animation.channels.length.should.be.equal(1);
    //             animation.channels[0].sampler.should.be.equal(0);
    //             animation.channels[0].target.node.should.be.equal(0);
    //             animation.channels[0].target.path.should.be.equal('rotation');
    //             animation.samplers.length.should.be.equal(1);
    //             animation.samplers[0].interpolation.should.be.equal('LINEAR');
    //             animation.samplers[0].input.should.be.equal(3);
    //             animation.samplers[0].output.should.be.equal(4);
    //             jsonData.animations[0].samplers.length.should.be.equal(1);
    //             // accessors, asset, buffers, bufferViews, meshes, nodes, scene, scenes, materials, animations
    //             Object.keys(jsonData).length.should.be.equal(10);
    //             // positions, normals, indices, animation keyframe data, animation data
    //             jsonData.accessors.length.should.be.equal(5);
    //             // generator, version
    //             Object.keys(jsonData.asset).length.should.be.equal(2);
    //             jsonData.buffers.length.should.be.equal(1);
    //             // positions, normals, texture coords, indices, animation keyframe data, animation data
    //             jsonData.bufferViews.length.should.be.equal(6);
    //             jsonData.meshes.length.should.be.equal(1);
    //             jsonData.nodes.length.should.be.equal(1);
    //             jsonData.scenes.length.should.be.equal(1);
    //             jsonData.scene.should.be.equal(0);
    //         });
    //     });
    //     it('should serialize combined animations to glTF', () => {
    //         const scene = new BABYLON.Scene(subject);
    //         const box = BABYLON.Mesh.CreateBox('box', 1, scene);
    //         const rotationKeyFrames: BABYLON.IAnimationKey[] = [];
    //         rotationKeyFrames.push({
    //             frame: 0,
    //             value: new BABYLON.Quaternion(0.707, 0.0, 0.0, 0.707)
    //         });
    //         rotationKeyFrames.push({
    //             frame: 20,
    //             value: BABYLON.Quaternion.Identity()
    //         });
    //         rotationKeyFrames.push({
    //             frame: 40,
    //             value: new BABYLON.Quaternion(0.707, 0.0, 0.0, 0.707)
    //         });
    //         const scaleKeyFrames: BABYLON.IAnimationKey[] = [];
    //         scaleKeyFrames.push({
    //             frame: 0,
    //             value: new BABYLON.Vector3(0.1, 0.1, 0.1)
    //         });
    //         scaleKeyFrames.push({
    //             frame: 20,
    //             value: BABYLON.Vector3.One()
    //         });
    //         scaleKeyFrames.push({
    //             frame: 40,
    //             value: new BABYLON.Vector3(0.1, 0.1, 0.1)
    //         });
    //         let rotationAnimationBox = new BABYLON.Animation('boxAnimation_rotation', 'rotationQuaternion', 30, BABYLON.Animation.ANIMATIONTYPE_QUATERNION, BABYLON.Animation.ANIMATIONLOOPMODE_CYCLE);
    //         rotationAnimationBox.setKeys(rotationKeyFrames);
    //         box.animations.push(rotationAnimationBox);
    //         let scaleAnimationBox = new BABYLON.Animation('boxAnimation_scale', 'scaling', 30, BABYLON.Animation.ANIMATIONTYPE_VECTOR3, BABYLON.Animation.ANIMATIONLOOPMODE_CYCLE);
    //         scaleAnimationBox.setKeys(scaleKeyFrames);
    //         box.animations.push(scaleAnimationBox);

    //         return BABYLON.GLTF2Export.GLTFAsync(scene, 'test').then(glTFData => {
    //             const jsonString = glTFData.glTFFiles['test.gltf'] as string;
    //             const jsonData = JSON.parse(jsonString);
    //             jsonData.animations.length.should.be.equal(2);

    //             let animation = jsonData.animations[0];
    //             animation.channels.length.should.be.equal(1);
    //             animation.channels[0].sampler.should.be.equal(0);
    //             animation.channels[0].target.node.should.be.equal(0);
    //             animation.channels[0].target.path.should.be.equal('rotation');
    //             animation.samplers.length.should.be.equal(1);
    //             animation.samplers[0].interpolation.should.be.equal('LINEAR');
    //             animation.samplers[0].input.should.be.equal(3);
    //             animation.samplers[0].output.should.be.equal(4);
    //             animation = jsonData.animations[1];
    //             animation.channels[0].sampler.should.be.equal(0);
    //             animation.channels[0].target.node.should.be.equal(0);
    //             animation.channels[0].target.path.should.be.equal('scale');
    //             animation.samplers.length.should.be.equal(1);
    //             animation.samplers[0].interpolation.should.be.equal('LINEAR');
    //             animation.samplers[0].input.should.be.equal(5);
    //             animation.samplers[0].output.should.be.equal(6);
    //             // accessors, asset, buffers, bufferViews, meshes, nodes, scene, scenes, materials, animations
    //             Object.keys(jsonData).length.should.be.equal(10);
    //             // positions, normals, indices, rotation animation keyframe data, rotation animation data, scale animation keyframe data, scale animation data
    //             jsonData.accessors.length.should.be.equal(7);
    //             // generator, version
    //             Object.keys(jsonData.asset).length.should.be.equal(2);
    //             jsonData.buffers.length.should.be.equal(1);
    //             // positions, normals, texture coords, indices, rotation animation keyframe data, rotation animation data, scale animation keyframe data, scale animation data 
    //             jsonData.bufferViews.length.should.be.equal(8);
    //             jsonData.meshes.length.should.be.equal(1);
    //             jsonData.nodes.length.should.be.equal(1);
    //             jsonData.scenes.length.should.be.equal(1);
    //             jsonData.scene.should.be.equal(0);
    //         });
    //     });
    //     it('should serialize point light to glTF', () => {
    //         const scene = new BABYLON.Scene(subject);
    //         const pointLight = new BABYLON.PointLight("pointLight", new BABYLON.Vector3(4, 4, 0), scene);
    //         const intensity = 0.2;
    //         pointLight.intensity = intensity;
    //         const diffuseColor = BABYLON.Color3.Red();
    //         pointLight.diffuse = diffuseColor;

    //         return BABYLON.GLTF2Export.GLTFAsync(scene, 'test').then(glTFData => {
    //             const jsonString = glTFData.glTFFiles['test.gltf'] as string;
    //             const jsonData = JSON.parse(jsonString);
    //             // assets, extensionsUsed, extensions, nodes, scenes, scene
    //             Object.keys(jsonData).length.should.be.equal(6);
    //             jsonData.extensions['KHR_lights_punctual'].lights.length.should.be.equal(1);
    //             jsonData.extensions['KHR_lights_punctual'].lights[0].intensity.should.be.equal(intensity);
    //             expect(jsonData.extensions['KHR_lights_punctual'].lights[0].color).to.deep.equal(diffuseColor.asArray());
    //             jsonData.nodes.length.should.be.equal(1);
    //             jsonData.nodes[0].extensions['KHR_lights_punctual']['light'].should.be.equal(0);
    //         });
    //     });
    //     it('should serialize spot light to glTF', () => {
    //         const scene = new BABYLON.Scene(subject);
    //         const spotLight = new BABYLON.SpotLight("spotLight", new BABYLON.Vector3(-4, 4, 0), new BABYLON.Vector3(0, Math.PI/4, 0), Math.PI/4, 2, scene);
    //         const intensity = 0.2;
    //         spotLight.intensity = intensity;
    //         spotLight.innerAngle = Math.PI/8;
    //         const diffuseColor = BABYLON.Color3.Red();
    //         spotLight.diffuse = diffuseColor;

    //         return BABYLON.GLTF2Export.GLTFAsync(scene, 'test').then(glTFData => {
    //             const jsonString = glTFData.glTFFiles['test.gltf'] as string;
    //             const jsonData = JSON.parse(jsonString);
    //             // assets, extensionsUsed, extensions, nodes, scenes, scene
    //             Object.keys(jsonData).length.should.be.equal(6);
    //             jsonData.extensions['KHR_lights_punctual'].lights.length.should.be.equal(1);
    //             jsonData.extensions['KHR_lights_punctual'].lights[0].intensity.should.be.equal(intensity);
    //             jsonData.extensions['KHR_lights_punctual'].lights[0].spot.outerConeAngle.should.be.equal(spotLight.angle/2);
    //             jsonData.extensions['KHR_lights_punctual'].lights[0].spot.innerConeAngle.should.be.equal(spotLight.innerAngle/2);
    //             expect(jsonData.extensions['KHR_lights_punctual'].lights[0].color).to.deep.equal(diffuseColor.asArray());
    //             jsonData.nodes.length.should.be.equal(1);
    //             jsonData.nodes[0].extensions['KHR_lights_punctual']['light'].should.be.equal(0);
    //         });
    //     });
    //     it('should serialize directional light to glTF', () => {
    //         const scene = new BABYLON.Scene(subject);
    //         const directionalLight = new BABYLON.DirectionalLight("directionalLight", BABYLON.Vector3.Forward(), scene);
    //         const diffuseColor = BABYLON.Color3.Red();
    //         directionalLight.diffuse = diffuseColor;
    //         const intensity = 0.2;
    //         directionalLight.intensity = intensity;

    //         return BABYLON.GLTF2Export.GLTFAsync(scene, 'test').then(glTFData => {
    //             const jsonString = glTFData.glTFFiles['test.gltf'] as string;
    //             const jsonData = JSON.parse(jsonString);
    //             // assets, extensionsUsed, extensions, nodes, scenes, scene
    //             Object.keys(jsonData).length.should.be.equal(6);
    //             jsonData.extensions['KHR_lights_punctual'].lights.length.should.be.equal(1);
    //             jsonData.extensions['KHR_lights_punctual'].lights[0].intensity.should.be.equal(intensity);
    //             expect(jsonData.extensions['KHR_lights_punctual'].lights[0].color).to.deep.equal(diffuseColor.asArray());
    //             jsonData.nodes.length.should.be.equal(1);
    //             jsonData.nodes[0].extensions['KHR_lights_punctual']['light'].should.be.equal(0);
                
    //         });
    //     });
    //     it('should serialize multiple lights to glTF', () => {
    //         const scene = new BABYLON.Scene(subject);
    //         const pointLight = new BABYLON.PointLight("pointLight", new BABYLON.Vector3(4, 4, 0), scene);
    //         const spotLight = new BABYLON.SpotLight("spotLight", new BABYLON.Vector3(-4, 4, 0), new BABYLON.Vector3(0, Math.PI/4, 0), Math.PI/4, 2, scene);
    //         const directionalLight = new BABYLON.DirectionalLight("directionalLight", BABYLON.Vector3.Forward(), scene);

    //         return BABYLON.GLTF2Export.GLTFAsync(scene, 'test').then(glTFData => {
    //             const jsonString = glTFData.glTFFiles['test.gltf'] as string;
    //             const jsonData = JSON.parse(jsonString);
    //             // assets, extensionsUsed, extensions, nodes, scenes, scene
    //             Object.keys(jsonData).length.should.be.equal(6);
    //             jsonData.extensions['KHR_lights_punctual'].lights.length.should.be.equal(3);
    //             jsonData.nodes.length.should.be.equal(3);
    //         });
    //     });
    // });
});