eslint-plugin/tests/lib/rules/typescript-react-component-type.js at main · typehut/eslint-plugin · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
"use strict";

const ruleTester = require("../utils/rule-tester");
const rule = require("../../../lib/rules/typescript-react-component-type");

/**
 * @typedef {import("../../../lib/rules/typescript-react-component-type").RuleErrorId} RuleErrorId
 * @type {(...args:(RuleErrorId|[RuleErrorId,string?]|{messageId:RuleErrorId;type?:string})[]) => Array<{messageId:RuleErrorId;type?:string}>}
 */
const errors = require("../utils/errors");

ruleTester().run("typescript-react-component-type", rule, {
  valid: [
    "const App: React.FC = ()=> null;",
    "const App = ()=> null;",
    {
      code: "const App: React.FC = ()=> null;",
      options: ["omit"],
    },
    {
      code: "const App: React.FunctionComponent = ()=> null;",
      options: ["raw"],
    },
    {
      code: "const App: React.VFC = ()=> null;",
      options: ["omit"],
    },
    {
      code: "const App: React.VoidFunctionComponent = ()=> null;",
      options: ["raw"],
    },
  ],
  invalid: [
    {
      code: "const App: React.FunctionComponent = ()=> null;",
      output: "const App: React.FC = ()=> null;",
      errors: errors("enforceFC"),
    },
    {
      code: "const App: React.FC = ()=> null;",
      output: "const App: React.FunctionComponent = ()=> null;",
      options: ["raw"],
      errors: errors("enforceFunctionComponent"),
    },
    {
      code: "const App: React.VoidFunctionComponent = ()=> null;",
      output: "const App: React.VFC = ()=> null;",
      errors: errors("enforceVFC"),
    },
    {
      code: "const App: React.VFC = ()=> null;",
      output: "const App: React.VoidFunctionComponent = ()=> null;",
      options: ["raw"],
      errors: errors("enforceVoidFunctionComponent"),
    },
    {
      code: "const App: React.SFC = ()=> null;",
      output: "const App: React.FunctionComponent = ()=> null;",
      options: ["raw"],
      errors: errors("enforceFunctionComponent"),
    },
    {
      code: "const App: React.StatelessComponent = ()=> null;",
      output: "const App: React.FC = ()=> null;",
      errors: errors("enforceFC"),
    },
  ],
});