feat: update test cases

Author: waynzh

lib/rules/require-toggle-inside-transition.js

@@ -6,6 +6,20 @@
 
 const utils = require('../utils')
 
+/**
+ * @param {VDirective} vBindAppear
+ */
+function isValidateBindAppear(vBindAppear) {
+  if (
+    vBindAppear.value?.expression &&
+    vBindAppear.value.expression.type === 'Literal'
+  ) {
+    return vBindAppear.value.expression?.value !== false
+  }
+
+  return true
+}
+
 module.exports = {
   meta: {
     type: 'problem',
@@ -35,9 +49,10 @@ module.exports = {
 
       /** @type VElement */ // @ts-expect-error
       const parent = element.parent
+      const vBindAppear = utils.getDirective(parent, 'bind', 'appear')
       if (
         utils.hasAttribute(parent, 'appear') ||
-        utils.hasDirective(parent, 'bind', 'appear')
+        (vBindAppear && isValidateBindAppear(vBindAppear))
       ) {
         return
       }

tests/lib/rules/require-toggle-inside-transition.js

@@ -72,7 +72,11 @@ tester.run('require-toggle-inside-transition', rule, {
     {
       // https://github.com/vuejs/eslint-plugin-vue/issues/2467
       filename: 'test.vue',
-      code: '<template><transition :appear="isLoaded"><div /></transition></template>'
+      code: '<template><transition :appear="foo"><div /></transition></template>'
+    },
+    {
+      filename: 'test.vue',
+      code: '<template><transition :appear="true"><div /></transition></template>'
     }
   ],
   invalid: [
@@ -119,6 +123,11 @@ tester.run('require-toggle-inside-transition', rule, {
       code: '<template><Transition>  <div /></Transition></template>',
       errors: [{ messageId: 'expected' }]
     },
+    {
+      filename: 'test.vue',
+      code: '<template><transition :appear="false"><div /></transition></template>',
+      errors: [{ messageId: 'expected' }]
+    },
     {
       filename: 'test.vue',
       code: '<template><transition @appear="isLoaded"><div /></transition></template>',