quasar/src/utils/private.inject-obj-prop/inject-obj-prop.test.js

Build high-performance VueJS user interfaces (SPA, PWA, SSR, Mobile and Desktop) in record time

import { describe, test, expect } from 'vitest'

import { injectProp, injectMultipleProps } from './inject-obj-prop.js'

describe('[injectObjProp API]', () => {
  describe('[Functions]', () => {
    describe('[(function)injectProp]', () => {
      test('attaches getter correctly', () => {
        const source = { a: 5 }
        const target = {}

        const result = injectProp(target, 'prop', () => source.a)

        expect(result).toBe(target)

        expect(result.prop).toBe(source.a)

        source.a = 'str'

        expect(result.prop).toBe(source.a)
      })

      test('attaches getter + setter correctly', () => {
        const source = { a: 5 }
        const target = {}

        const result = injectProp(
          target,
          'prop',
          () => source.a,
          val => {
            source.a = val
          }
        )

        expect(result).toBe(target)

        expect(result.prop).toBe(source.a)

        source.a = 'str'

        expect(result.prop).toBe(source.a)

        result.prop = 10

        expect(result.prop).toBe(source.a)
      })
    })

    describe('[(function)injectMultipleProps]', () => {
      test('attaches multiple props with getters', () => {
        const source = { a: 5, b: 'str' }
        const target = {}

        const result = injectMultipleProps(target, {
          propA: () => source.a,
          propB: () => source.b
        })

        expect(result).toBe(target)

        expect(result.propA).toBe(source.a)

        expect(result.propB).toBe(source.b)

        source.a = 'str'
        source.b = 10

        expect(result.propA).toBe(source.a)

        expect(result.propB).toBe(source.b)
      })
    })
  })
})