supertest和vue的开玩笑配置

Question

我有一个使用VUE和Express的应用程序，并且我都为每个应用程序编写了测试，我可以自己进行VUE测试，也可以单独进行Express Test。

下面是嘲笑配置文件，如果我删除预设，则可以很好地运行VUE，对于我的supertest/Express测试将正常工作。

module.exports = {
// TODO: This line is needed for vue tests but breaks js tests
preset: "@vue/cli-plugin-unit-jest",


coverageDirectory: "test-reports/",
    coveragePathIgnorePatterns: [
      "/node_modules/"
    ],
  reporters: [
    "default",
    [
      "jest-junit",
      {
        outputName: "vue_junit.xml",
        outputDirectory: "test-reports/",
      },
    ],

  ],
};

在这里参考，这两个测试是否有助于

// Libraries
import Vuetify from "vuetify";
import Vue from "vue";

// Components
import UserBar from "@/components/userBar.vue"

// Utilities
import { createLocalVue, shallowMount } from "@vue/test-utils";

// Setup Up
const localVue = createLocalVue();
const vuetify = new Vuetify();
Vue.use(Vuetify);

describe("userBar.vue", () => {
  let wrapper;

  beforeEach(() => {
    wrapper = shallowMount(UserBar, {
      localVue,
      vuetify,
    });
  });
  afterEach(() => {
    wrapper.destroy();
  });

  it("wrapper created properly", () => {
    expect(typeof wrapper).toBe("object");
  });
});

表达测试

var request = require('supertest');
import * as local from '../../server';

var express = require('express');
var app = express();
describe('loading express', function () {
  var server;
  beforeEach(function () {
  delete require.cache[require.resolve('../../server/index')];
  server = local.default(app);
});
  afterEach(function (done) {
    server.close(done);
  });
  it('responds to /client', function testSlashHealth(done) {
  request(server)
    .get('/client')
    .expect(200, done);
  });
  it('404 everything else', function testPath(done) {
    request(server)
      .get('/foo/bar')
      .expect(404, done);
  });
});

Answer 1

测试时通过指定2个配置文件来解决此问题

jest -c jest.config.express.js

jest -c jest.config.vue.js