Vue Routing Unit-Тесты -? - PullRequest
       26

Vue Routing Unit-Тесты -?

0 голосов
/ 19 сентября 2018

Я пытаюсь выполнить юнит-тестирование: route-paths.

router / index.js (index.js - это файл с путями в папке маршрутизатора)

import Vue from 'vue'
import Router from 'vue-router'
import Login00Z from '@/components/Login00Z'


Vue.use(Router)

export default new Router({
    mode:'history',
    routes: [
        { path: '/', name: 'default', component: Login00Z },
        { path: '/', redirect: {name: 'login00Z'} },
        { path: '/login00Z', name: 'login00Z', component: Login00Z }
    ]
})

specs / app.spec.js (app.spec.js - файл с юнит-тестами в папке specs)

import sinon from 'sinon'
import { expect } from 'chai'
import Vuetify from 'vuetify'
import { mount, shallowMount, createLocalVue } from '@vue/test-utils'
import VueRouter from 'vue-router'
import App from '@/App.vue'
import Login00Z from '@/components/Login00Z.vue'

describe('App.vue', () => {

    const localVue = createLocalVue()
    localVue.use(VueRouter)
    const router = new VueRouter()
    const wrapper = shallowMount(App, {
        Login00Z,
        localVue,
        router,
        stubs: ['v-navigation-drawer', 'v-list', 'v-list-tile',
         'v-list-tile-action', 'v-icon', 'v-list-tile-content',
         'v-list-tile-title', 'v-toolbar', 'v-toolbar-side-icon',
         'v-icon', 'v-toolbar-title', 'v-spacer', 'router-link',
         'router-view', 'v-app', 'v-btn','v-content',
         'v-slide-y-transition','v-layout', 'v-footer']
    })

    it('app loads with correct route', () => {
        expect(wrapper.vm.$route.path).to.equal('/')
    })

});

Хорошо,Итак, позвольте мне объяснить:

Как вы можете видеть, есть один тест, который проводится.Путь должен быть равен ('/'), это работает, тест проходит.Когда я пишу точно такой же код и меняю только ('/') на ('/ login00Z'), проверка не проходит.Теперь я знал, что это не сработает, и я попробовал много разных методов, и я до сих пор не могу понять, как это сделать.

Есть ли кто-нибудь, кто может помочь мне с тестированием (/ mock)Путь '/ login00Z'?Я уверен, что если я знаю, как это сделать, я легко смогу продолжить свою работу.

...