@shopware-ag/dive/src/__test__/DIVE.test.ts

Shopware Spatial Framework

import DIVE, { DIVESettings } from '../dive.ts';

jest.mock('../com/Communication.ts', () => {
    return {
        DIVECommunication: jest.fn(function () {
            this.PerformAction = jest.fn().mockReturnValue({
                position: { x: 0, y: 0, z: 0 },
                target: { x: 0, y: 0, z: 0 },
            });
            this.Subscribe = jest.fn(
                (action: string, callback: (data: { id: string }) => void) => {
                    callback({ id: 'incorrect id' });
                    callback({ id: 'test_uuid' });
                },
            );
            this.DestroyInstance = jest.fn();

            return this;
        }),
    };
});

jest.mock('../renderer/Renderer.ts', () => {
    return {
        DIVERenderer: jest.fn(function () {
            this.domElement = {
                clientWidth: 800,
                clientHeight: 600,
                style: {
                    position: 'absolute',
                },
            };
            this.domElement.parentElement = this.domElement;
            this.AddPreRenderCallback = (callback: () => void) => {
                callback();
            };
            this.RemovePreRenderCallback = jest.fn();
            this.AddPostRenderCallback = (callback: () => void) => {
                callback();
            };
            this.getViewport = jest.fn();
            this.setViewport = jest.fn();
            this.autoClear = false;
            this.render = jest.fn();
            this.StartRenderer = jest.fn();
            this.OnResize = jest.fn();
            this.Dispose = jest.fn();
            return this;
        }),
    };
});

jest.mock('../scene/Scene.ts', () => {
    return {
        DIVEScene: jest.fn(function () {
            this.add = jest.fn();
            this.isObject3D = true;
            this.parent = null;
            this.dispatchEvent = jest.fn();
            this.position = {
                set: jest.fn(),
            };
            this.SetIntensity = jest.fn();
            this.SetEnabled = jest.fn();
            this.SetColor = jest.fn();
            this.userData = {
                id: undefined,
            };
            this.removeFromParent = jest.fn();
            return this;
        }),
    };
});

jest.mock('../camera/PerspectiveCamera.ts', () => {
    return jest.fn(function () {
        this.isObject3D = true;
        this.parent = null;
        this.dispatchEvent = jest.fn();
        this.position = {
            set: jest.fn(),
        };
        this.SetIntensity = jest.fn();
        this.SetEnabled = jest.fn();
        this.SetColor = jest.fn();
        this.userData = {
            id: undefined,
        };
        this.removeFromParent = jest.fn();
        this.OnResize = jest.fn();
        return this;
    });
});

jest.mock('../controls/OrbitControls.ts', () => {
    return jest.fn(function () {
        this.isObject3D = true;
        this.parent = null;
        this.dispatchEvent = jest.fn();
        this.position = {
            set: jest.fn(),
        };
        this.SetIntensity = jest.fn();
        this.SetEnabled = jest.fn();
        this.SetColor = jest.fn();
        this.userData = {
            id: undefined,
        };
        this.removeFromParent = jest.fn();
        this.Dispose = jest.fn();
        return this;
    });
});

jest.mock('../toolbox/Toolbox.ts', () => {
    return jest.fn(function () {
        this.isObject3D = true;
        this.parent = null;
        this.dispatchEvent = jest.fn();
        this.position = {
            set: jest.fn(),
        };
        this.SetIntensity = jest.fn();
        this.SetEnabled = jest.fn();
        this.SetColor = jest.fn();
        this.userData = {
            id: undefined,
        };
        this.Dispose = jest.fn();
        this.removeFromParent = jest.fn();
        return this;
    });
});

jest.mock('../axiscamera/AxisCamera.ts', () => {
    return jest.fn(function () {
        this.isObject3D = true;
        this.parent = null;
        this.dispatchEvent = jest.fn();
        this.position = {
            set: jest.fn(),
        };
        this.SetIntensity = jest.fn();
        this.SetEnabled = jest.fn();
        this.SetColor = jest.fn();
        this.userData = {
            id: undefined,
        };
        this.removeFromParent = jest.fn();
        this.SetFromCameraMatrix = jest.fn();
        this.Dispose = jest.fn();
        return this;
    });
});

console.log = jest.fn();

describe('dive/DIVE', () => {
    it('should QuickView', () => {
        const dive = DIVE.QuickView('test_uri');
        expect(dive).toBeDefined();
    });

    it('should instantiate', () => {
        const dive = new DIVE();
        expect(dive).toBeDefined();
        expect((window as any).DIVE.PrintScene).toBeDefined();
        expect(() => (window as any).DIVE.PrintScene()).not.toThrow();
    });

    it('should instantiate in development DIVE_NODE_ENV', () => {
        process.env.DIVE_NODE_ENV = 'development';
        const dive = new DIVE();
        expect(dive).toBeDefined();
        expect((window as any).DIVE.PrintScene).toBeDefined();
        expect(() => (window as any).DIVE.PrintScene()).not.toThrow();
    });

    it('should dispose', () => {
        let dive = new DIVE();
        expect(() => dive.Dispose()).not.toThrow();

        const settings = {
            displayAxes: true,
        };
        dive = new DIVE(settings);
        expect(() => dive.Dispose()).not.toThrow();
    });

    it('should instantiate with settings', () => {
        const settings = {
            autoResize: false,
            displayAxes: true,
            renderer: {
                antialias: false,
                alpha: false,
                stencil: false,
                shadowMapEnabled: false,
                shadowMapType: 0,
                toneMapping: 0,
            },
            perspectiveCamera: {
                fov: 0,
                near: 0,
                far: 0,
            },
            orbitControls: {
                enableDamping: false,
                dampingFactor: 0,
            },
        } as DIVESettings;
        const dive = new DIVE(settings);
        expect(dive).toBeDefined();
    });

    it('should have Canvas', () => {
        const dive = new DIVE();
        expect(dive.Canvas).toBeDefined();
    });

    it('should have Communication', () => {
        const dive = new DIVE();
        expect(dive.Communication).toBeDefined();
    });

    it('should have Info', () => {
        const dive = new DIVE();
        expect(dive.Info).toBeDefined();
    });

    it('should resize', () => {
        const dive = new DIVE();
        expect(() => dive.OnResize(800, 600)).not.toThrow();
    });

    it('should update settings', () => {
        const dive = new DIVE();
        dive.Settings = {
            autoResize: false,
            displayAxes: true,
            renderer: {
                antialias: false,
                alpha: false,
                stencil: false,
                shadowMapEnabled: false,
                shadowMapType: 0,
                toneMapping: 0,
            },
            perspectiveCamera: {
                fov: 0,
                near: 0,
                far: 0,
            },
            orbitControls: {
                enableDamping: false,
                dampingFactor: 0,
            },
        };

        dive.Settings = {
            autoResize: true,
        };

        Object.assign(dive.Canvas, { parentElement: null });

        dive.Settings = {
            autoResize: false,
        };

        dive.Settings = {
            autoResize: true,
        };
    });
});