toBeAriaDisabled

1 toBeAriaDisabled.ts

import type { MatcherFunction } from "expect";

function assertIsElement(el: unknown): asserts el is HTMLElement {
  const isElement = el instanceof HTMLElement;
  if (!isElement) {
    throw new TypeError("Not an HTMLElement");
  }
}

export const toBeAriaDisabled: MatcherFunction<[element: unknown]> = function (element) {
  assertIsElement(element);

  const ariaDisabled = element.getAttribute("aria-disabled");
  const isDisabled = ariaDisabled === "true";

  return {
    pass: isDisabled,
    message: () => {
      const elementPrint = this.utils.printReceived(element.cloneNode(false));

      if (this.isNot) {
        return (
          `${this.utils.matcherHint(".not.toBeAriaDisabled", "element", "")}\n\n` +
          `Received element is aria-disabled\n` +
          `Expecting no aria-disabled attribute or aria-disabled="false"\n\n` +
          `${elementPrint}`
        );
      } else {
        return (
          `${this.utils.matcherHint(".toBeAriaDisabled", "element", "")}\n\n` +
          `Received element is not aria-disabled\n` +
          `Expecting attribute: aria-disabled="true"\n\n` +
          `${elementPrint}`
        );
      }
    },
  };
};

export const toBeAriaEnabled: MatcherFunction<[element: unknown]> = function (element) {
  assertIsElement(element);

  const ariaDisabled = element.getAttribute("aria-disabled");
  const isEnabled = ariaDisabled == null || ariaDisabled === "false";

  return {
    pass: isEnabled,
    message: () => {
      const elementPrint = this.utils.printReceived(element.cloneNode(false));

      if (this.isNot) {
        return (
          `${this.utils.matcherHint(".not.toBeAriaEnabled", "element", "")}\n\n` +
          `Received element is not aria-disabled\n` +
          `Expecting attribute: aria-disabled="true"\n\n` +
          `${elementPrint}`
        );
      } else {
        return (
          `${this.utils.matcherHint(".toBeAriaEnabled", "element", "")}\n\n` +
          `Received element is aria-disabled\n` +
          `Expecting no aria-disabled attribute or aria-disabled="false"\n\n` +
          `${elementPrint}`
        );
      }
    },
  };
};

declare global {
  // Can't do it without namespace in our current version of Jest
  // eslint-disable-next-line @typescript-eslint/no-namespace -- 👆
  namespace jest {
    interface Matchers<R> {
      toBeAriaDisabled(): R;
      toBeAriaEnabled(): R;
    }
  }
}

2 setupTestsAfterEnv.ts

import * as matchers from "./tests/toBeAriaDisabled";

expect.extend(matchers);