maplibre-gl/src/style-spec/declass.test.ts

BSD licensed community fork of mapbox-gl, a WebGL interactive maps library

import declass from './declass';

describe('declass', () => {
    test('declass a style, one class', () => {
        const style = {
            layers: [{
                id: 'a',
                paint: {
                    'fill-color': {base: 2, stops: [[0, 'red'], [22, 'yellow']]},
                    'fill-outline-color': 'green'
                },
                'paint.one': {
                    'fill-color': {base: 1},
                    'fill-opacity': 0.5
                }
            }]
        };

        const declassed = declass(style, ['one']);

        expect(declassed).not.toBe(style);
        expect(declassed.layers).not.toBe(style.layers);
        expect(declassed.layers[0]).not.toBe(style.layers[0]);
        expect(declassed.layers[0].paint).not.toBe(style.layers[0].paint);

        expect(declassed).toEqual({
            layers: [{
                id: 'a',
                paint: {
                    'fill-color': {base: 1},
                    'fill-outline-color': 'green',
                    'fill-opacity': 0.5
                }
            }]
        });

    });

    test('declass a style, missing class ==> noop', () => {
        const style = {
            layers: [{
                id: 'a',
                paint: {
                    'fill-color': 'red',
                    'fill-outline-color': 'green'
                }
            }]
        };

        expect(declass(style, ['one'])).toEqual({
            layers: [{
                id: 'a',
                paint: {
                    'fill-color': 'red',
                    'fill-outline-color': 'green'
                }
            }]
        });

    });

    test('declass a style, multiple classes', () => {
        const style = {
            layers: [{
                id: 'a',
                paint: {
                    'fill-color': 'red',
                    'fill-outline-color': 'green'
                },
                'paint.one': {
                    'fill-color': 'blue',
                    'fill-opacity': 0.5
                },
                'paint.two': {
                    'fill-opacity': 0.75,
                    'fill-something-else': true
                }
            }]
        };

        expect(declass(style, ['one', 'two'])).toEqual({
            layers: [{
                id: 'a',
                paint: {
                    'fill-color': 'blue',
                    'fill-outline-color': 'green',
                    'fill-opacity': 0.75,
                    'fill-something-else': true
                }
            }]
        });

    });

    test('declassing a style removes paint.CLASS definitions, whether or not they are applied', () => {
        const style = {
            layers: [{
                id: 'a',
                paint: {
                    'fill-color': 'red',
                    'fill-outline-color': 'green'
                },
                'paint.one': {}
            }]
        };

        expect(declass(style, ['one'])).toEqual({
            layers: [{
                id: 'a',
                paint: {
                    'fill-color': 'red',
                    'fill-outline-color': 'green'
                }
            }]
        });

    });
});