我对Vuejs比较新,并正在测试它的组件。使用vue-test-utils和jest进行测试。得到以下错误 test log
.vue文件包括模板,组件和样式。下面是SignupLayout.vue的一部分,出现了错误 -
<style lang="sass">
@import '../stylesheets/colors'
html[path="/signup"], html[path="/login"]
height: 100%
background-image: url("../assets/background.jpg")
background-size: cover
background-position: center
background-repeat: no-repeat
overflow: hidden
#signup-layout
#change-language-button
.lang-menu
color: $alto
</style>
测试文件 -
import Vue from 'vue';
import Vuex from 'vuex'
import SignupLayout from '../src/components/SignupLayout.vue';
import { mount, shallow, createLocalVue } from '@vue/test-utils';
const localVue = createLocalVue()
localVue.use(Vuex)
jest.resetModules()
describe('Signup.test.js', () => {
let cmp
let actions
let store
let getters
let state
beforeEach(() => {
state = {
email: 'abc@gmail.com'
}
getters = {
CURRENT_USER_EMAIL: state => state.email
}
store = new Vuex.Store({
getters
})
})
it('has received ["Login"] as the title property', () => {
cmp = shallow(SignupLayout, {
store,
localVue,
propsData: {
title: ['Login']
},
data: {
email: 'abc@dsf.com'
}
})
cmp.update()
expect(cmp.vm.title).toEqual(['Login'])
})
})
不明白$t与sass有何关系,希望得到帮助。我已经卡在这里一段时间了。如果需要更多细节,请告诉我。谢谢。
this
上下文中,将$t创建为普通函数的模拟。 - Dobromir Hristov