如何进行 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 (将#修改为@）