ref.spec.ts — vue Source File

Architecture documentation for ref.spec.ts, a typescript file in the vue codebase. 2 imports, 0 dependents.

File typescript 2 imports

Entity Profile

Dependency Diagram

graph LR
  d0b0ca10_7117_fd6a_232c_96856747cf93["ref.spec.ts"]
  d970b406_3424_b00e_55dd_82e98ab5aac2["v3"]
  d0b0ca10_7117_fd6a_232c_96856747cf93 --> d970b406_3424_b00e_55dd_82e98ab5aac2
  1a5e86bd_1a43_1523_b480_a1b1a98c87ad["effect"]
  d0b0ca10_7117_fd6a_232c_96856747cf93 --> 1a5e86bd_1a43_1523_b480_a1b1a98c87ad
  style d0b0ca10_7117_fd6a_232c_96856747cf93 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

import {
  ref,
  isRef,
  shallowRef,
  unref,
  triggerRef,
  toRef,
  toRefs,
  customRef,
  Ref,
  isReactive,
  isShallow,
  reactive,
  computed,
  readonly
} from 'v3'
import { effect } from 'v3/reactivity/effect'

describe('reactivity/ref', () => {
  it('should hold a value', () => {
    const a = ref(1)
    expect(a.value).toBe(1)
    a.value = 2
    expect(a.value).toBe(2)
  })

  it('should be reactive', () => {
    const a = ref(1)
    let dummy
    let calls = 0
    effect(() => {
      calls++
      dummy = a.value
    })
    expect(calls).toBe(1)
    expect(dummy).toBe(1)
    a.value = 2
    expect(calls).toBe(2)
    expect(dummy).toBe(2)
    // same value should not trigger
    a.value = 2
    expect(calls).toBe(2)
  })

  it('should make nested properties reactive', () => {
    const a = ref({
      count: 1
    })
    let dummy
    effect(() => {
      dummy = a.value.count
    })
    expect(dummy).toBe(1)
    a.value.count = 2
    expect(dummy).toBe(2)
  })

  it('should work without initial value', () => {
    const a = ref()
    let dummy
// ... (362 more lines)

Dependencies

effect
v3

Source

View on GitHub

Frequently Asked Questions

What does ref.spec.ts do?

ref.spec.ts is a source file in the vue codebase, written in typescript.

What does ref.spec.ts depend on?

ref.spec.ts imports 2 module(s): effect, v3.

Where is ref.spec.ts in the architecture?

ref.spec.ts is located at test/unit/features/v3/reactivity/ref.spec.ts (directory: test/unit/features/v3/reactivity).

Analyze Your Own Codebase

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

Try Supermodel Free