eslint-plugin-smarthr 0.2.8 → 0.2.9

package/CHANGELOG.md

@@ -2,6 +2,20 @@
 
 All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
 
+### [0.2.9](https://github.com/kufu/eslint-plugin-smarthr/compare/v0.2.8...v0.2.9) (2022-10-19)
+
+
+### Features
+
+* a11y-prohibit-input-placeholder を SearchInputに対応させる ([#38](https://github.com/kufu/eslint-plugin-smarthr/issues/38)) ([60de76b](https://github.com/kufu/eslint-plugin-smarthr/commit/60de76b58731436fe924a8a99da2242404141381))
+* add require-declaration rule ([#34](https://github.com/kufu/eslint-plugin-smarthr/issues/34)) ([5dc6d44](https://github.com/kufu/eslint-plugin-smarthr/commit/5dc6d444e63f452f933bf6937207cfe23787732f))
+* placeholder非推奨の対象に FieldSet, ComboBox も含める ([#35](https://github.com/kufu/eslint-plugin-smarthr/issues/35)) ([0e8d1d0](https://github.com/kufu/eslint-plugin-smarthr/commit/0e8d1d03377476fbd58adce17455e96533db69fa))
+
+
+### Bug Fixes
+
+* a11y-clickable-element-has-textのバグを修正する ([#36](https://github.com/kufu/eslint-plugin-smarthr/issues/36)) ([4efc23d](https://github.com/kufu/eslint-plugin-smarthr/commit/4efc23d33ba6eec2c454b323f561de3f7a678fab))
+
 ### [0.2.8](https://github.com/kufu/eslint-plugin-smarthr/compare/v0.2.7...v0.2.8) (2022-10-05)
 
 

package/README.md

@@ -13,5 +13,6 @@
 - [prohibit-import](https://github.com/kufu/eslint-plugin-smarthr/tree/main/rules/prohibit-import)
 - [redundant-name](https://github.com/kufu/eslint-plugin-smarthr/tree/main/rules/redundant-name)
 - [require-barrel-import](https://github.com/kufu/eslint-plugin-smarthr/tree/main/rules/require-barrel-import)
+- [require-declaration](https://github.com/kufu/eslint-plugin-smarthr/tree/main/rules/require-declaration)
 - [require-export](https://github.com/kufu/eslint-plugin-smarthr/tree/main/rules/require-export)
 - [require-import](https://github.com/kufu/eslint-plugin-smarthr/tree/main/rules/require-import)

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "eslint-plugin-smarthr",
-  "version": "0.2.8",
+  "version": "0.2.9",
   "author": "SmartHR",
   "license": "MIT",
   "description": "A sharable ESLint plugin for SmartHR",

package/rules/a11y-clickable-element-has-text/README.md

@@ -7,7 +7,12 @@
 ```js
 {
   rules: {
-    'smarthr/a11y-clickable-element-has-text': 'error', // 'warn', 'off'
+    'smarthr/a11y-clickable-element-has-text': [
+      'error', // 'warn', 'off'
+      // {
+      //   componentsWithText: ['AnyComponentName'],
+      // },
+    ]
   },
 }
 ```
@@ -59,3 +64,20 @@
 ```jsx
 <YyyAnchoor />
 ```
+
+```jsx
+/*
+rules: {
+  'smarthr/a11y-clickable-element-has-text': [
+    'error',
+    {
+      componentsWithText: ['AnyComponent'],
+    },
+  ]
+},
+*/
+
+<XxxButton>
+  <AnyComponent />
+</XxxButton>
+```

package/rules/a11y-clickable-element-has-text/index.js

@@ -1,5 +1,15 @@
 const { generateTagFormatter } = require('../../libs/format_styled_components')
 
+const SCHEMA = [
+  {
+    type: 'object',
+    properties: {
+      componentsWithText: { type: 'array', items: { type: 'string' }, default: [] },
+    },
+    additionalProperties: false,
+  }
+]
+
 const EXPECTED_NAMES = {
   'SmartHRLogo$': 'SmartHRLogo$',
   '(b|B)utton$': 'Button$',
@@ -19,9 +29,12 @@ module.exports = {
       'format-styled-components': '{{ message }}',
       'a11y-clickable-element-has-text': '{{ message }}',
     },
-    schema: [],
+    schema: SCHEMA,
   },
   create(context) {
+    const option = context.options[0] || {}
+    const componentsWithText = option.componentsWithText || []
+
     return {
       ...generateTagFormatter({ context, EXPECTED_NAMES }),
       JSXElement: (parentNode) => {
@@ -41,19 +54,43 @@ module.exports = {
             return true
           }
 
+          if (c.type === 'JSXFragment') {
+            if (c.children && filterFalsyJSXText(c.children).some(recursiveSearch)) {
+              return true
+            }
+
+            return false
+          }
+
           if (c.type === 'JSXElement') {
             // // HINT: SmartHRLogo コンポーネントは内部でaltを持っているため対象外にする
             if (c.openingElement.name.name.match(/SmartHRLogo$/)) {
               return true
             }
-            
-            if (c.openingElement.attributes.some((a) =>  {
+
+            if (componentsWithText.includes(c.openingElement.name.name)) {
+              return true
+            }
+
+            // HINT: role & aria-label を同時に設定されている場合は許可
+            let existRole = false
+            let existAriaLabel = false
+            const result = c.openingElement.attributes.reduce((prev, a) =>  {
+              existRole = existRole || (a.name.name === 'role' && a.value.value === 'img')
+              existAriaLabel = existAriaLabel || a.name.name === 'aria-label'
+
+              if (prev) {
+                return prev
+              }
+
               if (!['visuallyHiddenText', 'alt'].includes(a.name.name)) {
-                return false
+                return prev
               }
 
-              return (!!a.value.value || a.value.type === 'JSXExpressionContainer')
-            })) {
+              return (!!a.value.value || a.value.type === 'JSXExpressionContainer') ? a : prev
+            }, null)
+            
+            if (result || (existRole && existAriaLabel)) {
               return true
             }
 
@@ -80,4 +117,4 @@ module.exports = {
     }
   },
 }
-module.exports.schema = []
+module.exports.schema = SCHEMA

package/rules/a11y-prohibit-input-placeholder/index.js

@@ -2,7 +2,10 @@ const { generateTagFormatter } = require('../../libs/format_styled_components')
 
 const EXPECTED_NAMES = {
   '(i|I)nput$': 'Input$',
+  'SearchInput$': 'SearchInput$',
   '(t|T)extarea$': 'Textarea$',
+  'FieldSet$': 'FieldSet$',
+  'ComboBox$': 'ComboBox$',
 }
 
 module.exports = {
@@ -18,26 +21,40 @@ module.exports = {
     return {
       ...generateTagFormatter({ context, EXPECTED_NAMES }),
       JSXOpeningElement: (node) => {
-        if (!node.name.name) {
+        const name = node.name.name
+
+        if (!name) {
           return
         }
 
-        const match = node.name.name.match(/((i|I)nput|(t|T)extarea)$/)
-
-        if (!match) {
+        if (!name.match(/((i|I)nput|(t|T)extarea|FieldSet|ComboBox)$/)) {
           return
         }
 
         const placeholder = node.attributes.find((a) => a.name?.name === 'placeholder')
 
         if (placeholder) {
-          context.report({
+          if (name.match(/SearchInput$/)) {
+            const tooltipMessage = node.attributes.find((a) => a.name?.name === 'tooltipMessage')
+
+            if (!tooltipMessage) {
+              context.report({
+                node: placeholder,
+                messageId: 'a11y-prohibit-input-placeholder',
+                data: {
+                  message: `${name} にはplaceholder属性を単独で利用せず、tooltipMessageオプションのみ、もしくはplaceholderとtooltipMessageの併用を検討してください。 (例: '<${name} tooltipMessage="ヒント" />', '<${name} tooltipMessage={hint} placeholder={hint} />')`,
+                },
+              })
+            }
+          } else {
+            context.report({
               node: placeholder,
               messageId: 'a11y-prohibit-input-placeholder',
               data: {
-                message: 'input, textarea要素のplaceholder属性は設定せず、smarthr-ui/Tooltip や別途ヒント用要素の利用を検討してください (例: `<><Input /><Hint>ヒント</Hint></>`, `<Tooltip message="ヒント"><Textarea/></Tooltip>`)',
+                message: `${name} にはplaceholder属性は設定せず、別途ヒント用要素の利用を検討してください。(例: '<div><${name} /><Hint>ヒント</Hint></div>')`,
               },
             })
+          }
         }
       },
     }

package/rules/require-declaration/README.md

@@ -0,0 +1,62 @@
+# smarthr/require-declaration
+
+- 対象ファイルに宣言してほしい、変数・関数・class・型などを定義するルールです
+- コードの規約などを決める際に便利です
+- import, exportを強制したい場合は以下を利用してください
+  - https://github.com/kufu/eslint-plugin-smarthr/tree/main/rules/require-import
+  - https://github.com/kufu/eslint-plugin-smarthr/tree/main/rules/require-export
+
+## rules
+
+```js
+{
+  rules: {
+    'smarthr/require-declaration': [
+      'error', // 'warn', 'off'
+      {
+        '\crews\/index\/slices\/': { // パスに合致する正規表現でファイル指定
+          'ActionCreatorsProps': { // 定義してほしい名称
+            type: 'type', // 定義したい種類 type | const | let | class | function | arrow-function
+            use: ['payload', 'AnyAction'], // 定義対象の内部で利用を強制したいものを指定する
+            reportMessage: `'type ActionCreatorsProps = { xxxYyy: (payload: XxxProps) => AnyAction }' というフォーマットで型を作成してください` // 省略可能
+          },
+        },
+        '^(?=.*\/slices\/[a-zA-Z0-9]+\.ts)(?!.*(\/modules\/|mock\.)).*$': { // slices以下のファイルで、かつフルパスにmodulesや `mock.` を含まないもの
+          'slice': {
+            type: 'const',
+            use: ['createSlice', 'path', 'initialState', 'reducers'],
+            reportMessage: `'const slice = createSlice({ name: path.xxxx, initialState, reducers })' というフォーマットでsliceを作成してください`
+          },
+        },
+      },
+    ]
+  },
+}
+```
+
+## ❌ Incorrect
+
+```jsx
+// crews/index/slice/index.ts
+
+type Actions = {
+  hoge: (payload: hogeProps) => any
+}
+```
+
+
+## ✅ Correct
+
+```jsx
+// crews/index/slice/index.ts
+
+type ActionCreatorsProps = {
+  hoge: (payload: hogeProps) => AnyAction
+}
+
+const slice = createSlice({
+  name: path.hoge,
+  initialState,
+  reducers,
+})
+```

package/rules/require-declaration/index.js

@@ -0,0 +1,134 @@
+const SCHEMA = [
+  {
+    type: 'object',
+    patternProperties: {
+      '.+': {
+        type: 'object',
+        patternProperties: {
+          '.+': {
+            type: 'object',
+            required: ['type'],
+            properties: {
+              type: {
+                type: 'string',
+                pattern: '^(type|const|let|class|function|arrow-function)$',
+              },
+              use: {
+                type: 'array',
+                items: {
+                  type: 'string',
+                },
+              },
+              reportMessage: {
+                type: 'string',
+              },
+            },
+            additionalProperties: false,
+          },
+        },
+        additionalProperties: true,
+      },
+    },
+    additionalProperties: true,
+  },
+]
+
+const find = (type, ds, rd) => ds.find((d) => d.type === type && d.id.name === rd)
+const codeSeparator = '[^a-zA-Z0-1_$]'
+const useRegex = (use) => {
+  const actualUse = use.replaceAll('.', '\.')
+  return new RegExp(`((${codeSeparator}(${actualUse})${codeSeparator})|(^(${actualUse})${codeSeparator})|${codeSeparator}(${actualUse})$)`)
+}
+
+module.exports = {
+  meta: {
+    type: 'suggestion',
+    messages: {
+      'require-declaration': '{{ message }}',
+    },
+    schema: SCHEMA,
+  },
+  create(context) {
+    const options = context.options[0]
+    const filename = context.getFilename()
+    const targetPathRegexs = Object.keys(options)
+    const targetRequires = targetPathRegexs.filter((regex) => !!filename.match(new RegExp(regex)))
+
+    if (targetRequires.length === 0) {
+      return {}
+    }
+
+    return {
+      Program: (node) => {
+        const declarations = node.body.filter((i) => i.type.match(/Declaration$/)).map((d) => d.declaration || d)
+
+        if (declarations.length === 0) {
+          return
+        }
+
+        targetRequires.forEach((requireKey) => {
+          const option = options[requireKey]
+
+          Object.keys(option).forEach((requireDeclaration) => {
+            const localOption = option[requireDeclaration]
+            let hit
+
+            switch (localOption.type) {
+              case 'type':
+                hit = find('TSTypeAliasDeclaration', declarations, requireDeclaration)
+                break
+              case 'class':
+                hit = find('ClassDeclaration', declarations, requireDeclaration)
+                break
+              case 'function':
+                hit = find('FunctionDeclaration', declarations, requireDeclaration)
+                break
+              case 'const':
+              case 'let':
+                hit = declarations.find((d) => d.type === 'VariableDeclaration' && d.kind === localOption.type && d.declarations.some((dd) => {
+                  if (dd.id.name) {
+                    return dd.id.name === requireDeclaration
+                  }
+
+                  // const { hoge } = fuga パターン
+                  return dd.id.properties.some((p) => p.key.name === requireDeclaration)
+                }))
+                break
+              case 'arrow-function':
+                hit = declarations.find((d) => d.type === 'VariableDeclaration' && d.declarations.some((dd) => dd.id.name === requireDeclaration && dd.init.type === 'ArrowFunctionExpression'))
+                break
+            }
+
+            if (!hit) {
+              context.report({
+                node,
+                messageId: 'require-declaration',
+                data: {
+                  message: localOption.reportMessage || `${localOption.type} ${requireDeclaration}が宣言されていません`,
+                },
+              })
+            } else if (localOption.use) {
+              const code = context.getSourceCode().getText(hit)
+              let reported = false
+
+              localOption.use.forEach((u) => {
+                if (!code.match(useRegex(u)) && (!localOption.reportMessage || !reported)) {
+                  context.report({
+                    node: hit,
+                    messageId: 'require-declaration',
+                    data: {
+                      message: localOption.reportMessage || `${localOption.type} ${requireDeclaration} では ${u} を利用してください`,
+                    },
+                  })
+                  reported = true
+                }
+              })
+            }
+          })
+        })
+      },
+    }
+  },
+}
+
+module.exports.schema = SCHEMA

package/test/a11y-clickable-element-has-text.js

@@ -96,6 +96,18 @@ ruleTester.run('a11y-clickable-element-has-text', rule, {
     {
       code: `<a><PrefixSmartHRLogo /></a>`,
     },
+    {
+      code: `<a><>ほげ</></a>`,
+    },
+    {
+      code: `<a><svg role="img" aria-label="hoge" /></a>`,
+    },
+    {
+      code: `<a><AnyComponent /></a>`,
+      options: [{
+        componentsWithText: ['AnyComponent']
+      }],
+    },
   ],
   invalid: [
     { code: `import hoge from 'styled-components'`, errors: [ { message: "styled-components をimportする際は、名称が`styled` となるようにしてください。例: `import styled from 'styled-components'`" } ] },
@@ -151,5 +163,16 @@ ruleTester.run('a11y-clickable-element-has-text', rule, {
       code: `<button><SmartHRLogoSuffix /></button>`,
       errors: [{ message: defaultErrorMessage }]
     },
+    {
+      code: `<a><div role="article" aria-label="hoge" /></a>`,
+      errors: [{ message: defaultErrorMessage }]
+    },
+    {
+      code: `<a><AnyComponent /></a>`,
+      options: [{
+        componentsWithText: ['HogeComponent']
+      }],
+      errors: [{ message: defaultErrorMessage }]
+    },
   ]
 })

package/test/a11y-prohhibit-input-placeholder.js

@@ -22,10 +22,21 @@ ruleTester.run('a11y-prohibit-input-placeholder', rule, {
     { code: 'const HogeInput = styled(Input)``' },
     { code: 'const HogeInput = styled(StyledInput)``' },
     { code: 'const HogeTextarea = styled(Textarea)``' },
+    { code: 'const hoge = styled.fieldset``' },
+    { code: 'const HogeFieldSet = styled(FieldSet)``' },
+    { code: 'const HogeComboBox = styled(ComboBox)``' },
+    { code: 'const HogeSearchInput = styled(SearchInput)``' },
     { code: `<input />` },
     { code: `<textarea />` },
+    { code: `<FieldSet />` },
+    { code: `<ComboBox />` },
     { code: `<StyledInput />` },
     { code: `<HogeTextarea />` },
+    { code: `<FugaFieldSet />` },
+    { code: `<CustomComboBox />` },
+    { code: `<SearchInput />` },
+    { code: `<CustomSearchInput tooltipMessage="hoge" />` },
+    { code: `<CustomSearchInput tooltipMessage="hoge" placeholder="fuga" />` },
   ],
   invalid: [
     { code: `import hoge from 'styled-components'`, errors: [ { message: "styled-components をimportする際は、名称が`styled` となるようにしてください。例: `import styled from 'styled-components'`" } ] },
@@ -33,9 +44,21 @@ ruleTester.run('a11y-prohibit-input-placeholder', rule, {
     { code: 'const Hoge = styled(StyledInput)``', errors: [ { message: `Hogeを正規表現 "/Input$/" がmatchする名称に変更してください` } ] },
     { code: 'const Hoge = styled.textarea``', errors: [ { message: `Hogeを正規表現 "/Textarea$/" がmatchする名称に変更してください` } ] },
     { code: 'const Hoge = styled(StyledTextarea)``', errors: [ { message: `Hogeを正規表現 "/Textarea$/" がmatchする名称に変更してください` } ] },
-    { code: `<input placeholder />`, errors: [ { message: 'input, textarea要素のplaceholder属性は設定せず、smarthr-ui/Tooltip や別途ヒント用要素の利用を検討してください (例: `<><Input /><Hint>ヒント</Hint></>`, `<Tooltip message="ヒント"><Textarea/></Tooltip>`)' } ] },
-    { code: `<textarea placeholder="hoge" />`, errors: [ { message: 'input, textarea要素のplaceholder属性は設定せず、smarthr-ui/Tooltip や別途ヒント用要素の利用を検討してください (例: `<><Input /><Hint>ヒント</Hint></>`, `<Tooltip message="ヒント"><Textarea/></Tooltip>`)' } ] },
-    { code: `<StyledInput placeholder={any} />`, errors: [ { message: 'input, textarea要素のplaceholder属性は設定せず、smarthr-ui/Tooltip や別途ヒント用要素の利用を検討してください (例: `<><Input /><Hint>ヒント</Hint></>`, `<Tooltip message="ヒント"><Textarea/></Tooltip>`)' } ] },
-    { code: `<HogeTextarea placeholder="any" />`, errors: [ { message: 'input, textarea要素のplaceholder属性は設定せず、smarthr-ui/Tooltip や別途ヒント用要素の利用を検討してください (例: `<><Input /><Hint>ヒント</Hint></>`, `<Tooltip message="ヒント"><Textarea/></Tooltip>`)' } ] },
+    { code: 'const Hoge = styled(FieldSet)``', errors: [ { message: `Hogeを正規表現 "/FieldSet$/" がmatchする名称に変更してください` } ] },
+    { code: 'const Hoge = styled(ComboBox)``', errors: [ { message: `Hogeを正規表現 "/ComboBox$/" がmatchする名称に変更してください` } ] },
+    { 
+      code: 'const Hoge = styled(SearchInput)``',
+      errors: [
+        { message: `Hogeを正規表現 "/Input$/" がmatchする名称に変更してください` },
+        { message: `Hogeを正規表現 "/SearchInput$/" がmatchする名称に変更してください` },
+      ],
+    },
+    { code: `<input placeholder />`, errors: [ { message: `input にはplaceholder属性は設定せず、別途ヒント用要素の利用を検討してください。(例: '<div><input /><Hint>ヒント</Hint></div>')` } ] },
+    { code: `<textarea placeholder="hoge" />`, errors: [ { message: `textarea にはplaceholder属性は設定せず、別途ヒント用要素の利用を検討してください。(例: '<div><textarea /><Hint>ヒント</Hint></div>')` } ] },
+    { code: `<StyledInput placeholder={any} />`, errors: [ { message: `StyledInput にはplaceholder属性は設定せず、別途ヒント用要素の利用を検討してください。(例: '<div><StyledInput /><Hint>ヒント</Hint></div>')` } ] },
+    { code: `<HogeTextarea placeholder="any" />`, errors: [ { message: `HogeTextarea にはplaceholder属性は設定せず、別途ヒント用要素の利用を検討してください。(例: '<div><HogeTextarea /><Hint>ヒント</Hint></div>')` } ] },
+    { code: `<HogeFieldSet placeholder="any" />`, errors: [ { message: `HogeFieldSet にはplaceholder属性は設定せず、別途ヒント用要素の利用を検討してください。(例: '<div><HogeFieldSet /><Hint>ヒント</Hint></div>')` } ] },
+    { code: `<HogeComboBox placeholder="any" />`, errors: [ { message: `HogeComboBox にはplaceholder属性は設定せず、別途ヒント用要素の利用を検討してください。(例: '<div><HogeComboBox /><Hint>ヒント</Hint></div>')` } ] },
+    { code: `<SearchInput placeholder="any" />`, errors: [ { message: `SearchInput にはplaceholder属性を単独で利用せず、tooltipMessageオプションのみ、もしくはplaceholderとtooltipMessageの併用を検討してください。 (例: '<SearchInput tooltipMessage="ヒント" />', '<SearchInput tooltipMessage={hint} placeholder={hint} />')` } ] },
   ]
 })

package/test/require-declaration.js

@@ -0,0 +1,159 @@
+const rule = require('../rules/require-declaration')
+const RuleTester = require('eslint').RuleTester
+
+const ruleTester = new RuleTester({
+  parserOptions: {
+    ecmaVersion: 2018,
+    ecmaFeatures: {
+      experimentalObjectRestSpread: true,
+      jsx: true,
+    },
+    sourceType: 'module',
+  },
+})
+
+const options = [
+  {
+    '^.+$': {
+      hoge: {
+        type: 'const',
+      },
+    },
+  }
+]
+
+ruleTester.run('format-translate-component', rule, {
+  valid: [
+    {
+      code: 'const hoge = any',
+      filename: 'hoge.js',
+      options: [
+        {
+          '^.+$': {
+            hoge: {
+              type: 'const',
+            },
+          },
+        }
+      ]
+    },
+    {
+      code: 'const hoge = any',
+      filename: 'hoge.js',
+      options: [
+        {
+          'fuga\.': {
+            hoge: {
+              type: 'const',
+            },
+          },
+        }
+      ]
+    },
+    {
+      code: 'function abc(arg1) { return arg1 * 10 }',
+      filename: 'hoge.js',
+      options: [
+        {
+          'hoge\.': {
+            abc: {
+              type: 'function',
+              use: [ 'arg1' ]
+            },
+          },
+        }
+      ]
+    },
+    {
+      code: 'const fuga = () => { return undefined }',
+      filename: 'hoge.js',
+      options: [
+        {
+          'hoge\.': {
+            fuga: {
+              type: 'arrow-function',
+              use: [ 'return undefined' ]
+            },
+          },
+        }
+      ]
+    },
+  ],
+  invalid: [
+    {
+      code: 'const hoge = any',
+      filename: 'hoge.js',
+      options: [
+        {
+          '^.+$': {
+            fuga: {
+              type: 'const',
+            },
+          },
+        }
+      ],
+      errors: [{ message: 'const fugaが宣言されていません' }],
+    },
+    {
+      code: 'const hoge = any',
+      filename: 'hoge.js',
+      options: [
+        {
+          '^.+$': {
+            fuga: {
+              type: 'const',
+              reportMessage: 'fugaを定義しろ！',
+            },
+          },
+        }
+      ],
+      errors: [{ message: 'fugaを定義しろ！' }],
+    },
+    {
+      code: 'const hoge = abc',
+      filename: 'hoge.js',
+      options: [
+        {
+          '^.+$': {
+            hoge: {
+              type: 'const',
+              use: ['fuga'],
+            },
+          },
+        }
+      ],
+      errors: [{ message: 'const hoge では fuga を利用してください' }],
+    },
+    {
+      code: 'let hoge = () => undefined',
+      filename: 'hoge.js',
+      options: [
+        {
+          '^.+$': {
+            hoge: {
+              type: 'arrow-function',
+              use: ['num', 'parseInt(num, 10)'],
+            },
+          },
+        }
+      ],
+      errors: [{ message: 'arrow-function hoge では num を利用してください' }, { message: 'arrow-function hoge では parseInt(num, 10) を利用してください' }],
+    },
+    {
+      code: 'let hoge = () => undefined',
+      filename: 'hoge.js',
+      options: [
+        {
+          '^.+$': {
+            hoge: {
+              type: 'arrow-function',
+              use: ['num', 'temp', 'parseInt(num, 10)'],
+              reportMessage: 'hoge関数は `const hoge = (num) => { const temp = parseInt(num, 10); /* any code. */ }` のように定義してください'
+            },
+          },
+        }
+      ],
+      errors: [{ message: 'hoge関数は `const hoge = (num) => { const temp = parseInt(num, 10); /* any code. */ }` のように定義してください' }],
+    },
+  ]
+})