我试图故意进行一个简单的测试,以确保我的笑话设置正常工作。
这是我的测试
users.test.js
import { shallowMount, createLocalVue } from '@vue/test-utils';
import VueRouter from 'vue-router';
import Vuex from 'vuex';
import BootstrapVue from 'bootstrap-vue';
import UsersList from './../../components/users/UsersList.vue';
const localVue = createLocalVue();
localVue.use(VueRouter);
localVue.use(Vuex);
localVue.use(BootstrapVue);
describe('UsersList.vue', () => {
let store;
const state = {
User: {
id: 1,
},
};
beforeEach(() => {
store = new Vuex.Store({
state,
});
});
// TESTS
it('has a created hook', () => {
const wrapper = shallowMount(UsersList, {
store,
localVue,
});
expect(typeof wrapper.created).toBe('function');
});
我正在测试的组件称为 UsersList.vue ,我肯定在其中创建了一个钩子。 运行测试后,我从cmd收到此消息:
FAIL vue/tests/users/users.test.js
UsersList.vue
× has a created hook (45 ms)
● UsersList.vue › has a created hook
expect(received).toBe(expected) // Object.is equality
Expected: "function"
Received: "undefined"
39 | localVue,
40 | });
> 41 | expect(typeof wrapper.created).toBe('function');
| ^
42 | });
43 |
44 | // it('has timeFormatterMixin added to transform time output inside the list', () => {
at Object.<anonymous> (vue/tests/users/users.test.js:41:36)
Test Suites: 1 failed, 1 total
Tests: 1 failed, 1 total
Snapshots: 0 total
Time: 2.799 s, estimated 3 s
Ran all test suites.
有人知道这里发生了什么吗? 我从自己的文档here
中尝试了测试示例