如何解决如何进行 Jest 测试以检查帖子是否在 VueJS 中正确呈现?
我正在尝试测试 Jest 的 GET 请求是否正常工作,并且我可以通过他们的 ID 获取帖子。请耐心等待,我对前端测试很陌生,不完全确定如何进行。
这是我的 GET 请求:
getPost() {
this.refreshToken();
http
.get(`/posts/${this.$cookie.get('id')}`,{
headers: {
"Authorization": `Bearer ${this.$cookie.get('token')}`,"Content-type": "application/json",},})
.then((response) => {
this.post = response.data;
})
.catch((error) => {
console.log(error.response);
});
},
我不完全确定如何对此进行测试,因为网上关于此的示例并不多。
到目前为止,我的 Jest 测试如下所示:
import Post from '@/views/Posts.vue'
import { shallowMount } from '@vue/test-utils';
const axios = require('axios');
jest.mock('axios');
jest.mock('@/common.js',() => {
return{
baseURL: 'http://localhost:8080/api',request: jest.fn().mockResolvedValue({
data: [
{
postTitle: null,postContents: null,ranking: 3,createdTime: '2021-04-05',modifiedTime: null,subforum: 'test',user: 'tester',comments: ['render? i dont kNow her']
}
]
}),}
});
describe('test get Post Title',() => {
afterEach(() => jest.resetAllMocks());
it('fetches post by post id',async () => {
const post = await getPost();
expect(axios.request).toHaveBeenCalledWith({ method: 'get',url: '/posts/${this.$cookie.get('postid')}' });
});
});
对不起,如果这是一个非常愚蠢的问题,我只是很困惑。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。