vue Architecture Docs
Home / File/ transition-with-keep-alive.spec.ts — vue Source File

transition-with-keep-alive.spec.ts — vue Source File

Architecture documentation for transition-with-keep-alive.spec.ts, a typescript file in the vue codebase. 3 imports, 0 dependents.

File typescript VueCore 3 imports

Entity Profile

Dependency Diagram

graph LR
  69fd8244_8cc8_f06a_c243_a9cfa03ccd05["transition-with-keep-alive.spec.ts"]
  17e86ae4_9dda_9399_9625_68fceea277c4["helpers.ts"]
  69fd8244_8cc8_f06a_c243_a9cfa03ccd05 --> 17e86ae4_9dda_9399_9625_68fceea277c4
  79b3dbe8_b79b_b5de_51cf_dd6781dae129["injectStyles"]
  69fd8244_8cc8_f06a_c243_a9cfa03ccd05 --> 79b3dbe8_b79b_b5de_51cf_dd6781dae129
  db9e7bef_009d_3918_6e7d_543a36a38d75["vue"]
  69fd8244_8cc8_f06a_c243_a9cfa03ccd05 --> db9e7bef_009d_3918_6e7d_543a36a38d75
  style 69fd8244_8cc8_f06a_c243_a9cfa03ccd05 fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

import Vue from 'vue'
import { injectStyles, waitForUpdate, nextFrame } from './helpers'

describe('Transition w/ KeepAlive', () => {
  const { duration, buffer } = injectStyles()

  let components, one, two, el
  beforeEach(() => {
    one = {
      template: '<div>one</div>',
      created: jasmine.createSpy(),
      mounted: jasmine.createSpy(),
      activated: jasmine.createSpy(),
      deactivated: jasmine.createSpy(),
      destroyed: jasmine.createSpy()
    }
    two = {
      template: '<div>two</div>',
      created: jasmine.createSpy(),
      mounted: jasmine.createSpy(),
      activated: jasmine.createSpy(),
      deactivated: jasmine.createSpy(),
      destroyed: jasmine.createSpy()
    }
    components = {
      one,
      two
    }
    el = document.createElement('div')
    document.body.appendChild(el)
  })

  function assertHookCalls(component, callCounts) {
    expect([
      component.created.calls.count(),
      component.mounted.calls.count(),
      component.activated.calls.count(),
      component.deactivated.calls.count(),
      component.destroyed.calls.count()
    ]).toEqual(callCounts)
  }

  it('with transition-mode out-in', done => {
    let next
    const vm = new Vue({
      template: `<div>
          <transition name="test" mode="out-in" @after-leave="afterLeave">
            <keep-alive>
              <component :is="view" class="test"></component>
            </keep-alive>
          </transition>
        </div>`,
      data: {
        view: 'one'
      },
      components,
      methods: {
        afterLeave() {
          next()
        }
// ... (595 more lines)

Domain

Dependencies

Source

Frequently Asked Questions

What does transition-with-keep-alive.spec.ts do?
transition-with-keep-alive.spec.ts is a source file in the vue codebase, written in typescript. It belongs to the VueCore domain.
What does transition-with-keep-alive.spec.ts depend on?
transition-with-keep-alive.spec.ts imports 3 module(s): helpers.ts, injectStyles, vue.
Where is transition-with-keep-alive.spec.ts in the architecture?
transition-with-keep-alive.spec.ts is located at test/transition/transition-with-keep-alive.spec.ts (domain: VueCore, directory: test/transition).

Analyze Your Own Codebase

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

Try Supermodel Free