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 CompilerSFC 3 imports

Entity Profile

Dependency Diagram

graph LR
  3d8fdb15_b60e_045b_9a29_a0c1e85bc616["transition-with-keep-alive.spec.ts"]
  e36f34fa_ce0b_6e35_f3e0_e2cebbd0d05e["helpers.ts"]
  3d8fdb15_b60e_045b_9a29_a0c1e85bc616 --> e36f34fa_ce0b_6e35_f3e0_e2cebbd0d05e
  84b5200e_9572_395c_49ed_98c6dc7ba9f2["injectStyles"]
  3d8fdb15_b60e_045b_9a29_a0c1e85bc616 --> 84b5200e_9572_395c_49ed_98c6dc7ba9f2
  c5601857_7faf_30c6_efca_20de90db006c["vue"]
  3d8fdb15_b60e_045b_9a29_a0c1e85bc616 --> c5601857_7faf_30c6_efca_20de90db006c
  style 3d8fdb15_b60e_045b_9a29_a0c1e85bc616 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 CompilerSFC 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: CompilerSFC, directory: test/transition).

Analyze Your Own Codebase

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

Try Supermodel Free