/**
 * The MIT License (MIT)
 * Copyright (c) 2017 Kent C. Dodds
 *
 * Permission is hereby granted, free of charge, to any person obtaining a copy
 * of this software and associated documentation files (the "Software"), to deal
 * in the Software without restriction, including without limitation the rights
 * to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 * copies of the Software, and to permit persons to whom the Software is
 * furnished to do so, subject to the following conditions:
 *
 * The above copyright notice and this permission notice shall be included in all
 * copies or substantial portions of the Software.
 */

import type { MatcherResult, MatcherState } from 'vitest'
import type { Locator } from '../locators'
import { getElementAccessibleErrorMessage } from 'ivya/utils'
import { getElementFromUserInput, getMessage, redent } from './utils'

export default function toHaveAccessibleErrorMessage(
  this: MatcherState,
  actual: Element | Locator,
  expectedAccessibleErrorMessage?: string | RegExp,
): MatcherResult {
  const htmlElement = getElementFromUserInput(actual, toHaveAccessibleErrorMessage, this)
  const actualAccessibleErrorMessage = getElementAccessibleErrorMessage(htmlElement) ?? ''
  const defaultView = htmlElement.ownerDocument.defaultView || window

  const missingExpectedValue = arguments.length === 1

  let pass = false
  if (missingExpectedValue) {
    // When called without an expected value we only want to validate that the element has an
    // accessible description, whatever it may be.
    pass = actualAccessibleErrorMessage !== ''
  }
  else {
    pass
      = expectedAccessibleErrorMessage instanceof defaultView.RegExp
        ? expectedAccessibleErrorMessage.test(actualAccessibleErrorMessage)
        : this.equals(
            actualAccessibleErrorMessage,
            expectedAccessibleErrorMessage,
            this.customTesters,
          )
  }

  return {
    pass,

    message: () => {
      const to = this.isNot ? 'not to' : 'to'
      if (expectedAccessibleErrorMessage == null) {
        return [
          this.utils.matcherHint(
            `${this.isNot ? '.not' : ''}.toHaveAccessibleErrorMessage`,
            'element',
            '',
          ),
          `Expected element ${to} have accessible error message, but got${!this.isNot ? ' nothing' : ''}`,
          this.isNot ? this.utils.RECEIVED_COLOR(redent(actualAccessibleErrorMessage, 2)) : '',
        ].filter(Boolean).join('\n\n')
      }
      return getMessage(
        this,
        this.utils.matcherHint(
          `${this.isNot ? '.not' : ''}.toHaveAccessibleErrorMessage`,
          'element',
          '',
        ),
        `Expected element ${to} have accessible error message`,
        expectedAccessibleErrorMessage,
        'Received',
        actualAccessibleErrorMessage,
      )
    },
  }
}
