methods-data.spec.ts — vue Source File

Source Code

import Vue from 'vue'

describe('Instance methods data', () => {
  it('$set/$delete', done => {
    const vm = new Vue({
      template: '<div>{{ a.msg }}</div>',
      data: {
        a: {}
      }
    }).$mount()
    expect(vm.$el.innerHTML).toBe('')
    vm.$set(vm.a, 'msg', 'hello')
    waitForUpdate(() => {
      expect(vm.$el.innerHTML).toBe('hello')
      vm.$delete(vm.a, 'msg')
    })
      .then(() => {
        expect(vm.$el.innerHTML).toBe('')
      })
      .then(done)
  })

  describe('$watch', () => {
    let vm, spy
    beforeEach(() => {
      spy = vi.fn()
      vm = new Vue({
        data: {
          a: {
            b: 1
          },
          유니코드: {
            なまえ: 'ok'
          }
        },
        methods: {
          foo: spy
        }
      })
    })

    it('basic usage', done => {
      vm.$watch('a.b', spy)
      vm.a.b = 2
      waitForUpdate(() => {
        expect(spy.mock.calls.length).toBe(1)
        expect(spy).toHaveBeenCalledWith(2, 1)
        vm.a = { b: 3 }
      })
        .then(() => {
          expect(spy.mock.calls.length).toBe(2)
          expect(spy).toHaveBeenCalledWith(3, 2)
        })
        .then(done)
    })

    it('immediate', () => {
      vm.$watch('a.b', spy, { immediate: true })
      expect(spy.mock.calls.length).toBe(1)
      expect(spy).toHaveBeenCalledWith(1)
// ... (79 more lines)