import { signIn, signOut } from 'next-auth/react'

Cypress.Commands.add('signOut', () => {
  cy.log(`🔐 Sign out`)
  return cy.wrap(signOut({ redirect: false }), { log: false })
})

Cypress.Commands.add('signIn', (email: string) => {
  cy.log(`🔐 Sign in as ${email}`)
  return cy.wrap(signIn('credentials', { redirect: false, email }), {
    log: false,
  })
})

Cypress.Commands.add(
  'mouseMoveBy',
  {
    prevSubject: 'element',
  },
  // eslint-disable-next-line @typescript-eslint/ban-ts-comment
  // @ts-ignore
  (
    subject: JQuery<HTMLElement>,
    x: number,
    y: number,
    options?: { delay: number }
  ) => {
    cy.wrap(subject, { log: false })
      .then((subject) => {
        const initialRect = subject.get(0).getBoundingClientRect()
        const windowScroll = getDocumentScroll()

        return [subject, initialRect, windowScroll] as const
      })
      .then(([subject, initialRect, initialWindowScroll]) => {
        cy.wrap(subject)
          .trigger('mousedown', { force: true })
          .wait(options?.delay || 0, { log: Boolean(options?.delay) })
          .trigger('mousemove', {
            force: true,
            clientX: Math.floor(
              initialRect.left + initialRect.width / 2 + x / 2
            ),
            clientY: Math.floor(
              initialRect.top + initialRect.height / 2 + y / 2
            ),
          })
          .trigger('mousemove', {
            force: true,
            clientX: Math.floor(initialRect.left + initialRect.width / 2 + x),
            clientY: Math.floor(initialRect.top + initialRect.height / 2 + y),
          })
          // .wait(1000)
          .trigger('mouseup', { force: true })
          .wait(250)
          .then((subject: any) => {
            const finalRect = subject.get(0).getBoundingClientRect()
            const windowScroll = getDocumentScroll()
            const windowScrollDelta = {
              x: windowScroll.x - initialWindowScroll.x,
              y: windowScroll.y - initialWindowScroll.y,
            }

            const delta = {
              x: Math.round(
                finalRect.left - initialRect.left - windowScrollDelta.x
              ),
              y: Math.round(
                finalRect.top - initialRect.top - windowScrollDelta.y
              ),
            }

            return [subject, { initialRect, finalRect, delta }] as const
          })
      })
  }
)

const getDocumentScroll = () => {
  if (document.scrollingElement) {
    const { scrollTop, scrollLeft } = document.scrollingElement

    return {
      x: scrollTop,
      y: scrollLeft,
    }
  }

  return {
    x: 0,
    y: 0,
  }
}