eslint-plugin-smarthr 0.5.20 → 1.0.0

package/CHANGELOG.md

@@ -2,6 +2,17 @@
 
 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.
 
+## [1.0.0](https://github.com/kufu/eslint-plugin-smarthr/compare/v0.5.20...v1.0.0) (2024-12-12)
+
+
+### ⚠ BREAKING CHANGES
+
+ESLint v9 及び FlatConfig への対応をしました。
+
+これにともない、ESLint v8 以下及び LegacyConfig では利用できなくなりました。
+
+* ESLint v9 ([#154](https://github.com/kufu/eslint-plugin-smarthr/issues/154)) ([a0b79fd](https://github.com/kufu/eslint-plugin-smarthr/commit/a0b79fd39fcab103008f9a257fb29d7d0e9c662b))
+
 ### [0.5.20](https://github.com/kufu/eslint-plugin-smarthr/compare/v0.5.18...v0.5.20) (2024-11-25)
 
 

package/index.js

@@ -5,12 +5,16 @@ const path = require('path');
 
 const rules = generateRulesMap();
 
+/**
+ * @type {import('eslint').Linter.Config}
+ */
 module.exports = {
-  configs: {
-    recommended: generateRecommendedConfig(rules),
-  },
+  name: 'eslint-plugin-smarthr',
   rules,
-};
+  plugins: {
+    recommended: generateRecommendedConfig(rules),
+  }
+}
 
 function generateRulesMap() {
   let rulesPath = path.join(__dirname, 'rules');
@@ -25,7 +29,7 @@ function generateRulesMap() {
 
 function generateRecommendedConfig(rules) {
   let config = {
-    plugins: ['smarthr'],
+    name: 'eslint-plugin-smarthr/recommended',
     rules: {},
   };
 

package/package.json

@@ -1,10 +1,13 @@
 {
   "name": "eslint-plugin-smarthr",
-  "version": "0.5.20",
+  "version": "1.0.0",
   "author": "SmartHR",
   "license": "MIT",
   "description": "A sharable ESLint plugin for SmartHR",
   "main": "index.js",
+  "engines": {
+    "node": ">=20.9.0"
+  },
   "scripts": {
     "test": "jest",
     "release:dryrun": "standard-version --dry-run",
@@ -22,16 +25,16 @@
     "url": "https://github.com/kufu/eslint-plugin-smarthr/issues"
   },
   "dependencies": {
-    "json5": "^2.2.0"
+    "json5": "^2.2.3"
   },
   "devDependencies": {
-    "eslint": "^8.8.0",
-    "jest": "^27.4.7",
-    "standard-version": "^9.3.2",
-    "typescript-eslint": "^7.5.0"
+    "eslint": "^9.15.0",
+    "jest": "^29.7.0",
+    "standard-version": "^9.5.0",
+    "typescript-eslint": "^8.14.0"
   },
   "peerDependencies": {
-    "eslint": "^7 || ^8"
+    "eslint": "^9"
   },
   "keywords": [
     "eslint",

package/rules/a11y-prohibit-sectioning-content-in-form/index.js

@@ -141,7 +141,7 @@ module.exports = {
     schema: [],
   },
   create(context) {
-    const filenames = context.getFilename().replace(rootPathSlashed, '').replace(extRegex, '').split('/')
+    const filenames = context.filename.replace(rootPathSlashed, '').replace(extRegex, '').split('/')
     const isInnerForm = filenames.some(includeWrapper)
     const notified = []
 

package/rules/format-import-path/index.js

@@ -125,12 +125,12 @@ module.exports = {
             message: `${fixedImportPath} に修正してください`,
             fix: (fixer) => fixer.replaceText(
               node,
-              context.getSourceCode().getText(node).replace(new RegExp(`from '${importPath}'$`), `from '${fixedImportPath}'`)
+              context.sourceCode.getText(node).replace(new RegExp(`from '${importPath}'$`), `from '${fixedImportPath}'`)
             ),
           })
         }
       },
-    }
+    };
   },
 }
 module.exports.schema = SCHEMA

package/rules/jsx-start-with-spread-attributes/index.js

@@ -35,8 +35,7 @@ module.exports = {
 
         if (insertIndex >= 0) {
           const option = context.options[0]
-          const sourceCode = context.getSourceCode()
-          const attributeCode = sourceCode.getText(node)
+          const attributeCode = context.sourceCode.getText(node)
 
           context.report({
             node,
@@ -49,7 +48,7 @@ module.exports = {
                 }
 
                 if (a !== node) {
-                  p = [...p, sourceCode.getText(a)]
+                  p = [...p, context.sourceCode.getText(a)]
                 }
 
                 return p
@@ -63,7 +62,7 @@ module.exports = {
           });
         }
       },
-    }
+    };
   },
 }
 module.exports.schema = SCHEMA

package/rules/prohibit-file-name/index.js

@@ -19,8 +19,7 @@ module.exports = {
   },
   create(context) {
     const options = context.options[0]
-    const filename = context.getFilename()
-    const targetPaths = Object.keys(options).filter((regex) => !!filename.match(new RegExp(regex)))
+    const targetPaths = Object.keys(options).filter((regex) => !!context.filename.match(new RegExp(regex)))
 
 
     if (targetPaths.length === 0) {
@@ -32,7 +31,7 @@ module.exports = {
     targetPaths.forEach((path) => {
       const message = options[path]
 
-      matcher = filename.match(new RegExp(path))
+      matcher = context.filename.match(new RegExp(path))
 
       if (matcher) {
         messages.push([...matcher].reduce(((prev, k, index) => prev.replaceAll(`\$${index}`, k)), message))

package/rules/prohibit-import/index.js

@@ -42,15 +42,14 @@ module.exports = {
   },
   create(context) {
     const options = context.options[0]
-    const filename = context.getFilename()
     const parentDir = (() => {
-      const dir = filename.match(/^(.+?)\..+?$/)[1].split('/')
+      const dir = context.filename.match(/^(.+?)\..+?$/)[1].split('/')
       dir.pop()
 
       return dir.join('/')
     })()
     const targetPathRegexs = Object.keys(options)
-    const targetProhibits = targetPathRegexs.filter((regex) => !!filename.match(new RegExp(regex)))
+    const targetProhibits = targetPathRegexs.filter((regex) => !!context.filename.match(new RegExp(regex)))
 
     if (targetProhibits.length === 0) {
       return {}

package/rules/require-barrel-import/index.js

@@ -93,17 +93,16 @@ module.exports = {
   },
   create(context) {
     const option = context.options[0] || {}
-    const filename = context.getFilename()
 
-    if (option.ignores && option.ignores.some((i) => !!filename.match(new RegExp(i)))) {
+    if (option.ignores && option.ignores.some((i) => !!context.filename.match(new RegExp(i)))) {
       return {}
     }
 
-    let d = filename.split('/')
+    let d = context.filename.split('/')
     d.pop()
     const dir = d.join('/')
     const targetPathRegexs = Object.keys(option?.allowedImports || {})
-    const targetAllowedImports = targetPathRegexs.filter((regex) => !!filename.match(new RegExp(regex)))
+    const targetAllowedImports = targetPathRegexs.filter((regex) => !!context.filename.match(new RegExp(regex)))
 
     return {
       ImportDeclaration: (node) => {

package/rules/require-declaration/index.js

@@ -50,9 +50,8 @@ module.exports = {
   },
   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)))
+    const targetRequires = targetPathRegexs.filter((regex) => !!context.filename.match(new RegExp(regex)))
 
     if (targetRequires.length === 0) {
       return {}
@@ -105,7 +104,7 @@ module.exports = {
                 message: localOption.reportMessage || `${localOption.type} ${requireDeclaration}が宣言されていません`,
               })
             } else if (localOption.use) {
-              const code = context.getSourceCode().getText(hit)
+              const code = context.sourceCode.getText(hit)
               let reported = false
 
               localOption.use.forEach((u) => {
@@ -121,7 +120,7 @@ module.exports = {
           })
         })
       },
-    }
+    };
   },
 }
 

package/rules/require-export/index.js

@@ -30,9 +30,8 @@ module.exports = {
   },
   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)))
+    const targetRequires = targetPathRegexs.filter((regex) => !!context.filename.match(new RegExp(regex)))
 
     if (targetRequires.length === 0) {
       return {}

package/rules/require-import/index.js

@@ -42,9 +42,8 @@ module.exports = {
   },
   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)))
+    const targetRequires = targetPathRegexs.filter((regex) => !!context.filename.match(new RegExp(regex)))
 
     if (targetRequires.length === 0) {
       return {}
@@ -54,7 +53,7 @@ module.exports = {
       Program: (node) => {
         const importDeclarations = node.body.filter((item) => item.type === 'ImportDeclaration')
         const parentDir = (() => {
-          const dir = filename.match(/^(.+?)\..+?$/)[1].split('/')
+          const dir = context.filename.match(/^(.+?)\..+?$/)[1].split('/')
           dir.pop()
 
           return dir.join('/')
@@ -66,7 +65,7 @@ module.exports = {
           Object.keys(option).forEach((targetModule) => {
             const { imported, reportMessage, targetRegex } = Object.assign({imported: true}, option[targetModule])
 
-            if (targetRegex && !filename.match(new RegExp(targetRegex))) {
+            if (targetRegex && !context.filename.match(new RegExp(targetRegex))) {
               return
             }
 

package/test/a11y-anchor-has-href-attribute.js

@@ -2,16 +2,14 @@ const rule = require('../rules/a11y-anchor-has-href-attribute')
 const RuleTester = require('eslint').RuleTester
 
 const ruleTester = new RuleTester({
-  parserOptions: {
-    ecmaVersion: 12,
-    ecmaFeatures: {
-      experimentalObjectRestSpread: true,
-      jsx: true,
+  languageOptions: {
+    parserOptions: {
+      ecmaFeatures: {
+        jsx: true,
+      },
     },
-    sourceType: 'module',
   },
 })
-
 const generateErrorText = (name) => `${name} に href 属性を正しく設定してください
  - onClickなどでページ遷移する場合でもhref属性に遷移先のURIを設定してください
    - Cmd + clickなどのキーボードショートカットに対応出来ます

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

@@ -2,16 +2,14 @@ const rule = require('../rules/a11y-clickable-element-has-text')
 const RuleTester = require('eslint').RuleTester
 
 const ruleTester = new RuleTester({
-  parserOptions: {
-    ecmaVersion: 12,
-    ecmaFeatures: {
-      experimentalObjectRestSpread: true,
-      jsx: true,
+  languageOptions: {
+    parserOptions: {
+      ecmaFeatures: {
+        jsx: true,
+      },
     },
-    sourceType: 'module',
   },
 })
-
 const defaultErrorMessage = `a, buttonなどのクリッカブルな要素内にはテキストを設定してください
  - 要素内にアイコン、画像のみを設置する場合はaltなどの代替テキスト用属性を指定してください
   - SVG component の場合、altを属性として受け取れるようにした上で '<svg role="img" aria-label={alt}>' のように指定してください
@@ -149,7 +147,6 @@ ruleTester.run('a11y-clickable-element-has-text', rule, {
     { code: 'const Hoge = styled(Link)``', errors: [ { message: `Hogeを正規表現 "/Link$/" がmatchする名称に変更してください。` } ]  },
     { code: 'const Hoge = styled(Button)``', errors: [ { message: `Hogeを正規表現 "/Button$/" がmatchする名称に変更してください。` } ]  },
     { code: 'const Fuga = styled(HogeAnchor)``', errors: [ { message: `Fugaを正規表現 "/Anchor$/" がmatchする名称に変更してください。` } ]  },
-    { code: 'const Fuga = styled(HogeAnchor)``', errors: [ { message: `Fugaを正規表現 "/Anchor$/" がmatchする名称に変更してください。` } ]  },
     { code: 'const Fuga = styled(SmartHRLogo)``', errors: [ { message: `Fugaを正規表現 "/SmartHRLogo$/" がmatchする名称に変更してください。` } ]  },
     { code: 'const Piyo = styled.a(() => ``)', errors: [ { message: `Piyoを正規表現 "/(Anchor|Link)$/" がmatchする名称に変更してください。` } ] },
     { code: 'const Piyo = styled("a")(() => ``)', errors: [ { message: `Piyoを正規表現 "/(Anchor|Link)$/" がmatchする名称に変更してください。` } ] },

package/test/a11y-delegate-element-has-role-presantation.js

@@ -2,15 +2,14 @@ const rule = require('../rules/a11y-delegate-element-has-role-presentation');
 const RuleTester = require('eslint').RuleTester;
 
 const ruleTester = new RuleTester({
-  parserOptions: {
-    ecmaVersion: 12,
-    ecmaFeatures: {
-      experimentalObjectRestSpread: true,
-      jsx: true,
+  languageOptions: {
+    parserOptions: {
+      ecmaFeatures: {
+        jsx: true,
+      },
     },
-    sourceType: 'module',
   },
-});
+})
 
 const defaultInteractiveRegex = '/((i|I)nput$|(t|T)extarea$|(s|S)elect$|InputFile$|RadioButtonPanel$|Check(b|B)ox$|Combo(b|B)ox$|DatePicker$|TimePicker$|DropZone$|Switch$|SegmentedControl$|RightFixedNote$|FieldSet$|Fieldset$|FormControl$|FormGroup$|(b|B)utton$|Anchor$|Link$|TabItem$|^a$|(f|F)orm$|ActionDialogWithTrigger$|RemoteDialogTrigger$|RemoteTrigger(.+)Dialog$|FormDialog$|Pagination$|SideNav$|AccordionPanel$|FilterDropdown$)/'
 const messageNonInteractiveEventHandler = (nodeName, onAttrs, interactiveComponentRegex = defaultInteractiveRegex) => {

package/test/a11y-form-control-in-form.js

@@ -2,16 +2,14 @@ const rule = require('../rules/a11y-form-control-in-form')
 const RuleTester = require('eslint').RuleTester
 
 const ruleTester = new RuleTester({
-  parserOptions: {
-    ecmaVersion: 12,
-    ecmaFeatures: {
-      experimentalObjectRestSpread: true,
-      jsx: true,
+  languageOptions: {
+    parserOptions: {
+      ecmaFeatures: {
+        jsx: true,
+      },
     },
-    sourceType: 'module',
   },
 })
-
 const generateErrorText = (elementName) => `${elementName}をform要素で囲むようにマークアップしてください。
  - form要素で囲むことでスクリーンリーダーに入力フォームであることが正しく伝わる、入力要素にfocusした状態でEnterを押せばsubmitできる、inputのpattern属性を利用できるなどのメリットがあります
  - 以下のいずれかの方法で修正をおこなってください

package/test/a11y-heading-in-sectioning-content.js

@@ -2,15 +2,14 @@ const rule = require('../rules/a11y-heading-in-sectioning-content');
 const RuleTester = require('eslint').RuleTester;
 
 const ruleTester = new RuleTester({
-  parserOptions: {
-    ecmaVersion: 12,
-    ecmaFeatures: {
-      experimentalObjectRestSpread: true,
-      jsx: true,
+  languageOptions: {
+    parserOptions: {
+      ecmaFeatures: {
+        jsx: true,
+      },
     },
-    sourceType: 'module',
   },
-});
+})
 
 const lowerMessage = `smarthr-ui/Headingと紐づく内容の範囲（アウトライン）が曖昧になっています。
  - smarthr-uiのArticle, Aside, Nav, SectionのいずれかでHeadingコンポーネントと内容をラップしてHeadingに対応する範囲を明確に指定してください。`

package/test/a11y-image-has-alt-attribute.js

@@ -2,16 +2,14 @@ const rule = require('../rules/a11y-image-has-alt-attribute')
 const RuleTester = require('eslint').RuleTester
 
 const ruleTester = new RuleTester({
-  parserOptions: {
-    ecmaVersion: 12,
-    ecmaFeatures: {
-      experimentalObjectRestSpread: true,
-      jsx: true,
+  languageOptions: {
+    parserOptions: {
+      ecmaFeatures: {
+        jsx: true,
+      },
     },
-    sourceType: 'module',
   },
 })
-
 const messageNotExistAlt = `画像にはalt属性を指定してください。
  - コンポーネントが画像ではない場合、img or image を末尾に持たない名称に変更してください。
  - ボタンやリンクの先頭・末尾などに設置するアイコンとしての役割を持つ画像の場合、コンポーネント名の末尾を "Icon" に変更してください。

package/test/a11y-input-has-name-attribute.js

@@ -2,15 +2,14 @@ const rule = require('../rules/a11y-input-has-name-attribute');
 const RuleTester = require('eslint').RuleTester;
 
 const ruleTester = new RuleTester({
-  parserOptions: {
-    ecmaVersion: 12,
-    ecmaFeatures: {
-      experimentalObjectRestSpread: true,
-      jsx: true,
+  languageOptions: {
+    parserOptions: {
+      ecmaFeatures: {
+        jsx: true,
+      },
     },
-    sourceType: 'module',
   },
-});
+})
 
 const MESSAGE_SUFFIX = `
  - ブラウザの自動補完が有効化されるなどのメリットがあります

package/test/a11y-input-in-form-control.js

@@ -2,16 +2,14 @@ const rule = require('../rules/a11y-input-in-form-control')
 const RuleTester = require('eslint').RuleTester
 
 const ruleTester = new RuleTester({
-  parserOptions: {
-    ecmaVersion: 12,
-    ecmaFeatures: {
-      experimentalObjectRestSpread: true,
-      jsx: true,
+  languageOptions: {
+    parserOptions: {
+      ecmaFeatures: {
+        jsx: true,
+      },
     },
-    sourceType: 'module',
   },
 })
-
 const noLabeledInput = (name) => `${name} を、smarthr-ui/FormControl もしくはそれを拡張したコンポーネントが囲むようマークアップを変更してください。
  - FormControlで入力要素を囲むことでラベルと入力要素が適切に紐づき、操作性が高まります
  - ${name}が入力要素とラベル・タイトル・説明など含む概念を表示するコンポーネントの場合、コンポーネント名を/((FormGroup)$|(FormControl)$|((F|^f)ieldset)$)/とマッチするように修正してください

package/test/a11y-numbered-text-within-ol.js

@@ -2,16 +2,14 @@ const rule = require('../rules/a11y-numbered-text-within-ol')
 const RuleTester = require('eslint').RuleTester
 
 const ruleTester = new RuleTester({
-  parserOptions: {
-    ecmaVersion: 12,
-    ecmaFeatures: {
-      experimentalObjectRestSpread: true,
-      jsx: true,
+  languageOptions: {
+    parserOptions: {
+      ecmaFeatures: {
+        jsx: true,
+      },
     },
-    sourceType: 'module',
   },
 })
-
 ruleTester.run('a11y-numbered-text-within-ol', rule, {
   valid: [
     { code: `const HogeOrderedFugaList = styled.ol` },

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

@@ -2,16 +2,14 @@ const rule = require('../rules/a11y-prohibit-input-placeholder')
 const RuleTester = require('eslint').RuleTester
 
 const ruleTester = new RuleTester({
-  parserOptions: {
-    ecmaVersion: 12,
-    ecmaFeatures: {
-      experimentalObjectRestSpread: true,
-      jsx: true,
+  languageOptions: {
+    parserOptions: {
+      ecmaFeatures: {
+        jsx: true,
+      },
     },
-    sourceType: 'module',
   },
 })
-
 ruleTester.run('a11y-prohibit-input-placeholder', rule, {
   valid: [
     { code: `import styled from 'styled-components'` },

package/test/a11y-prohibit-input-maxlength-attribute.js

@@ -2,16 +2,14 @@ const rule = require('../rules/a11y-prohibit-input-maxlength-attribute')
 const RuleTester = require('eslint').RuleTester
 
 const ruleTester = new RuleTester({
-  parserOptions: {
-    ecmaVersion: 12,
-    ecmaFeatures: {
-      experimentalObjectRestSpread: true,
-      jsx: true,
+  languageOptions: {
+    parserOptions: {
+      ecmaFeatures: {
+        jsx: true,
+      },
     },
-    sourceType: 'module',
   },
 })
-
 const expectedErrorMessage = (elName) => `${elName}にmaxLength属性を設定しないでください。
 - maxLength属性がついた要素に、テキストをペーストすると、maxLength属性の値を超えた範囲が意図せず切り捨てられてしまう場合があります
 - 以下のいずれかの方法で修正をおこなってください

package/test/a11y-prohibit-useless-sectioning-fragment.js

@@ -2,16 +2,14 @@ const rule = require('../rules/a11y-prohibit-useless-sectioning-fragment')
 const RuleTester = require('eslint').RuleTester
 
 const ruleTester = new RuleTester({
-  parserOptions: {
-    ecmaVersion: 12,
-    ecmaFeatures: {
-      experimentalObjectRestSpread: true,
-      jsx: true,
+  languageOptions: {
+    parserOptions: {
+      ecmaFeatures: {
+        jsx: true,
+      },
     },
-    sourceType: 'module',
   },
 })
-
 const error = (tag) => `無意味なSectioningFragmentが記述されています。子要素である${tag}で問題なくセクションは設定されているため、このSectioningFragmentは削除してください`
 
 ruleTester.run('a11y-prohibit-useless-sectioning-fragment', rule, {

package/test/a11y-replace-unreadable-symbol.js

@@ -7,13 +7,12 @@ const generateErrorText = (symbol, replaced, read) => `"${symbol}"はスクリ
  - 前後の文脈などで "${read}" と読まれることが不適切な場合 \`<RangeSeparator decorators={{ visuallyHiddenText: () => "ANY" }} />\` のようにdecoratorsを指定してください`
 
 const ruleTester = new RuleTester({
-  parserOptions: {
-    ecmaVersion: 2018,
-    ecmaFeatures: {
-      experimentalObjectRestSpread: true,
-      jsx: true,
+  languageOptions: {
+    parserOptions: {
+      ecmaFeatures: {
+        jsx: true,
+      },
     },
-    sourceType: 'module',
   },
 })
 

package/test/a11y-trigger-has-button.js

@@ -2,16 +2,14 @@ const rule = require('../rules/a11y-trigger-has-button')
 const RuleTester = require('eslint').RuleTester
 
 const ruleTester = new RuleTester({
-  parserOptions: {
-    ecmaVersion: 12,
-    ecmaFeatures: {
-      experimentalObjectRestSpread: true,
-      jsx: true,
+  languageOptions: {
+    parserOptions: {
+      ecmaFeatures: {
+        jsx: true,
+      },
     },
-    sourceType: 'module',
   },
 })
-
 ruleTester.run('a11y-trigger-has-button', rule, {
   valid: [
     { code: `import styled from 'styled-components'` },

package/test/best-practice-for-button-element.js

@@ -2,16 +2,14 @@ const rule = require('../rules/best-practice-for-button-element')
 const RuleTester = require('eslint').RuleTester
 
 const ruleTester = new RuleTester({
-  parserOptions: {
-    ecmaVersion: 12,
-    ecmaFeatures: {
-      experimentalObjectRestSpread: true,
-      jsx: true,
+  languageOptions: {
+    parserOptions: {
+      ecmaFeatures: {
+        jsx: true,
+      },
     },
-    sourceType: 'module',
   },
 })
-
 const ERRORMESSAGE_REQUIRED_TYPE_ATTR = `button要素を利用する場合、type属性に "button" もしくは "submit" を指定してください
  - button要素のtype属性のデフォルトは "submit" のため、button要素がformでラップされていると意図しないsubmitを引き起こす可能性があります
  - smarthr-ui/Button, smarthr-ui/UnstyledButtonのtype属性のデフォルトは "button" になっているため、buttonから置き換えることをおすすめします`

package/test/best-practice-for-data-test-attribute.js

@@ -2,16 +2,14 @@ const rule = require('../rules/best-practice-for-data-test-attribute')
 const RuleTester = require('eslint').RuleTester
 
 const ruleTester = new RuleTester({
-  parserOptions: {
-    ecmaVersion: 12,
-    ecmaFeatures: {
-      experimentalObjectRestSpread: true,
-      jsx: true,
+  languageOptions: {
+    parserOptions: {
+      ecmaFeatures: {
+        jsx: true,
+      },
     },
-    sourceType: 'module',
   },
 })
-
 const generateErrorMessage = (attr) => `テストのために要素を指定するために、${attr} 属性を利用するのではなく、他の方法で要素を指定することを検討してください。
  - 方法1: click_link, click_button等を利用したりすることで、利用しているテスト環境に準じた方法で要素を指定することを検討してください。
    - 参考(Testing Library): https://testing-library.com/docs/queries/about

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

@@ -2,16 +2,14 @@ const rule = require('../rules/best-practice-for-date')
 const RuleTester = require('eslint').RuleTester
 
 const ruleTester = new RuleTester({
-  parserOptions: {
-    ecmaVersion: 12,
-    ecmaFeatures: {
-      experimentalObjectRestSpread: true,
-      jsx: true,
+  languageOptions: {
+    parserOptions: {
+      ecmaFeatures: {
+        jsx: true,
+      },
     },
-    sourceType: 'module',
   },
 })
-
 const errorNewDate = `'new Date(arg)' のように引数を一つだけ指定したDate instanceの生成は実行環境によって結果が異なるため、以下のいずれかの方法に変更してください
  - 'new Date(2022, 12 - 1, 31)' のように数値を個別に指定する
  - dayjsなど、日付系ライブラリを利用する (例:  'dayjs(arg).toDate()')`

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

@@ -2,16 +2,14 @@ const rule = require('../rules/best-practice-for-layouts')
 const RuleTester = require('eslint').RuleTester
 
 const ruleTester = new RuleTester({
-  parserOptions: {
-    ecmaVersion: 12,
-    ecmaFeatures: {
-      experimentalObjectRestSpread: true,
-      jsx: true,
+  languageOptions: {
+    parserOptions: {
+      ecmaFeatures: {
+        jsx: true,
+      },
     },
-    sourceType: 'module',
   },
 })
-
 const errorMessage = (type, name) => `${name}には子要素が一つしか無いため、${type}でマークアップする意味がありません。
  - styleを確認し、div・spanなど、別要素でマークアップし直すか、${name}を削除してください
  - as, forwardedAsなどでSectioningContent系要素に変更している場合、対応するsmarthr-ui/Section, Aside, Nav, Article のいずれかに差し替えてください`

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

@@ -2,16 +2,14 @@ const rule = require('../rules/best-practice-for-remote-trigger-dialog')
 const RuleTester = require('eslint').RuleTester
 
 const ruleTester = new RuleTester({
-  parserOptions: {
-    ecmaVersion: 12,
-    ecmaFeatures: {
-      experimentalObjectRestSpread: true,
-      jsx: true,
+  languageOptions: {
+    parserOptions: {
+      ecmaFeatures: {
+        jsx: true,
+      },
     },
-    sourceType: 'module',
   },
 })
-
 ruleTester.run('best-practice-for-remote-trigger-dialog', rule, {
   valid: [
     { code: `import styled from 'styled-components'` },

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

@@ -2,16 +2,14 @@ const rule = require('../rules/design-system-guideline-prohibit-double-icons')
 const RuleTester = require('eslint').RuleTester
 
 const ruleTester = new RuleTester({
-  parserOptions: {
-    ecmaVersion: 12,
-    ecmaFeatures: {
-      experimentalObjectRestSpread: true,
-      jsx: true,
+  languageOptions: {
+    parserOptions: {
+      ecmaFeatures: {
+        jsx: true,
+      },
     },
-    sourceType: 'module',
   },
 })
-
 const generateErrorText = (name) => `${name} には prefix と suffix は同時に設定できません。
  - prefix または suffix のみを設定してください。
  - どちらにもアイコンをつけられそうな場合は、アイコン付き（右）（サフィックス）を優先し、アイコン付き（左）（プレフィックス）には指定しないでください。

package/test/format-translate-component.js

@@ -2,16 +2,14 @@ const rule = require('../rules/format-translate-component')
 const RuleTester = require('eslint').RuleTester
 
 const ruleTester = new RuleTester({
-  parserOptions: {
-    ecmaVersion: 12,
-    ecmaFeatures: {
-      experimentalObjectRestSpread: true,
-      jsx: true,
+  languageOptions: {
+    parserOptions: {
+      ecmaFeatures: {
+        jsx: true,
+      },
     },
-    sourceType: 'module',
   },
 })
-
 const options = [
   {
     componentPath: '@/any/path/Translate',

package/test/prohibit-file-name.js

@@ -2,9 +2,12 @@ const rule = require('../rules/prohibit-file-name')
 const RuleTester = require('eslint').RuleTester
 
 const ruleTester = new RuleTester({
-  parserOptions: {
-    sourceType: 'module',
-    ecmaVersion: 12
+  languageOptions: {
+    parserOptions: {
+      ecmaFeatures: {
+        jsx: true,
+      },
+    },
   },
 })
 

package/test/prohibit-import.js

@@ -2,9 +2,12 @@ const rule = require('../rules/prohibit-import')
 const RuleTester = require('eslint').RuleTester
 
 const ruleTester = new RuleTester({
-  parserOptions: {
-    sourceType: 'module',
-    ecmaVersion: 12
+  languageOptions: {
+    parserOptions: {
+      ecmaFeatures: {
+        jsx: true,
+      },
+    },
   },
 })
 

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

@@ -2,9 +2,12 @@ const rule = require('../rules/prohibit-path-within-template-literal')
 const RuleTester = require('eslint').RuleTester
 
 const ruleTester = new RuleTester({
-  parserOptions: {
-    sourceType: 'module',
-    ecmaVersion: 12
+  languageOptions: {
+    parserOptions: {
+      ecmaFeatures: {
+        jsx: true,
+      },
+    },
   },
 })
 

package/test/require-declaration.js

@@ -2,16 +2,14 @@ const rule = require('../rules/require-declaration')
 const RuleTester = require('eslint').RuleTester
 
 const ruleTester = new RuleTester({
-  parserOptions: {
-    ecmaVersion: 12,
-    ecmaFeatures: {
-      experimentalObjectRestSpread: true,
-      jsx: true,
+  languageOptions: {
+    parserOptions: {
+      ecmaFeatures: {
+        jsx: true,
+      },
     },
-    sourceType: 'module',
   },
 })
-
 const options = [
   {
     '^.+$': {

package/test/require-export.js

@@ -2,9 +2,12 @@ const rule = require('../rules/require-export')
 const RuleTester = require('eslint').RuleTester
 
 const ruleTester = new RuleTester({
-  parserOptions: {
-    sourceType: 'module',
-    ecmaVersion: 12
+  languageOptions: {
+    parserOptions: {
+      ecmaFeatures: {
+        jsx: true,
+      },
+    },
   },
 })
 

package/test/require-import.js

@@ -2,9 +2,12 @@ const rule = require('../rules/require-import')
 const RuleTester = require('eslint').RuleTester
 
 const ruleTester = new RuleTester({
-  parserOptions: {
-    sourceType: 'module',
-    ecmaVersion: 12
+  languageOptions: {
+    parserOptions: {
+      ecmaFeatures: {
+        jsx: true,
+      },
+    },
   },
 })
 

package/test/trim-props.js

@@ -2,9 +2,11 @@ const rule = require('../rules/trim-props')
 const RuleTester = require('eslint').RuleTester
 
 const ruleTester = new RuleTester({
-  parserOptions: {
-    ecmaFeatures: {
-      jsx: true,
+  languageOptions: {
+    parserOptions: {
+      ecmaFeatures: {
+        jsx: true,
+      },
     },
   },
 })