twenty/packages/eslint-plugin-twenty/src/tests/no-state-useref.spec.ts

import { RuleTester } from "@typescript-eslint/rule-tester";

import noStateUseRefRule from "../rules/no-state-useref";

const ruleTester = new RuleTester({
  parser: "@typescript-eslint/parser",
  parserOptions: {
    project: "./tsconfig.json",
    tsconfigRootDir: __dirname,
    ecmaFeatures: {
      jsx: true,
    },
  },
});

ruleTester.run("no-state-useref", noStateUseRefRule, {
  valid: [
    {
      code: "const scrollableRef = useRef<HTMLDivElement>(null);",
    },
    {
      code: "const ref = useRef<HTMLInputElement>(null);",
    },
  ],
  invalid: [
    {
      code: "const ref = useRef(null);",
      errors: [
        {
          messageId: "noStateUseRef",
        },
      ],
    },
    {
      code: "const ref = useRef<Boolean>(null);",
      errors: [
        {
          messageId: "noStateUseRef",
        },
      ],
    },
    {
      code: "const ref = useRef<string>('');",
      errors: [
        {
          messageId: "noStateUseRef",
        },
      ],
    },
  ],
});