blessing-skin-server/resources/assets/tests/setup.js

/* eslint-disable max-classes-per-file */
/* eslint-disable import/no-extraneous-dependencies */
import 'jest-extended'
import Vue from 'vue'
import {
  Button,
  Input,
  Radio,
  Switch,
} from 'element-ui'

window.blessing = {
  base_url: '',
  site_name: 'Blessing Skin',
  version: '4.0.0',
  extra: {},
}

window.Headers = class extends Map {
  constructor(headers = {}) {
    super(Object.entries(headers))
  }
}

window.Request = class {
  constructor(url, init) {
    this.url = url
    Object.assign(this, init)
    this.headers = new Map(Object.entries(init.headers || {}))
  }
}

const noop = () => undefined
// eslint-disable-next-line no-console
Object.keys(console).forEach(method => (console[method] = noop))

Vue.prototype.$t = key => key

Vue.directive('t', (el, { value }) => {
  if (typeof value === 'string') {
    el.innerHTML = value
  } else if (typeof value === 'object') {
    el.innerHTML = value.path
  } else {
    throw new Error('[i18n] Invalid arguments in `v-t` directive.')
  }
})

Vue.prototype.$http = {
  get: jest.fn(),
  post: jest.fn(),
  put: jest.fn(),
  del: jest.fn(),
}

Vue.use(Button)
Vue.use(Input)
Vue.use(Radio)
Vue.use(Switch)
Vue.prototype.$message = {
  info: jest.fn(),
  success: jest.fn(),
  warning: jest.fn(),
  error: jest.fn(),
}
Vue.prototype.$msgbox = jest.fn()
Vue.prototype.$alert = jest.fn()
Vue.prototype.$confirm = jest.fn()
Vue.prototype.$prompt = jest.fn()