filter.spec.ts — vue Source File

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

File typescript 2 imports

Entity Profile

Dependency Diagram

graph LR
  99fd1bc7_112f_c415_d2ef_8d448e033a4b["filter.spec.ts"]
  db9e7bef_009d_3918_6e7d_543a36a38d75["vue"]
  99fd1bc7_112f_c415_d2ef_8d448e033a4b --> db9e7bef_009d_3918_6e7d_543a36a38d75
  28807b09_bd98_412a_c92e_cab2e7afc9a8["filter-parser"]
  99fd1bc7_112f_c415_d2ef_8d448e033a4b --> 28807b09_bd98_412a_c92e_cab2e7afc9a8
  style 99fd1bc7_112f_c415_d2ef_8d448e033a4b fill:#6366f1,stroke:#818cf8,color:#fff

Relationship Graph

Source Code

import Vue from 'vue'
import { parseFilters } from 'compiler/parser/filter-parser'

describe('Filters', () => {
  it('basic usage', () => {
    const vm = new Vue({
      template: '<div>{{ msg | upper }}</div>',
      data: {
        msg: 'hi'
      },
      filters: {
        upper: v => v.toUpperCase()
      }
    }).$mount()
    expect(vm.$el.textContent).toBe('HI')
  })

  it('chained usage', () => {
    const vm = new Vue({
      template: '<div>{{ msg | upper | reverse }}</div>',
      data: {
        msg: 'hi'
      },
      filters: {
        upper: v => v.toUpperCase(),
        reverse: v => v.split('').reverse().join('')
      }
    }).$mount()
    expect(vm.$el.textContent).toBe('IH')
  })

  it('in v-bind', () => {
    const vm = new Vue({
      template: `
        <div
          v-bind:id="id | upper | reverse"
          :class="cls | reverse"
          :ref="ref | lower">
        </div>
      `,
      filters: {
        upper: v => v.toUpperCase(),
        reverse: v => v.split('').reverse().join(''),
        lower: v => v.toLowerCase()
      },
      data: {
        id: 'abc',
        cls: 'foo',
        ref: 'BAR'
      }
    }).$mount()
    expect(vm.$el.id).toBe('CBA')
    expect(vm.$el.className).toBe('oof')
    expect(vm.$refs.bar).toBe(vm.$el)
  })

  it('handle regex with pipe', () => {
    const vm = new Vue({
      template: `<test ref="test" :pattern="/a|b\\// | identity"></test>`,
      filters: { identity: v => v },
// ... (145 more lines)

Dependencies

filter-parser
vue

Source

View on GitHub

Frequently Asked Questions

What does filter.spec.ts do?

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

What does filter.spec.ts depend on?

filter.spec.ts imports 2 module(s): filter-parser, vue.

Where is filter.spec.ts in the architecture?

filter.spec.ts is located at test/unit/features/filter/filter.spec.ts (directory: test/unit/features/filter).

Analyze Your Own Codebase

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

Try Supermodel Free