const fixtureId = 'fixture'

export const getFixture = () => {
  let fixtureEl = document.getElementById(fixtureId)

  if (!fixtureEl) {
    fixtureEl = document.createElement('div')
    fixtureEl.setAttribute('id', fixtureId)
    fixtureEl.style.position = 'absolute'
    fixtureEl.style.top = '-10000px'
    fixtureEl.style.left = '-10000px'
    fixtureEl.style.width = '10000px'
    fixtureEl.style.height = '10000px'
    document.body.append(fixtureEl)
  }

  return fixtureEl
}

export const clearFixture = () => {
  const fixtureEl = getFixture()

  fixtureEl.innerHTML = ''
}

export const createEvent = (eventName, params = {}) => {
  const event = document.createEvent('Event')

  event.initEvent(eventName, Boolean(params.bubbles), Boolean(params.cancelable))
  return event
}

export const jQueryMock = {
  elements: undefined,
  fn: {},
  each(fn) {
    for (const el of this.elements) {
      fn.call(el)
    }
  }
}

export const clearBodyAndDocument = () => {
  const attributes = ['data-bs-padding-right', 'style']

  for (const attr of attributes) {
    document.documentElement.removeAttribute(attr)
    document.body.removeAttribute(attr)
  }
}