단위 테스트

jest.config.js

@@ -0,0 +1,7 @@
+module.exports = {
+  preset: 'ts-jest',
+  testEnvironment: 'node',
+  testMatch: ['**/*.test.ts'],
+  moduleNameMapper: { '^@/(.*)$': '<rootDir>/src/$1' },
+  moduleDirectories: ['node_modules', 'src'],
+};

package.json

@@ -14,7 +14,8 @@
   ],
   "scripts": {
     "build": "tsc && tsc-alias",
-    "dev": "npx ts-node -r tsconfig-paths/register src/index.ts"
+    "dev": "npx ts-node -r tsconfig-paths/register src/index.ts",
+    "test": "jest"
   },
   "prettier": "./configs/prettier/index.js",
   "dependencies": {
@@ -25,6 +26,7 @@
     "enhanced-resolve": "^5.18.1"
   },
   "devDependencies": {
+    "@types/jest": "^29.5.14",
     "@types/node": "^22.14.1",
     "@typescript-eslint/eslint-plugin": "^8.31.0",
     "@typescript-eslint/parser": "^8.31.0",
@@ -33,8 +35,10 @@
     "eslint-import-resolver-typescript": "^4.3.4",
     "eslint-plugin-import": "^2.31.0",
     "eslint-plugin-prettier": "^5.2.6",
+    "jest": "^29.7.0",
     "prettier": "^3.5.3",
     "prettier-plugin-packagejson": "^2.5.10",
+    "ts-jest": "^29.3.2",
     "ts-node": "^10.9.2",
     "tsc-alias": "^1.8.15",
     "tsconfig-paths": "^4.2.0",

src/core/parser.ts

@@ -234,7 +234,7 @@ const processNode = (node: Node, allDefinitions: Map<Name, Definition>): Compone
   return htmlNode;
 };
 
-const getJSXName = (node: Node) => {
+export const getJSXName = (node: Node) => {
   if (isJSXFragment(node)) return 'Fragment';
 
   if (isJSXElement(node) && node.openingElement.name) {

src/test/parser.test.ts

@@ -0,0 +1,36 @@
+import { getJSXName } from '@/core/parser';
+import {
+  createFragmentNode,
+  createHTMLElementNode,
+  createJSXMemberExpressionNode,
+} from '@/test/utils/mock-node';
+
+describe('getJSXName 함수', () => {
+  it('Fragment를 처리한다', () => {
+    const mockNode = createFragmentNode();
+    const result = getJSXName(mockNode);
+
+    expect(result).toBe('Fragment');
+  });
+
+  it('일반 태그를 처리한다', () => {
+    const mockNode = createHTMLElementNode('div');
+    const result = getJSXName(mockNode);
+
+    expect(result).toBe('div');
+  });
+
+  it('접근 표현식 태그를 처리한다', () => {
+    const mockNode = createJSXMemberExpressionNode('React', 'Fragment');
+    const result = getJSXName(mockNode);
+
+    expect(result).toBe('React.Fragment');
+  });
+
+  it('알 수 없는 태그를 처리한다', () => {
+    const mockNode = null;
+    const result = getJSXName(mockNode);
+
+    expect(result).toBe('Unknown');
+  });
+});

src/test/utils/mock-node.ts

@@ -0,0 +1,31 @@
+import {
+  jsxClosingFragment,
+  jsxElement,
+  jsxFragment,
+  jsxIdentifier,
+  jsxMemberExpression,
+  jsxOpeningElement,
+  jsxOpeningFragment,
+} from '@babel/types';
+
+export const createFragmentNode = () => {
+  const node = jsxFragment(jsxOpeningFragment(), jsxClosingFragment(), []);
+
+  return node;
+};
+
+export const createHTMLElementNode = (name: string) => {
+  const node = jsxElement(jsxOpeningElement(jsxIdentifier(name), []), null, []);
+
+  return node;
+};
+
+export const createJSXMemberExpressionNode = (object: string, property: string) => {
+  const node = jsxElement(
+    jsxOpeningElement(jsxMemberExpression(jsxIdentifier(object), jsxIdentifier(property)), []),
+    null,
+    [],
+  );
+
+  return node;
+};