/* eslint-disable max-classes-per-file */
import * as fs from 'fs'
import 'jest-extended'
import '@testing-library/jest-dom'
import Vue from 'vue'
import yaml from 'js-yaml'

window.blessing = {
  base_url: '',
  site_name: 'Blessing Skin',
  version: '4.0.0',
  extra: {},
  i18n: yaml.load(fs.readFileSync('resources/lang/en/front-end.yml', 'utf8')),
}

class Headers extends Map {
  constructor(headers: object = {}) {
    // @ts-ignore
    super(Object.entries(headers))
  }
}
class Request {
  public url: string

  public headers: Headers

  constructor(url: string, init: RequestInit) {
    this.url = url
    Object.assign(this, init)
    // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition
    this.headers = new Headers(Object.entries(init.headers || {}))
  }
}
Object.assign(window, { Headers, Request })

const noop = () => undefined
Object.assign(console, {
  log: noop,
  info: noop,
  warn: noop,
  error: noop,
})

Vue.prototype.$t = key => key

Vue.directive('t', (el: Element, { 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(),
}