prefer-focus.js

/**
 * @fileoverview prefer toHaveFocus over checking document.activeElement
 * @author Ben Monro
 */

import { FlatCompatRuleTester as RuleTester } from '../../rule-tester';
import * as rule from "../../../rules/prefer-focus";

const ruleTester = new RuleTester();
ruleTester.run("prefer-focus", rule, {
  valid: [
    `expect().toBe(true)`,
    `expect(input).not.toHaveFocus();`,
    `expect(input).toHaveFocus();`,
    `expect(document.activeElement).toBeNull()`,
    `expect(document.activeElement).not.toBeNull()`,
  ],

  invalid: [
    {
      code: "expect(document.activeElement).toBe(foo)",
      errors: [
        {
          message: "Use toHaveFocus instead of checking activeElement",
        },
      ],
      output: "expect(foo).toHaveFocus()",
    },
    {
      code: `expect(document.activeElement).toBe(getByText('Foo'))`,
      errors: [
        {
          message: "Use toHaveFocus instead of checking activeElement",
        },
      ],
      output: `expect(getByText('Foo')).toHaveFocus()`,
    },
    {
      code: `expect(document.activeElement).not.toBe(getByText('Foo'))`,
      errors: [
        {
          message: "Use toHaveFocus instead of checking activeElement",
        },
      ],
      output: `expect(getByText('Foo')).not.toHaveFocus()`,
    },
    {
      code: "expect(document.activeElement).not.toBe(foo)",
      errors: [
        {
          message: "Use toHaveFocus instead of checking activeElement",
        },
      ],
      output: "expect(foo).not.toHaveFocus()",
    },
    {
      code: "expect(foo).not.toBe(document.activeElement)",
      errors: [
        {
          message: "Use toHaveFocus instead of checking activeElement",
        },
      ],
      output: "expect(foo).not.toHaveFocus()",
    },
    {
      code: "expect(window.document.activeElement).toBe(foo)",
      errors: [
        {
          message: "Use toHaveFocus instead of checking activeElement",
        },
      ],
      output: "expect(foo).toHaveFocus()",
    },
    {
      code: "expect(global.window.document.activeElement).toBe(foo)",
      errors: [
        {
          message: "Use toHaveFocus instead of checking activeElement",
        },
      ],
      output: "expect(foo).toHaveFocus()",
    },
    {
      code: "expect(global.document.activeElement).toBe(foo)",
      errors: [
        {
          message: "Use toHaveFocus instead of checking activeElement",
        },
      ],
      output: "expect(foo).toHaveFocus()",
    },
    {
      code: "expect(foo).toBe(global.document.activeElement)",
      errors: [
        {
          message: "Use toHaveFocus instead of checking activeElement",
        },
      ],
      output: "expect(foo).toHaveFocus()",
    },
    {
      code: "expect(foo).toBe(window.document.activeElement)",
      errors: [
        {
          message: "Use toHaveFocus instead of checking activeElement",
        },
      ],
      output: "expect(foo).toHaveFocus()",
    },

    {
      code: "expect(foo).toBe(global.window.document.activeElement)",
      errors: [
        {
          message: "Use toHaveFocus instead of checking activeElement",
        },
      ],
      output: "expect(foo).toHaveFocus()",
    },
    {
      code: "expect(foo).toBe(document.activeElement)",
      errors: [
        {
          message: "Use toHaveFocus instead of checking activeElement",
        },
      ],
      output: "expect(foo).toHaveFocus()",
    },

    {
      code: "expect(foo).toEqual(document.activeElement)",
      errors: [
        {
          message: "Use toHaveFocus instead of checking activeElement",
        },
      ],
      output: "expect(foo).toHaveFocus()",
    },
  ],
});