vue-formulario/test/unit/utils/access.test.js

import { get, set, unset } from '@/utils/access'

class Sample {
    constructor() {
        this.fieldA = 'fieldA'
        this.fieldB = 'fieldB'
    }

    doSomething () {}
}

describe('access', () => {
    describe('get', () => {
        test.each([
            [{ a: { b: { c: 1 } } }, 'a', { b: { c: 1 } }],
            [{ a: { b: { c: 1 } }, d: 1 }, 'a', { b: { c: 1 } }],
            [{ a: { b: { c: 1 } } }, 'a.b.c', 1],
            [{ a: { b: [1] } }, 'a.b[0]', 1],
            [{ a: { b: [1, 2, 3] } }, 'a.b[0]', 1],
            [{ a: { b: [1, 2, 3] } }, 'a.b[1]', 2],
            [{ a: { b: [1, 2, 3] } }, 'a.b[2]', 3],
            [{ a: { b: [1, 2, 3] } }, 'a.b[3]', undefined],
            [{ a: { b: [{ c: 1 }, 2, 3] } }, 'a.b[0].c', 1],
            [{ a: { b: [{ c: 1 }, 2, 3] } }, 'a.b[1].c', undefined],
            [[{ c: 1 }, 2, 3], '[0].c', 1],
            [[{ c: 2 }, 2, 3], '[0].c', 2],
            [new Sample(), 'fieldA', 'fieldA'],
        ])('gets by path', (state, path, expected) => {
            expect(get(state, path)).toEqual(expected)
        })
    })

    describe('set', () => {
        test.each([
            [{}, 'a', 1, { a: 1 }],
            [null, 'a', 1, { a: 1 }],
            ['', 'a', 1, { a: 1 }],
            ['lorem', 'a', 1, { a: 1 }],
            [true, 'a', 1, { a: 1 }],
            [{}, 'a.b', 1, { a: { b: 1 } }],
            [{ a: { b: null } }, 'a.b', 1, { a: { b: 1 } }],
            [{ a: false }, 'a.b', 1, { a: { b: 1 } }],
            [{}, 'a[0]', 1, { a: [1] }],
            [{ a: false }, 'a[0]', 1, { a: [1] }],
            [{}, 'a[0].b', 1, { a: [{ b: 1 }] }],
            [{ a: false }, 'a[0].b', 1, { a: [{ b: 1 }] }],
            [{}, 'a[0].b.c', 1, { a: [{ b: { c: 1 } }] }],
            [{}, 'a[0].b[0].c', 1, { a: [{ b: [{ c: 1 }] }] }],
            [{ a: false }, 'a[0].b[0].c', 1, { a: [{ b: [{ c: 1 }] }] }],
            [{ a: [{ b: false }] }, 'a[0].b[0].c', 1, { a: [{ b: [{ c: 1 }] }] }],
            [{ a: { b: false } }, 'a[0].b[0].c', 1, { a: { 0: { b: [{ c: 1 }] }, b: false } }],
        ])('sets by path', (state, path, value, expected) => {
            const processed = set(state, path, value)

            expect(processed).toEqual(expected)
            expect(processed === state).toBeFalsy()
        })
    })

    describe('unset', () => {
        test.each([
            [{ a: { b: { c: 1 } } }, 'a', {}],
            [{ a: { b: { c: 1 } }, d: 1 }, 'a', { d: 1 }],
            [{ a: { b: { c: 1 } } }, 'a.b.c', { a: { b: {} } }],
            [{ a: { b: [1] } }, 'a.b[0]', { a: { b: [] } }],
            [{ a: { b: [1, 2, 3] } }, 'a.b[0]', { a: { b: [2, 3] } }],
            [{ a: { b: [1, 2, 3] } }, 'a.b[1]', { a: { b: [1, 3] } }],
            [{ a: { b: [1, 2, 3] } }, 'a.b[2]', { a: { b: [1, 2] } }],
            [{ a: { b: [1, 2, 3] } }, 'a.b[3]', { a: { b: [1, 2, 3] } }],
            [{ a: { b: [{ c: 1 }, 2, 3] } }, 'a.b[0].c', { a: { b: [{}, 2, 3] } }],
            [{ a: { b: [{ c: 1 }, 2, 3] } }, 'a.b[1].c', { a: { b: [{ c: 1 }, 2, 3] } }],
            [[{ c: 1 }, 2, 3], '[0].c', [{}, 2, 3]],
        ])('unsets by path', (state, path, expected) => {
            const processed = unset(state, path)

            expect(processed).toEqual(expected)
            expect(processed === state).toBeFalsy()
        })

        test.each`
            type           | scalar
            ${'booleans'}  | ${false}
            ${'numbers'}   | ${123}
            ${'strings'}   | ${'hello'}
            ${'symbols'}   | ${Symbol(123)}
            ${'undefined'} | ${undefined}
            ${'null'}      | ${null}
        `('not unsets for $type', ({ scalar }) => {
            expect(unset(scalar, 'key')).toStrictEqual(scalar)
        })

        test('not unsets for class instance', () => {
            const sample = new Sample()
            const processed = unset(sample, 'fieldA')

            expect(processed.fieldA).toStrictEqual('fieldA')
        })
    })
})