test: isCustomElement snap

Author: Amour1688

packages/babel-plugin-jsx/src/utils.ts

@@ -50,11 +50,7 @@ export const checkIsComponent = (path: NodePath<t.JSXOpeningElement>, state: Sta
 
   const tag = (namePath as NodePath<t.JSXIdentifier>).node.name;
 
-  if (state.opts.isCustomElement && state.opts.isCustomElement(tag)) {
-    return false;
-  }
-
-  return shouldTransformedToSlots(tag) && !htmlTags.includes(tag) && !svgTags.includes(tag);
+  return !state.opts.isCustomElement?.(tag) && shouldTransformedToSlots(tag) && !htmlTags.includes(tag) && !svgTags.includes(tag);
 };
 
 /**

packages/babel-plugin-jsx/test/__snapshots__/snapshot.test.ts.snap

@@ -115,6 +115,12 @@ _withDirectives(_createVNode(\\"input\\", {
 }, null, 8, [\\"onUpdate:modelValue\\"]), [[_vModelText, test]]);"
 `;
 
+exports[`isCustomElement: isCustomElement 1`] = `
+"import { createVNode as _createVNode, createTextVNode as _createTextVNode } from \\"vue\\";
+
+_createVNode(\\"foo\\", null, [_createVNode(\\"span\\", null, [_createTextVNode(\\"foo\\")])]);"
+`;
+
 exports[`named import specifier \`Keep Alive\`: named import specifier \`Keep Alive\` 1`] = `
 "import { createVNode as _createVNode, createTextVNode as _createTextVNode } from \\"vue\\";
 import { KeepAlive } from 'vue';

packages/babel-plugin-jsx/test/snapshot.test.ts

@@ -304,3 +304,17 @@ pragmaTests.forEach(({
     },
   );
 });
+
+const isCustomElementTests = [{
+  name: 'isCustomElement',
+  from: '<foo><span>foo</span></foo>'
+}]
+
+isCustomElementTests.forEach(({name, from }) => {
+  test(
+    name,
+    async () => {
+      expect(await transpile(from, { isCustomElement: tag => tag === 'foo' })).toMatchSnapshot(name);
+    }
+  )
+})