eslint-plugin-smarthr 2.4.0 → 3.0.0

package/test/best-practice-for-layouts.js

@@ -11,6 +11,7 @@ const ruleTester = new RuleTester({
   },
 })
 const errorMessage = (type, name) => `${name}には子要素が一つしか無いため、${type}でマークアップする意味がありません。
+ - 詳細: https://github.com/kufu/tamatebako/tree/master/packages/eslint-plugin-smarthr/rules/best-practice-for-layouts
  - styleを確認し、div・spanなど、別要素でマークアップし直すか、${name}を削除してください
  - as, forwardedAsなどでSectioningContent系要素に変更している場合、対応するsmarthr-ui/Section, Aside, Nav, Article のいずれかに差し替えてください`
 
@@ -89,6 +90,7 @@ ruleTester.run('best-practice-for-button-element', rule, {
     { code: `<AnyCluster>{a ? <Hoge /> : a.b.hoge(action)}</AnyCluster>`, errors: [ { message: errorMessage('Cluster', 'AnyCluster') } ] },
     { code: `<AnyCluster>{a ? <Hoge /> : a ? <Hoge /> : a.b.hoge(action)}</AnyCluster>`, errors: [ { message: errorMessage('Cluster', 'AnyCluster') } ] },
     { code: `<HogeStack gap={0}>{a}{b}</HogeStack>`, errors: [ { message: `HogeStack に "gap={0}" が指定されており、smarthr-ui/Stack の利用方法として誤っている可能性があります。以下の修正方法を検討してください。
+ - 詳細: https://github.com/kufu/tamatebako/tree/master/packages/eslint-plugin-smarthr/rules/best-practice-for-layouts
  - 方法1: 子要素を一つにまとめられないか検討してください
    - 例: "<Stack gap={0}><p>hoge</p><p>fuga</p></Stack>" を "<p>hoge<br />fuga</p>" にするなど
  - 方法2: 子要素のstyleを確認しgap属性を0以外にできないか検討してください
@@ -96,18 +98,30 @@ ruleTester.run('best-practice-for-button-element', rule, {
  - 方法3: 別要素でマークアップし直すか、HogeStackを削除してください
    - 親要素に smarthr-ui/Cluster, smarthr-ui/Stack などが存在している場合、div・spanなどで1要素にまとめる必要がある場合があります
    - as, forwardedAsなどでSectioningContent系要素に変更している場合、対応するsmarthr-ui/Section, Aside, Nav, Article のいずれかに差し替えてください` } ] },
-    { code: `<Heading><Cluster><Hoge /><Fuga /></Cluster></Heading>`, errors: [ { message: `Headingの子孫にClusterを置くことはできません。Headingの外でClusterを使用するようにマークアップを修正してください。` } ] },
-    { code: `<AnyHeading><AnyStack><Hoge /><Fuga /></AnyStack></AnyHeading>`, errors: [ { message: `Headingの子孫にStackを置く場合、as属性、もしくはforwardedAs属性に \`span\` を指定してください` } ] },
-    { code: `<Heading><AnyIcon text="hoge" /></Heading>`, errors: [ { message: `HeadingにIconを設定する場合 <Heading icon={<XxxIcon />}></Heading> のようにicon属性を利用してください` } ] },
-    { code: `<AnyHeading><Text prefixIcon={<SomeIcon />}>hoge</Text></AnyHeading>`, errors: [ { message: `HeadingにIconを設定する場合 <Heading icon={<XxxIcon />}></Heading> のようにicon属性を利用してください` } ] },
-    { code: `<AnyFormControl label={{ text: <Cluster><Hoge /><Fuga /></Cluster> }} />`, errors: [ { message: `FormControlのlabel属性にClusterを置くことはできません。ラベル用テキスト以外をstatusLabels、subActionArea、もしくはlabel属性のObjectとして '{ text: テキスト, icon: <XxxIcon /> }'に置き換えてください。` } ] },
-    { code: `<FormControl label={<AnyStack><Hoge /><Fuga /></AnyStack>} />`, errors: [ { message: `FormControlのlabel属性にStackを置く場合、as属性、もしくはforwardedAs属性に \`span\` を指定してください` } ] },
-    { code: `<AnyFormControl label={{ text: <AnyIcon text="hoge" /> }} />`, errors: [ { message: `FormControlのlabel属性にアイコンを設定する場合 <FormControl label={{ text: 'テキスト', icon: <XxxIcon /> }} /> のようにlabel.icon属性を利用してください` } ] },
-    { code: `<FormControl label={{ text: <Text prefixIcon={<SomeIcon /> }>hoge</Text>}} />`, errors: [ { message: `FormControlのlabel属性にアイコンを設定する場合 <FormControl label={{ text: 'テキスト', icon: <XxxIcon /> }} /> のようにlabel.icon属性を利用してください` } ] },
-    { code: `<Fieldset legend={<Cluster><Hoge /><Fuga /></Cluster>} />`, errors: [ { message: `Fieldsetのlegend属性にClusterを置くことはできません。ラベル用テキスト以外をstatusLabels、subActionArea、もしくはlabel属性のObjectとして '{ text: テキスト, icon: <XxxIcon /> }'に置き換えてください。` } ] },
-    { code: `<AnyFieldset legend={{ text: <AnyStack><Hoge /><Fuga /></AnyStack> }} />`, errors: [ { message: `Fieldsetのlegend属性にStackを置く場合、as属性、もしくはforwardedAs属性に \`span\` を指定してください` } ] },
-    { code: `<Fieldset legend={<AnyIcon text="hoge" />} />`, errors: [ { message: `Fieldsetのlegend属性にアイコンを設定する場合 <Fieldset legend={{ text: 'テキスト', icon: <XxxIcon /> }} /> のようにlegend.icon属性を利用してください` } ] },
-    { code: `<AnyFieldset legend={{ text: <Text prefixIcon={<SomeIcon />}>hoge</Text>}} />`, errors: [ { message: `Fieldsetのlegend属性にアイコンを設定する場合 <Fieldset legend={{ text: 'テキスト', icon: <XxxIcon /> }} /> のようにlegend.icon属性を利用してください` } ] },
+    { code: `<Heading><Cluster><Hoge /><Fuga /></Cluster></Heading>`, errors: [ { message: `Headingの子孫にClusterを置くことはできません。Headingの外でClusterを使用するようにマークアップを修正してください。
+ - 詳細: https://github.com/kufu/tamatebako/tree/master/packages/eslint-plugin-smarthr/rules/best-practice-for-layouts` } ] },
+    { code: `<AnyHeading><AnyStack><Hoge /><Fuga /></AnyStack></AnyHeading>`, errors: [ { message: `Headingの子孫にStackを置く場合、as属性、もしくはforwardedAs属性に \`span\` を指定してください
+ - 詳細: https://github.com/kufu/tamatebako/tree/master/packages/eslint-plugin-smarthr/rules/best-practice-for-layouts` } ] },
+    { code: `<Heading><AnyIcon text="hoge" /></Heading>`, errors: [ { message: `HeadingにIconを設定する場合 <Heading icon={<XxxIcon />}></Heading> のようにicon属性を利用してください
+ - 詳細: https://github.com/kufu/tamatebako/tree/master/packages/eslint-plugin-smarthr/rules/best-practice-for-layouts` } ] },
+    { code: `<AnyHeading><Text prefixIcon={<SomeIcon />}>hoge</Text></AnyHeading>`, errors: [ { message: `HeadingにIconを設定する場合 <Heading icon={<XxxIcon />}></Heading> のようにicon属性を利用してください
+ - 詳細: https://github.com/kufu/tamatebako/tree/master/packages/eslint-plugin-smarthr/rules/best-practice-for-layouts` } ] },
+    { code: `<AnyFormControl label={{ text: <Cluster><Hoge /><Fuga /></Cluster> }} />`, errors: [ { message: `FormControlのlabel属性にClusterを置くことはできません。ラベル用テキスト以外をstatusLabels、subActionArea、もしくはlabel属性のObjectとして '{ text: テキスト, icon: <XxxIcon /> }'に置き換えてください。
+ - 詳細: https://github.com/kufu/tamatebako/tree/master/packages/eslint-plugin-smarthr/rules/best-practice-for-layouts` } ] },
+    { code: `<FormControl label={<AnyStack><Hoge /><Fuga /></AnyStack>} />`, errors: [ { message: `FormControlのlabel属性にStackを置く場合、as属性、もしくはforwardedAs属性に \`span\` を指定してください
+ - 詳細: https://github.com/kufu/tamatebako/tree/master/packages/eslint-plugin-smarthr/rules/best-practice-for-layouts` } ] },
+    { code: `<AnyFormControl label={{ text: <AnyIcon text="hoge" /> }} />`, errors: [ { message: `FormControlのlabel属性にアイコンを設定する場合 <FormControl label={{ text: 'テキスト', icon: <XxxIcon /> }} /> のようにlabel.icon属性を利用してください
+ - 詳細: https://github.com/kufu/tamatebako/tree/master/packages/eslint-plugin-smarthr/rules/best-practice-for-layouts` } ] },
+    { code: `<FormControl label={{ text: <Text prefixIcon={<SomeIcon /> }>hoge</Text>}} />`, errors: [ { message: `FormControlのlabel属性にアイコンを設定する場合 <FormControl label={{ text: 'テキスト', icon: <XxxIcon /> }} /> のようにlabel.icon属性を利用してください
+ - 詳細: https://github.com/kufu/tamatebako/tree/master/packages/eslint-plugin-smarthr/rules/best-practice-for-layouts` } ] },
+    { code: `<Fieldset legend={<Cluster><Hoge /><Fuga /></Cluster>} />`, errors: [ { message: `Fieldsetのlegend属性にClusterを置くことはできません。ラベル用テキスト以外をstatusLabels、subActionArea、もしくはlabel属性のObjectとして '{ text: テキスト, icon: <XxxIcon /> }'に置き換えてください。
+ - 詳細: https://github.com/kufu/tamatebako/tree/master/packages/eslint-plugin-smarthr/rules/best-practice-for-layouts` } ] },
+    { code: `<AnyFieldset legend={{ text: <AnyStack><Hoge /><Fuga /></AnyStack> }} />`, errors: [ { message: `Fieldsetのlegend属性にStackを置く場合、as属性、もしくはforwardedAs属性に \`span\` を指定してください
+ - 詳細: https://github.com/kufu/tamatebako/tree/master/packages/eslint-plugin-smarthr/rules/best-practice-for-layouts` } ] },
+    { code: `<Fieldset legend={<AnyIcon text="hoge" />} />`, errors: [ { message: `Fieldsetのlegend属性にアイコンを設定する場合 <Fieldset legend={{ text: 'テキスト', icon: <XxxIcon /> }} /> のようにlegend.icon属性を利用してください
+ - 詳細: https://github.com/kufu/tamatebako/tree/master/packages/eslint-plugin-smarthr/rules/best-practice-for-layouts` } ] },
+    { code: `<AnyFieldset legend={{ text: <Text prefixIcon={<SomeIcon />}>hoge</Text>}} />`, errors: [ { message: `Fieldsetのlegend属性にアイコンを設定する場合 <Fieldset legend={{ text: 'テキスト', icon: <XxxIcon /> }} /> のようにlegend.icon属性を利用してください
+ - 詳細: https://github.com/kufu/tamatebako/tree/master/packages/eslint-plugin-smarthr/rules/best-practice-for-layouts` } ] },
   ]
 })
 

package/test/best-practice-for-nested-attributes-array-index.js

@@ -12,6 +12,7 @@ const ruleTester = new RuleTester({
 })
 
 const ERROR_MESSAGE = `入力要素のname属性に対して、配列に当たる部分の連番を指定しない場合（例: a[xxx][][yyy] ）、配列内アイテムの属性が意図せず入れ替わってしまう場合がありえるため、常にindexを設定してください。
+ - 詳細: https://github.com/kufu/tamatebako/tree/master/packages/eslint-plugin-smarthr/rules/best-practice-for-nested-attributes-array-index
  - 例のyyyに当たる値が配列内の別アイテムに紐づいてしまう場合があります。
  - 詳しくは https://github.com/kufu/tamatebako/tree/master/packages/eslint-plugin-smarthr/rules/best-practice-for-nested-attributes-array-index を参照してください`
 

package/test/best-practice-for-remote-trigger-dialog.js

@@ -19,10 +19,13 @@ ruleTester.run('best-practice-for-remote-trigger-dialog', rule, {
   ],
   invalid: [
     { code: '<RemoteDialogTrigger targetId={hoge}>open.</RemoteDialogTrigger>', errors: [ { message: `RemoteDialogTriggerのtargetId属性には直接文字列を指定してください。
-  - 変数などは利用できません（これは関連するTriggerとDialogを検索しやすくするためです）` } ] },
+ - 詳細: https://github.com/kufu/tamatebako/tree/master/packages/eslint-plugin-smarthr/rules/best-practice-for-remote-trigger-dialog
+ - 変数などは利用できません（これは関連するTriggerとDialogを検索しやすくするためです）` } ] },
     { code: '<StyledRemoteDialogTrigger targetId={"fuga"}>open.</StyledRemoteDialogTrigger>', errors: [ { message: `StyledRemoteDialogTriggerのtargetId属性には直接文字列を指定してください。
-  - 変数などは利用できません（これは関連するTriggerとDialogを検索しやすくするためです）` } ] },
+ - 詳細: https://github.com/kufu/tamatebako/tree/master/packages/eslint-plugin-smarthr/rules/best-practice-for-remote-trigger-dialog
+ - 変数などは利用できません（これは関連するTriggerとDialogを検索しやすくするためです）` } ] },
     { code: '<StyldRemoteTriggerActionDialog {...args} id={"fuga"}>content.</StyldRemoteTriggerActionDialog>', errors: [ { message: `StyldRemoteTriggerActionDialogのid属性には直接文字列を指定してください。
-  - 変数などは利用できません（これは関連するTriggerとDialogを検索しやすくするためです）` } ] },
+ - 詳細: https://github.com/kufu/tamatebako/tree/master/packages/eslint-plugin-smarthr/rules/best-practice-for-remote-trigger-dialog
+ - 変数などは利用できません（これは関連するTriggerとDialogを検索しやすくするためです）` } ] },
   ]
 })

package/test/best-practice-for-tailwind-prohibit-root-margin.js

@@ -11,8 +11,8 @@ const ruleTester = new RuleTester({
   },
 })
 
-const errorMessage =
-  'コンポーネントのルート要素に外側への余白（margin）を設定しないでください。外側の余白は使用する側で制御するべきです。'
+const errorMessage = `コンポーネントのルート要素に外側への余白（margin）を設定しないでください。外側の余白は使用する側で制御するべきです。
+ - 詳細: https://github.com/kufu/tamatebako/tree/master/packages/eslint-plugin-smarthr/rules/best-practice-for-tailwind-prohibit-root-margin`
 
 ruleTester.run('best-practice-for-tailwind-prohibit-root-margin', rule, {
   valid: [

package/test/best-practice-for-tailwind-variants.js

@@ -21,9 +21,13 @@ ruleTester.run('best-practice-for-button-element', rule, {
     { code: `const xxx = useMemo(() => hogeClassNameGenerator(), [])` },
   ],
   invalid: [
-    { code: `import { tv as hoge } from 'tailwind-variants'`, errors: [ { message: `tailwind-variants をimportする際は、名称が"tv" となるようにしてください。例: "import { tv } from 'tailwind-variants'"` } ] },
-    { code: `const hoge = tv()`, errors: [ { message: `tvの実行結果を格納する変数名は "hoge" ではなく "/(C|c)lassNameGenerator$/"にmatchする名称に統一してください。` } ] },
-    { code: `const hoge = classNameGenerator()`, errors: [ { message: `"classNameGenerator" を実行する際、useMemoでラップし、メモ化してください` } ] },
-    { code: `const hoge = hogeClassNameGenerator()`, errors: [ { message: `"hogeClassNameGenerator" を実行する際、useMemoでラップし、メモ化してください` } ] },
+    { code: `import { tv as hoge } from 'tailwind-variants'`, errors: [ { message: `tailwind-variants をimportする際は、名称が"tv" となるようにしてください。例: "import { tv } from 'tailwind-variants'"
+ - 詳細: https://github.com/kufu/tamatebako/tree/master/packages/eslint-plugin-smarthr/rules/best-practice-for-tailwind-variants` } ] },
+    { code: `const hoge = tv()`, errors: [ { message: `tvの実行結果を格納する変数名は "hoge" ではなく "/(C|c)lassNameGenerator$/"にmatchする名称に統一してください。
+ - 詳細: https://github.com/kufu/tamatebako/tree/master/packages/eslint-plugin-smarthr/rules/best-practice-for-tailwind-variants` } ] },
+    { code: `const hoge = classNameGenerator()`, errors: [ { message: `"classNameGenerator" を実行する際、useMemoでラップし、メモ化してください
+ - 詳細: https://github.com/kufu/tamatebako/tree/master/packages/eslint-plugin-smarthr/rules/best-practice-for-tailwind-variants` } ] },
+    { code: `const hoge = hogeClassNameGenerator()`, errors: [ { message: `"hogeClassNameGenerator" を実行する際、useMemoでラップし、メモ化してください
+ - 詳細: https://github.com/kufu/tamatebako/tree/master/packages/eslint-plugin-smarthr/rules/best-practice-for-tailwind-variants` } ] },
   ]
 })

package/test/component-name.js

@@ -17,16 +17,19 @@ const messageProperName = ({ extended, matcher, sampleMatcher, suffix, base }) =
   const actualPrefix = sampleMatcher ? extended.replace(sampleMatcher, '') : (base[0] === base[0].toUpperCase() ? base.replace(matcher, '') : 'Hoge')
 
   return `${extended} は ${matcher} にmatchする名前のコンポーネントを拡張することを期待している名称になっています
+ - 詳細: https://github.com/kufu/tamatebako/tree/master/packages/eslint-plugin-smarthr/rules/component-name
  - ${extended} の名称の末尾が"${suffix}" という文字列ではない状態にしつつ、"${base}"を継承していることをわかる名称に変更してください
  - もしくは"${base}"を"${extended}"の継承元であることがわかるような${isComponent ? '名称に変更するか、適切な別コンポーネントに差し替えてください' : '適切なタグや別コンポーネントに差し替えてください'}
    - 修正例1: const ${actualPrefix}Xxxx = ${sampleSuffix}
    - 修正例2: const ${actualPrefix}${suffix}Xxxx = ${sampleSuffix}
    - 修正例3: const ${actualPrefix}${suffix} = styled(Xxxx${suffix})`
 }
-const messageInheritance = ({ extended, matcher }) => `${extended}を正規表現 "${matcher}" がmatchする名称に変更してください。`
+const messageInheritance = ({ extended, matcher }) => `${extended}を正規表現 "${matcher}" がmatchする名称に変更してください。
+ - 詳細: https://github.com/kufu/tamatebako/tree/master/packages/eslint-plugin-smarthr/rules/component-name`
 const messageImportAs = ({ extended, matcher, base }) => `${messageInheritance({ extended, matcher })}
  - ${base}が型の場合、'import type { ${base} as ${extended} }' もしくは 'import { type ${base} as ${extended} }' のように明示的に型であることを宣言してください。名称変更が不要になります`
 const messageExtendSectioningContent = ({ extended, expected }) => `${extended} は smarthr-ui/${expected} をextendすることを期待する名称になっています
+ - 詳細: https://github.com/kufu/tamatebako/tree/master/packages/eslint-plugin-smarthr/rules/component-name
  - childrenにHeadingを含まない場合、コンポーネントの名称から"${expected}"を取り除いてください
  - childrenにHeadingを含み、アウトラインの範囲を指定するためのコンポーネントならば、smarthr-ui/${expected}をexendしてください
    - "styled(Xxxx)" 形式の場合、拡張元であるXxxxコンポーネントの名称の末尾に"${expected}"を設定し、そのコンポーネント内でsmarthr-ui/${expected}を利用してください`
@@ -139,7 +142,8 @@ ruleTester.run('component-name', rule, {
     { code: 'const RemoteTriggerHogeDialog = styled(RemoteTriggerActionDialog)``' },
   ],
   invalid: [
-    { code: `import hoge from 'styled-components'`, errors: [ { message: `styled-components をimportする際は、名称が"styled" となるようにしてください。例: "import styled from 'styled-components'"` } ] },
+    { code: `import hoge from 'styled-components'`, errors: [ { message: `styled-components をimportする際は、名称が"styled" となるようにしてください。例: "import styled from 'styled-components'"
+ - 詳細: https://github.com/kufu/tamatebako/tree/master/packages/eslint-plugin-smarthr/rules/component-name` } ] },
 
     { code: `const HogeOrderedFugaList = styled.ul`, errors: [ { message: messageProperName({ extended: 'HogeOrderedFugaList', matcher: /(Ordered(.*)List|^ol)$/, suffix: 'OrderedFugaList', base: 'ul' }) } ] },
     { code: `const HogeOrderedFugaList = styled(Hoge)`, errors: [ { message: messageProperName({ extended: 'HogeOrderedFugaList', matcher: /(Ordered(.*)List|^ol)$/, suffix: 'OrderedFugaList', base: 'Hoge' }) } ] },
@@ -244,6 +248,7 @@ ruleTester.run('component-name', rule, {
     { code: 'const Hoge = styled(RemoteDialogTrigger)``', errors: [ { message: messageInheritance({ extended: 'Hoge', matcher: /DialogTrigger$/ }) }, { message: messageInheritance({ extended: 'Hoge', matcher: /RemoteDialogTrigger$/ }) } ] },
     { code: 'const Fuga = styled(RemoteTriggerActionDialog)``', errors: [ { message: messageInheritance({ extended: 'Fuga', matcher: /RemoteTrigger(.+)Dialog$/ }) } ] },
     { code: 'const HogeModalFuga = any', errors: [ { message: `コンポーネント名や変数名に"Modal"という名称は使わず、"Dialog"に統一してください
+ - 詳細: https://github.com/kufu/tamatebako/tree/master/packages/eslint-plugin-smarthr/rules/component-name
  - Modalとは形容詞であり、かつ"現在の操作から切り離して専用の操作を行わせる" という意味合いを持ちます
    - そのためDialogでなければ正しくない場合がありえます(smarthr-ui/ModelessDialogのように元々の操作も行えるDialogなどが該当)
    - DialogはModalなダイアログ、Modelessなダイアログすべてを含有した名称のため、統一することを推奨しています` } ] },

package/test/design-system-guideline-prohibit-double-icons.js

@@ -11,6 +11,7 @@ const ruleTester = new RuleTester({
   },
 })
 const generateErrorText = (name) => `${name} には prefix と suffix は同時に設定できません。
+ - 詳細: https://github.com/kufu/tamatebako/tree/master/packages/eslint-plugin-smarthr/rules/design-system-guideline-prohibit-double-icons
  - どちらにもアイコンをつけられそうな場合は、prefixを優先してください。`
 
 ruleTester.run('design-system-guideline-prohibit-double-icons', rule, {

package/test/prohibit-file-name.js

@@ -32,7 +32,8 @@ ruleTester.run('prohibit-file-name', rule, {
           'hoge\.js': 'any message.',
         }
       ],
-      errors: [{ message: 'any message.' }]
+      errors: [{ message: `any message.
+ - 詳細: https://github.com/kufu/tamatebako/tree/master/packages/eslint-plugin-smarthr/rules/prohibit-file-name` }]
     },
     {
       code: 'const any = "code"',
@@ -42,7 +43,8 @@ ruleTester.run('prohibit-file-name', rule, {
           '(hoge|fuga)\.js': '$1.jsは作成しないで！',
         }
       ],
-      errors: [{ message: 'hoge.jsは作成しないで！' }]
+      errors: [{ message: `hoge.jsは作成しないで！
+ - 詳細: https://github.com/kufu/tamatebako/tree/master/packages/eslint-plugin-smarthr/rules/prohibit-file-name` }]
     },
   ]
 })

package/test/prohibit-import.js

@@ -105,7 +105,8 @@ ruleTester.run('prohibit-import', rule, {
           },
         }
       ],
-      errors: [{ message: 'lodash は利用しないでください' }]
+      errors: [{ message: `lodash は利用しないでください
+ - 詳細: https://github.com/kufu/tamatebako/tree/master/packages/eslint-plugin-smarthr/rules/prohibit-import` }]
     },
     {
       code: `import { isEqual } from 'lodash'`,
@@ -119,7 +120,8 @@ ruleTester.run('prohibit-import', rule, {
           },
         }
       ],
-      errors: [{ message: 'lodash は利用しないでください' }]
+      errors: [{ message: `lodash は利用しないでください
+ - 詳細: https://github.com/kufu/tamatebako/tree/master/packages/eslint-plugin-smarthr/rules/prohibit-import` }]
     },
     {
       code: `import { isEqual } from 'lodash'`,
@@ -133,7 +135,8 @@ ruleTester.run('prohibit-import', rule, {
           },
         }
       ],
-      errors: [{message: 'lodash/isEqual は利用しないでください'}]
+      errors: [{message: `lodash/isEqual は利用しないでください
+ - 詳細: https://github.com/kufu/tamatebako/tree/master/packages/eslint-plugin-smarthr/rules/prohibit-import` }]
     },
     {
       code: `import { isEqual } from 'lodash'`,
@@ -148,7 +151,8 @@ ruleTester.run('prohibit-import', rule, {
           },
         }
       ],
-      errors: [{message: 'must not use lodash/isEqual'}]
+      errors: [{message: `must not use lodash/isEqual
+ - 詳細: https://github.com/kufu/tamatebako/tree/master/packages/eslint-plugin-smarthr/rules/prohibit-import` }]
     },
     {
       code: `import { isEqual } from 'lodash'`,
@@ -166,7 +170,8 @@ ruleTester.run('prohibit-import', rule, {
           },
         }
       ],
-      errors: [{message: 'must not use lodash/isEqual'}]
+      errors: [{message: `must not use lodash/isEqual
+ - 詳細: https://github.com/kufu/tamatebako/tree/master/packages/eslint-plugin-smarthr/rules/prohibit-import` }]
     },
     {
       code: `import { isEqual } from 'lodash'`,
@@ -184,7 +189,8 @@ ruleTester.run('prohibit-import', rule, {
           },
         }
       ],
-      errors: [{message: 'must not use lodash/isEqual'}]
+      errors: [{message: `must not use lodash/isEqual
+ - 詳細: https://github.com/kufu/tamatebako/tree/master/packages/eslint-plugin-smarthr/rules/prohibit-import` }]
     },
     {
       code: `import { isEqual } from './module/validator'`,
@@ -198,7 +204,8 @@ ruleTester.run('prohibit-import', rule, {
           },
         }
       ],
-      errors: [{ message: './module/validator/isEqual は利用しないでください' }]
+      errors: [{ message: `./module/validator/isEqual は利用しないでください
+ - 詳細: https://github.com/kufu/tamatebako/tree/master/packages/eslint-plugin-smarthr/rules/prohibit-import` }]
     },
   ]
 })

package/test/prohibit-path-within-template-literal.js

@@ -22,12 +22,14 @@ ruleTester.run('prohibit-path-within-template-literal', rule, {
   invalid: [
     {
       code: '`${path.hoge}`',
-      errors: [{ message: 'path.hogeは `` で囲まないでください。queryStringを結合するなどのURL生成は path.hoge 内で行います。 (例: path.hoge({ query: { hoge: \'abc\' } })' }]
+      errors: [{ message: `path.hogeは \`\` で囲まないでください。queryStringを結合するなどのURL生成は path.hoge 内で行います。 (例: path.hoge({ query: { hoge: 'abc' } })
+ - 詳細: https://github.com/kufu/tamatebako/tree/master/packages/eslint-plugin-smarthr/rules/prohibit-path-within-template-literal` }]
     },
     {
       code: '`${ABC.hoge()}${hogehoge}`',
       options: [{ pathRegex: '^ABC$' }],
-      errors: [{ message: 'ABC.hogeは `` で囲まないでください。queryStringを結合するなどのURL生成は ABC.hoge 内で行います。 (例: ABC.hoge({ query: { hoge: \'abc\' } })' }]
+      errors: [{ message: `ABC.hogeは \`\` で囲まないでください。queryStringを結合するなどのURL生成は ABC.hoge 内で行います。 (例: ABC.hoge({ query: { hoge: 'abc' } })
+ - 詳細: https://github.com/kufu/tamatebako/tree/master/packages/eslint-plugin-smarthr/rules/prohibit-path-within-template-literal` }]
     },
   ]
 })

package/test/require-declaration.js

@@ -90,7 +90,8 @@ ruleTester.run('format-translate-component', rule, {
           },
         }
       ],
-      errors: [{ message: 'const fugaが宣言されていません' }],
+      errors: [{ message: `const fugaが宣言されていません
+ - 詳細: https://github.com/kufu/tamatebako/tree/master/packages/eslint-plugin-smarthr/rules/require-declaration` }],
     },
     {
       code: 'const hoge = any',
@@ -105,7 +106,8 @@ ruleTester.run('format-translate-component', rule, {
           },
         }
       ],
-      errors: [{ message: 'fugaを定義しろ！' }],
+      errors: [{ message: `fugaを定義しろ！
+ - 詳細: https://github.com/kufu/tamatebako/tree/master/packages/eslint-plugin-smarthr/rules/require-declaration` }],
     },
     {
       code: 'const hoge = abc',
@@ -120,7 +122,8 @@ ruleTester.run('format-translate-component', rule, {
           },
         }
       ],
-      errors: [{ message: 'const hoge では fuga を利用してください' }],
+      errors: [{ message: `const hoge では fuga を利用してください
+ - 詳細: https://github.com/kufu/tamatebako/tree/master/packages/eslint-plugin-smarthr/rules/require-declaration` }],
     },
     {
       code: 'let hoge = () => undefined',
@@ -135,7 +138,9 @@ ruleTester.run('format-translate-component', rule, {
           },
         }
       ],
-      errors: [{ message: 'arrow-function hoge では num を利用してください' }, { message: 'arrow-function hoge では parseInt(num, 10) を利用してください' }],
+      errors: [{ message: `arrow-function hoge では num を利用してください
+ - 詳細: https://github.com/kufu/tamatebako/tree/master/packages/eslint-plugin-smarthr/rules/require-declaration` }, { message: `arrow-function hoge では parseInt(num, 10) を利用してください
+ - 詳細: https://github.com/kufu/tamatebako/tree/master/packages/eslint-plugin-smarthr/rules/require-declaration` }],
     },
     {
       code: 'let hoge = () => undefined',
@@ -151,7 +156,8 @@ ruleTester.run('format-translate-component', rule, {
           },
         }
       ],
-      errors: [{ message: 'hoge関数は `const hoge = (num) => { const temp = parseInt(num, 10); /* any code. */ }` のように定義してください' }],
+      errors: [{ message: `hoge関数は \`const hoge = (num) => { const temp = parseInt(num, 10); /* any code. */ }\` のように定義してください
+ - 詳細: https://github.com/kufu/tamatebako/tree/master/packages/eslint-plugin-smarthr/rules/require-declaration` }],
     },
   ]
 })

package/test/require-export.js

@@ -62,7 +62,8 @@ ruleTester.run('require-export', rule, {
           '^.+$': ['fuga'],
         }
       ],
-      errors: [{ message: 'fuga をexportしてください' }],
+      errors: [{ message: `fuga をexportしてください
+ - 詳細: https://github.com/kufu/tamatebako/tree/master/packages/eslint-plugin-smarthr/rules/require-export` }],
     },
     {
       code: `export const hoge = {}`,
@@ -71,7 +72,8 @@ ruleTester.run('require-export', rule, {
           '^.+$': ['fuga'],
         }
       ],
-      errors: [{ message: 'fuga をexportしてください' }],
+      errors: [{ message: `fuga をexportしてください
+ - 詳細: https://github.com/kufu/tamatebako/tree/master/packages/eslint-plugin-smarthr/rules/require-export` }],
     },
     {
       code: `const hoge = {}; export { hoge }`,
@@ -80,7 +82,8 @@ ruleTester.run('require-export', rule, {
           '^.+$': ['default'],
         }
       ],
-      errors: [{ message: 'default をexportしてください' }],
+      errors: [{ message: `default をexportしてください
+ - 詳細: https://github.com/kufu/tamatebako/tree/master/packages/eslint-plugin-smarthr/rules/require-export` }],
     },
   ]
 })

package/test/require-i18n-text.js

@@ -11,9 +11,10 @@ const ruleTester = new RuleTester({
   },
 })
 
-const attributeError = (element, attr) =>
-  `${element}の${attr}属性に文字列リテラルが指定されています。多言語化対応のため、翻訳関数を使用してください`
-const childTextError = '子要素に文字列リテラルが指定されています。多言語化対応のため、翻訳関数を使用してください'
+const attributeError = (element, attr) => `${element}の${attr}属性に文字列リテラルが指定されています。多言語化対応のため、翻訳関数を使用してください
+ - 詳細: https://github.com/kufu/tamatebako/tree/master/packages/eslint-plugin-smarthr/rules/require-i18n-text`
+const childTextError = `子要素に文字列リテラルが指定されています。多言語化対応のため、翻訳関数を使用してください
+ - 詳細: https://github.com/kufu/tamatebako/tree/master/packages/eslint-plugin-smarthr/rules/require-i18n-text`
 
 const options = [
   {
@@ -53,6 +54,14 @@ ruleTester.run('require-i18n-text', rule, {
     { code: `<img src="image.png" />` },
     { code: `<div data-testid="test" />` },
 
+    // 数値のみ、.と演算記号のみの場合は許容
+    { code: `<Any aria-label="1234" />` },
+    { code: `<div>.</div>` },
+    { code: `<a> +</a>` },
+    { code: `<img alt="-" />` },
+    { code: `<i>*</i>` },
+    { code: `<i>/</i>` },
+
     // ワイルドカード - 空配列で除外
     {
       code: `<Icon label="Icon text" />`,
@@ -97,6 +106,14 @@ ruleTester.run('require-i18n-text', rule, {
       errors: [{ message: attributeError('button', 'title') }],
     },
 
+    // 数値、.と演算記号の場合でも他の文字列が含まれていればエラー
+    { code: `<Any aria-label="1234 あ" />`, errors: [{ message: attributeError('Any', 'aria-label') }] },
+    { code: `<div>a.</div>`, errors: [{ message: childTextError }] },
+    { code: `<a> + b</a>`, errors: [{ message: childTextError }] },
+    { code: `<img alt="-zod" />`, errors: [{ message: attributeError('img', 'alt') }] },
+    { code: `<i>*1</i>`, errors: [{ message: childTextError }] },
+    { code: `<i>a/</i>`, errors: [{ message: childTextError }] },
+
     // 属性エラー: カスタムオプション
     {
       code: `<img alt="Profile picture" />`,

package/test/require-import.js

@@ -66,7 +66,8 @@ ruleTester.run('require-import', rule, {
           },
         }
       ],
-      errors: [{ message: 'lodash/isEqual を絶対使ってください' }],
+      errors: [{ message: `lodash/isEqual を絶対使ってください
+ - 詳細: https://github.com/kufu/tamatebako/tree/master/packages/eslint-plugin-smarthr/rules/require-import` }],
     },
     {
       code: `import { chunk } from 'lodash'`,
@@ -108,7 +109,8 @@ ruleTester.run('require-import', rule, {
           },
         }
       ],
-      errors: [{ message: 'lodash をimportしてください' }],
+      errors: [{ message: `lodash をimportしてください
+ - 詳細: https://github.com/kufu/tamatebako/tree/master/packages/eslint-plugin-smarthr/rules/require-import` }],
     },
     {
       code: ``,
@@ -122,7 +124,8 @@ ruleTester.run('require-import', rule, {
           },
         }
       ],
-      errors: [{ message: 'lodash をimportしてください' }],
+      errors: [{ message: `lodash をimportしてください
+ - 詳細: https://github.com/kufu/tamatebako/tree/master/packages/eslint-plugin-smarthr/rules/require-import` }],
     },
     {
       code: ``,
@@ -137,7 +140,8 @@ ruleTester.run('require-import', rule, {
           },
         }
       ],
-      errors: [{ message: 'lodash を絶対使ってください' }],
+      errors: [{ message: `lodash を絶対使ってください
+ - 詳細: https://github.com/kufu/tamatebako/tree/master/packages/eslint-plugin-smarthr/rules/require-import` }],
     },
     {
       code: ``,
@@ -152,7 +156,8 @@ ruleTester.run('require-import', rule, {
           },
         }
       ],
-      errors: [{ message: 'lodash/isEqual を絶対使ってください' }],
+      errors: [{ message: `lodash/isEqual を絶対使ってください
+ - 詳細: https://github.com/kufu/tamatebako/tree/master/packages/eslint-plugin-smarthr/rules/require-import` }],
     },
     {
       code: `import { chunk } from 'lodash'`,
@@ -167,7 +172,8 @@ ruleTester.run('require-import', rule, {
           },
         }
       ],
-      errors: [{ message: 'lodash/isEqual を絶対使ってください' }],
+      errors: [{ message: `lodash/isEqual を絶対使ってください
+ - 詳細: https://github.com/kufu/tamatebako/tree/master/packages/eslint-plugin-smarthr/rules/require-import` }],
     },
     {
       code: `import { isEqual } from './module/validator'`,
@@ -181,7 +187,7 @@ ruleTester.run('require-import', rule, {
           },
         }
       ],
-      errors: [{ message: /module\/validator\/isEqual をimportしてください$/ }],
+      errors: [{ message: /module\/validator\/isEqual をimportしてください/ }],
     },
   ]
 })

package/test/trim-props.js

@@ -11,6 +11,9 @@ const ruleTester = new RuleTester({
   },
 })
 
+const ERROR_MESSAGE = `属性に設定している文字列から先頭、末尾の空白文字を削除してください
+ - 詳細: https://github.com/kufu/tamatebako/tree/master/packages/eslint-plugin-smarthr/rules/trim-props`
+
 ruleTester.run('trim-props', rule, {
   valid: [
     { code: '<a href="https://www.google.com">google</a>' },
@@ -25,73 +28,73 @@ ruleTester.run('trim-props', rule, {
     {
       code: '<a href=" https://www.google.com">google</a>',
       output: '<a href="https://www.google.com">google</a>',
-      errors: [{ message: '属性に設定している文字列から先頭、末尾の空白文字を削除してください' }],
+      errors: [{ message: ERROR_MESSAGE }],
     },
     {
       code: '<a href="https://www.google.com ">google</a>',
       output: '<a href="https://www.google.com">google</a>',
-      errors: [{ message: '属性に設定している文字列から先頭、末尾の空白文字を削除してください' }],
+      errors: [{ message: ERROR_MESSAGE }],
     },
     {
       code: '<a href=" https://www.google.com ">google</a>',
       output: '<a href="https://www.google.com">google</a>',
-      errors: [{ message: '属性に設定している文字列から先頭、末尾の空白文字を削除してください' }],
+      errors: [{ message: ERROR_MESSAGE }],
     },
     {
       code: '<a href={" https://www.google.com"}>google</a>',
       output: '<a href={"https://www.google.com"}>google</a>',
-      errors: [{ message: '属性に設定している文字列から先頭、末尾の空白文字を削除してください' }],
+      errors: [{ message: ERROR_MESSAGE }],
     },
     {
       code: '<a href={"https://www.google.com "}>google</a>',
       output: '<a href={"https://www.google.com"}>google</a>',
-      errors: [{ message: '属性に設定している文字列から先頭、末尾の空白文字を削除してください' }],
+      errors: [{ message: ERROR_MESSAGE }],
     },
     {
       code: '<a href={" https://www.google.com "}>google</a>',
       output: '<a href={"https://www.google.com"}>google</a>',
-      errors: [{ message: '属性に設定している文字列から先頭、末尾の空白文字を削除してください' }],
+      errors: [{ message: ERROR_MESSAGE }],
     },
     {
       code: '<img src=" /sample.jpg" alt="sample " />',
       output: '<img src="/sample.jpg" alt="sample" />',
       errors: [
-        { message: '属性に設定している文字列から先頭、末尾の空白文字を削除してください' },
-        { message: '属性に設定している文字列から先頭、末尾の空白文字を削除してください' },
+        { message: ERROR_MESSAGE },
+        { message: ERROR_MESSAGE },
       ],
     },
     {
       code: `<img src={' /sample.jpg'} alt={'sample '} />`,
       output: `<img src={'/sample.jpg'} alt={'sample'} />`,
       errors: [
-        { message: '属性に設定している文字列から先頭、末尾の空白文字を削除してください' },
-        { message: '属性に設定している文字列から先頭、末尾の空白文字を削除してください' },
+        { message: ERROR_MESSAGE },
+        { message: ERROR_MESSAGE },
       ],
     },
     {
       code: '<div data-spec=" info-area ">....</div>',
       output: '<div data-spec="info-area">....</div>',
-      errors: [{ message: '属性に設定している文字列から先頭、末尾の空白文字を削除してください' }],
+      errors: [{ message: ERROR_MESSAGE }],
     },
     {
       code: '<div data-spec={" info-area "}>....</div>',
       output: '<div data-spec={"info-area"}>....</div>',
-      errors: [{ message: '属性に設定している文字列から先頭、末尾の空白文字を削除してください' }],
+      errors: [{ message: ERROR_MESSAGE }],
     },
     {
       code: '<div data-spec={` ab c `}>....</div>',
       output: '<div data-spec={`ab c`}>....</div>',
-      errors: [{ message: '属性に設定している文字列から先頭、末尾の空白文字を削除してください' }],
+      errors: [{ message: ERROR_MESSAGE }],
     },
     {
       code: '<div data-spec={` a${b} c `}>....</div>',
       output: '<div data-spec={`a${b} c`}>....</div>',
-      errors: [{ message: '属性に設定している文字列から先頭、末尾の空白文字を削除してください' }],
+      errors: [{ message: ERROR_MESSAGE }],
     },
     {
       code: '<div data-spec={` a${b ? ` ${c} ` : "  "} d `}>....</div>',
       output: '<div data-spec={`a${b ? ` ${c} ` : "  "} d`}>....</div>',
-      errors: [{ message: '属性に設定している文字列から先頭、末尾の空白文字を削除してください' }],
+      errors: [{ message: ERROR_MESSAGE }],
     },
   ],
 })