Fix vue/comma-style tests with ESLint Stylistic v5

Author: FloEdelmann

tests/lib/rules/comma-style.js

@@ -3,13 +3,28 @@
  */
 'use strict'
 
+const { existsSync, readFileSync } = require('node:fs')
+const path = require('node:path')
+const semver = require('semver')
 const { RuleTester } = require('../../eslint-compat')
 const rule = require('../../../lib/rules/comma-style')
 
 const tester = new RuleTester({
   languageOptions: { parser: require('vue-eslint-parser'), ecmaVersion: 2018 }
 })
 
+const eslintStylisticPackagePath = path.join(
+  __dirname,
+  '../../..',
+  'node_modules',
+  '@stylistic',
+  'eslint-plugin',
+  'package.json'
+)
+const eslintStylisticVersion = existsSync(eslintStylisticPackagePath)
+  ? JSON.parse(readFileSync(eslintStylisticPackagePath, 'utf8')).version
+  : undefined
+
 tester.run('comma-style', rule, {
   valid: [
     `<template>
@@ -34,13 +49,18 @@ tester.run('comma-style', rule, {
         </template>`,
       options: ['first', { exceptions: { ArrowFunctionExpression: false } }]
     },
-    `
+    ...(eslintStylisticVersion === undefined ||
+    semver.lt(eslintStylisticVersion, '5.0.0')
+      ? [
+          `
       <template>
         <CustomButton v-slot="a,
           b
           ,c" />
       </template>
-    `,
+    `
+        ]
+      : []),
     {
       code: `
         <template>
@@ -52,6 +72,36 @@ tester.run('comma-style', rule, {
     }
   ],
   invalid: [
+    ...(eslintStylisticVersion !== undefined &&
+    semver.gte(eslintStylisticVersion, '5.0.0')
+      ? [
+          {
+            code: `
+        <template>
+          <CustomButton v-slot="a,
+            b
+            ,c" />
+        </template>
+      `,
+            output: `
+        <template>
+          <CustomButton v-slot="a,
+            b,
+            c" />
+        </template>
+      `,
+            errors: [
+              {
+                message: "',' should be placed last.",
+                line: 5,
+                column: 13,
+                endLine: 5,
+                endColumn: 14
+              }
+            ]
+          }
+        ]
+      : []),
     {
       code: `
         <template>