vue Architecture Docs
Home / Class/ Test Class — vue Architecture

Test Class — vue Architecture

Architecture documentation for the Test class in vue-test.ts from the vue codebase.

Class typescript CompilerSFC

Entity Profile

Dependency Diagram

graph TD
  25effca2_c2c7_284b_3dc7_c79887320755["Test"]
  145f8442_1404_7a55_75d5_933bd0696063["vue-test.ts"]
  25effca2_c2c7_284b_3dc7_c79887320755 -->|defined in| 145f8442_1404_7a55_75d5_933bd0696063
  f0c4654d_b29c_6ca4_bd2e_fdb6640fbbb6["testProperties()"]
  25effca2_c2c7_284b_3dc7_c79887320755 -->|method| f0c4654d_b29c_6ca4_bd2e_fdb6640fbbb6
  99ac0f5e_abef_452e_ca8e_016b7e9aa699["testReification()"]
  25effca2_c2c7_284b_3dc7_c79887320755 -->|method| 99ac0f5e_abef_452e_ca8e_016b7e9aa699
  84fb879b_4231_08c7_b6cf_181122088ccb["testMethods()"]
  25effca2_c2c7_284b_3dc7_c79887320755 -->|method| 84fb879b_4231_08c7_b6cf_181122088ccb
  3eb35f0d_6dc1_f72c_c071_2d54958e371a["testConfig()"]
  25effca2_c2c7_284b_3dc7_c79887320755 -->|method| 3eb35f0d_6dc1_f72c_c071_2d54958e371a

Relationship Graph

Source Code

types/test/vue-test.ts lines 4–123

class Test extends Vue {
  a: number = 0

  testProperties() {
    this.$data
    this.$el
    this.$options
    this.$parent
    this.$root
    this.$children
    this.$refs
    this.$slots
    this.$isServer
    this.$ssrContext
    this.$vnode
    this.$root.$children[0].$children[0]
  }

  // test property reification
  $el!: HTMLElement | SVGElement
  $refs!: {
    vue: Vue
    element: HTMLInputElement
    vues: Vue[]
    elements: HTMLInputElement[]
  }
  testReification() {
    this.$refs.vue.$data
    this.$refs.element.value
    this.$refs.vues[0].$data
    this.$refs.elements[0].value
  }

  testMethods() {
    this.$mount('#app', false)
    this.$forceUpdate()
    this.$destroy()
    this.$set({}, 'key', 'value')
    this.$delete({}, 'key')
    this.$watch('a', (val: number, oldVal: number) => {}, {
      immediate: true,
      deep: false
    })()
    this.$watch(
      () => this.a,
      (val: number) => {}
    )
    this.$on('', () => {})
    this.$once('', () => {})
    this.$off('', () => {})
    this.$emit('', 1, 2, 3)
    this.$nextTick(function () {
      this.$nextTick
    })
    this.$nextTick().then(() => {})
    this.$createElement('div', {}, 'message')
  }

  static testConfig() {
    const { config } = this
    config.silent
    config.optionMergeStrategies
    config.devtools
    config.errorHandler = (err, vm) => {
      if (vm instanceof Test) {
        vm.testProperties()
        vm.testMethods()
      }
    }
    config.warnHandler = (msg, vm) => {
      if (vm instanceof Test) {
        vm.testProperties()
        vm.testMethods()
      }
    }
    config.keyCodes = { esc: 27 }
    config.ignoredElements = ['foo', /^ion-/]
    config.async = false
  }

  static testMethods() {

Domain

Defined In

Source

Frequently Asked Questions

What is the Test class?
Test is a class in the vue codebase, defined in types/test/vue-test.ts.
Where is Test defined?
Test is defined in types/test/vue-test.ts at line 4.

Analyze Your Own Codebase

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

Try Supermodel Free