vue Architecture Docs
Home / File/ set-delete.spec.ts — vue Source File

set-delete.spec.ts — vue Source File

Architecture documentation for set-delete.spec.ts, a typescript file in the vue codebase. 1 imports, 0 dependents.

File typescript VueCore GlobalAPI 1 imports 1 classes

Entity Profile

Dependency Diagram

graph LR
  7eb6c015_786a_7e8d_e654_c16d9a4778b2["set-delete.spec.ts"]
  db9e7bef_009d_3918_6e7d_543a36a38d75["vue"]
  7eb6c015_786a_7e8d_e654_c16d9a4778b2 --> db9e7bef_009d_3918_6e7d_543a36a38d75
  style 7eb6c015_786a_7e8d_e654_c16d9a4778b2 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

import Vue from 'vue'

describe('Global API: set/delete', () => {
  describe('Vue.set', () => {
    it('should update a vue object', done => {
      const vm = new Vue({
        template: '<div>{{x}}</div>',
        data: { x: 1 }
      }).$mount()
      expect(vm.$el.innerHTML).toBe('1')
      Vue.set(vm, 'x', 2)
      waitForUpdate(() => {
        expect(vm.$el.innerHTML).toBe('2')
      }).then(done)
    })

    it('should update an observing object', done => {
      const vm = new Vue({
        template: '<div>{{foo.x}}</div>',
        data: { foo: { x: 1 } }
      }).$mount()
      expect(vm.$el.innerHTML).toBe('1')
      Vue.set(vm.foo, 'x', 2)
      waitForUpdate(() => {
        expect(vm.$el.innerHTML).toBe('2')
      }).then(done)
    })

    it('should update an observing array', done => {
      const vm = new Vue({
        template: '<div><div v-for="v,k in list">{{k}}-{{v}}</div></div>',
        data: { list: ['a', 'b', 'c'] }
      }).$mount()
      expect(vm.$el.innerHTML).toBe(
        '<div>0-a</div><div>1-b</div><div>2-c</div>'
      )
      Vue.set(vm.list, 1, 'd')
      waitForUpdate(() => {
        expect(vm.$el.innerHTML).toBe(
          '<div>0-a</div><div>1-d</div><div>2-c</div>'
        )
        Vue.set(vm.list, '2', 'e')
      })
        .then(() => {
          expect(vm.$el.innerHTML).toBe(
            '<div>0-a</div><div>1-d</div><div>2-e</div>'
          )
          /* eslint-disable no-new-wrappers */
          Vue.set(vm.list, new Number(1), 'f')
        })
        .then(() => {
          expect(vm.$el.innerHTML).toBe(
            '<div>0-a</div><div>1-f</div><div>2-e</div>'
          )
          Vue.set(vm.list, '3g', 'g')
        })
        .then(() => {
          expect(vm.$el.innerHTML).toBe(
            '<div>0-a</div><div>1-f</div><div>2-e</div>'
          )
// ... (131 more lines)

Domain

Subdomains

Classes

Dependencies

  • vue

Source

Frequently Asked Questions

What does set-delete.spec.ts do?
set-delete.spec.ts is a source file in the vue codebase, written in typescript. It belongs to the VueCore domain, GlobalAPI subdomain.
What does set-delete.spec.ts depend on?
set-delete.spec.ts imports 1 module(s): vue.
Where is set-delete.spec.ts in the architecture?
set-delete.spec.ts is located at test/unit/features/global-api/set-delete.spec.ts (domain: VueCore, subdomain: GlobalAPI, directory: test/unit/features/global-api).

Analyze Your Own Codebase

Get architecture documentation, dependency graphs, and domain analysis for your codebase in minutes.

Try Supermodel Free