mixin.spec.ts — vue Source File

Source Code

import Vue from 'vue'

describe('Global API: mixin', () => {
  let options
  beforeEach(() => {
    options = Vue.options
  })
  afterEach(() => {
    Vue.options = options
  })

  it('should work', () => {
    const spy = vi.fn()
    Vue.mixin({
      created() {
        spy(this.$options.myOption)
      }
    })
    new Vue({
      myOption: 'hello'
    })
    expect(spy).toHaveBeenCalledWith('hello')
  })

  it('should work for constructors created before mixin is applied', () => {
    const calls: any[] = []
    const Test: Vue = Vue.extend({
      name: 'test',
      beforeCreate() {
        calls.push(this.$options.myOption + ' local')
      }
    })
    Vue.mixin({
      beforeCreate() {
        calls.push(this.$options.myOption + ' global')
      }
    })
    expect(Test.options.name).toBe('test')
    new Test({
      myOption: 'hello'
    })
    expect(calls).toEqual(['hello global', 'hello local'])
  })

  // #3957
  it('should work for global props', () => {
    const Test = Vue.extend({
      template: `<div>{{ prop }}</div>`
    })

    Vue.mixin({
      props: ['prop']
    })

    // test child component
    const vm = new Vue({
      template: '<test prop="hi"></test>',
      components: { Test }
    }).$mount()

// ... (142 more lines)