sync main

.github/scripts/gen-summary.js

@@ -0,0 +1,22 @@
+const fs = require('fs');
+
+const data = JSON.parse(fs.readFileSync('jest-results.json', 'utf-8'));
+const { numTotalTests, numPassedTests, numFailedTests, testResults } = data;
+
+let summary = `## ✅ Jest Test Summary\n`;
+summary += `- Total: **${numTotalTests}**\n`;
+summary += `- Passed: ✅ ${numPassedTests}\n`;
+summary += `- Failed: ❌ ${numFailedTests}\n\n`;
+
+if (numFailedTests > 0) {
+  summary += `### ❌ Failed Tests\n`;
+  testResults.forEach(file => {
+    file.assertionResults
+      .filter(test => test.status === 'failed')
+      .forEach(test => {
+        summary += `- ${test.fullName} (${file.name})\n`;
+      });
+  });
+}
+
+fs.writeFileSync('summary.md', summary);

.github/workflows/pr-test.yml

@@ -0,0 +1,41 @@
+name: Jest Test with Sticky Comment (Internal)
+
+on:
+  pull_request:
+    branches: [main]
+
+permissions:
+  pull-requests: write
+  issues: write
+
+jobs:
+  test:
+    if: github.event.pull_request.head.repo.full_name == github.repository
+    runs-on: ubuntu-latest
+
+    steps:
+      - name: Checkout PR Code
+        uses: actions/checkout@v3
+
+      - name: Setup Node
+        uses: actions/setup-node@v3
+        with:
+          node-version: 18
+
+      - name: Install dependencies
+        run: npm ci
+
+      - name: Run Jest
+        run: npx jest --json --outputFile=jest-results.json
+        continue-on-error: true
+
+      - name: Generate Markdown Summary
+        run: node .github/scripts/gen-summary.js > summary.md
+
+      - name: Sticky PR Comment
+        uses: marocchino/sticky-pull-request-comment@v2
+        with:
+          header: jest-summary
+          path: summary.md
+        env:
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}

.gitignore

@@ -41,4 +41,5 @@ yarn-error.log*
 next-env.d.ts
 
 # Test
-test/
+app/test/
+app/api/test

.replit

@@ -0,0 +1,12 @@
+modules = ["nodejs-20", "web"]
+run = "npm run dev"
+
+[nix]
+channel = "stable-24_05"
+
+[deployment]
+run = ["sh", "-c", "npm run dev"]
+
+[[ports]]
+localPort = 3000
+externalPort = 80

.vscode/settings.json

@@ -1,6 +1,6 @@
 {
   "[typescript]": {
-    "editor.defaultFormatter": "denoland.vscode-deno"
+    "editor.defaultFormatter": "vscode.typescript-language-features"
   },
   "deno.enablePaths": [
     "supabase/functions"

__tests__/manager-tool/extract/EndX.test.tsx

@@ -0,0 +1,216 @@
+import { render, screen, fireEvent, waitFor } from "@testing-library/react";
+import userEvent from "@testing-library/user-event";
+import WordExtractorApp from "@/app/manager-tool/extract/endx/EndX";
+import { getOutsideHelpModal } from "@/test/utils/dom";
+
+jest.mock("@/app/manager-tool/extract/components/FileContentDisplay", () => {
+  return ({ onFileUpload, fileContent, resultData, resultTitle }: any) => (
+    <div data-testid="file-content-display">
+      <div>File Content: {fileContent || "No content"}</div>
+      <div>Result Title: {resultTitle}</div>
+      <div>Result Count: {resultData?.length || 0}</div>
+      <button onClick={() => onFileUpload?.("test\ncontent\ndata\ntest")}>
+        Mock File Upload
+      </button>
+      <div data-testid="result-word">{fileContent}</div>
+    </div>
+  );
+});
+
+describe("EndX", () => {
+  beforeEach(() => {
+    jest.clearAllMocks();
+  });
+
+  it("초기 렌더링이 정상적으로 되는지 확인", () => {
+    render(<WordExtractorApp />);
+
+    expect(screen.getByText("X로 끝나는 단어 추출")).toBeInTheDocument();
+    expect(screen.getAllByText("설정")).toHaveLength(2);
+    expect(screen.getAllByText("실행")).toHaveLength(2);
+  });
+
+  it("끝글자 입력이 정상적으로 동작하는지 확인", async () => {
+    const user = userEvent.setup();
+    render(<WordExtractorApp />);
+
+    const wordEndInput = screen
+      .getAllByPlaceholderText("끝글자를 입력하세요")
+      .find((el) => !el.closest('[data-testid="help-modal"]'));
+    expect(wordEndInput).toBeDefined();
+    await user.type(wordEndInput!, "다");
+
+    expect(wordEndInput).toHaveValue("다");
+  });
+
+  it("정렬 체크박스가 정상적으로 동작하는지 확인", async () => {
+    const user = userEvent.setup();
+    render(<WordExtractorApp />);
+
+    const checkboxes = screen.getAllByTestId("checkbox");
+    const sortCheckbox = checkboxes.find(
+      (el) => !el.closest('[data-testid="help-modal"]'),
+    );
+
+    expect(sortCheckbox).toBeDefined(); // 혹시 못 찾을 때 대비
+    expect(sortCheckbox).toBeChecked();
+
+    await user.click(sortCheckbox!);
+    expect(sortCheckbox).not.toBeChecked();
+  });
+
+  it("파일 내용이 없을 때 단어 추출 버튼이 비활성화되는지 확인", () => {
+    render(<WordExtractorApp />);
+
+    const extractButton = getOutsideHelpModal(() =>
+      screen.getAllByText("단어 추출"),
+    );
+    expect(extractButton).toBeDisabled();
+  });
+
+  it("파일 업로드 후 단어 추출이 정상적으로 동작하는지 확인", async () => {
+    const user = userEvent.setup();
+    render(<WordExtractorApp />);
+
+    // Mock 파일 업로드
+    const mockUploadButton = screen.getByText("Mock File Upload");
+    await user.click(mockUploadButton);
+
+    // 끝글자 입력
+    const wordEndInput = getOutsideHelpModal(() =>
+      screen.getAllByPlaceholderText("끝글자를 입력하세요"),
+    );
+    await user.type(wordEndInput, "st");
+
+    // 단어 추출 실행
+    const extractButton = getOutsideHelpModal(() =>
+      screen.getAllByText("단어 추출"),
+    );
+    expect(extractButton).not.toBeDisabled();
+
+    await user.click(extractButton);
+
+    // 결과 확인 (test로 끝나는 단어가 추출되어야 함)
+    await waitFor(() => {
+      const resultDisplay = screen.getByTestId("file-content-display");
+      expect(resultDisplay).toHaveTextContent("Result Count: 1");
+      const resultWord = screen.getByTestId("result-word");
+      expect(resultWord).toBeInTheDocument();
+      expect(resultWord).toHaveTextContent("test");
+    });
+  });
+
+  it("단어 추출 결과에 따라 다운로드 버튼이 활성화되는지 확인", async () => {
+    const user = userEvent.setup();
+    render(<WordExtractorApp />);
+
+    const downloadButton = getOutsideHelpModal(() =>
+      screen.getAllByText("결과 다운로드"),
+    );
+    expect(downloadButton).toBeDisabled();
+
+    // Mock 파일 업로드 및 단어 추출
+    const mockUploadButton = screen.getByText("Mock File Upload");
+    await user.click(mockUploadButton);
+
+    const wordEndInput = getOutsideHelpModal(() =>
+      screen.getAllByPlaceholderText("끝글자를 입력하세요"),
+    );
+    await user.type(wordEndInput, "st");
+
+    const extractButton = getOutsideHelpModal(() =>
+      screen.getAllByText("단어 추출"),
+    );
+    await user.click(extractButton);
+
+    await waitFor(() => {
+      expect(downloadButton).not.toBeDisabled();
+    });
+  });
+
+  it("정렬 옵션이 제대로 적용되는지 확인", async () => {
+    const user = userEvent.setup();
+    render(<WordExtractorApp />);
+
+    // 정렬 해제
+    const sortCheckbox = getOutsideHelpModal(() =>
+      screen.getAllByTestId("checkbox"),
+    );
+    await user.click(sortCheckbox);
+
+    // Mock 파일 업로드
+    const mockUploadButton = screen.getByText("Mock File Upload");
+    await user.click(mockUploadButton);
+
+    const wordEndInput = getOutsideHelpModal(() =>
+      screen.getAllByPlaceholderText("끝글자를 입력하세요"),
+    );
+    await user.type(wordEndInput, "st");
+
+    const extractButton = getOutsideHelpModal(() =>
+      screen.getAllByText("단어 추출"),
+    );
+    await user.click(extractButton);
+
+    // 정렬이 해제된 상태에서도 단어 추출이 동작해야 함
+    await waitFor(() => {
+      expect(screen.getByText(/Result Count: 1/)).toBeInTheDocument();
+    });
+  });
+
+  it("다운로드 기능이 정상적으로 동작하는지 확인", async () => {
+    const user = userEvent.setup();
+
+    // URL.createObjectURL mock 설정
+    const createObjectURLSpy = jest.spyOn(URL, "createObjectURL");
+
+    // createElement mock 설정
+    const realCreateElement = document.createElement.bind(document);
+
+    const mockLink = document.createElement("a");
+    mockLink.click = jest.fn();
+
+    const createElementSpy = jest
+      .spyOn(document, "createElement")
+      .mockImplementation((tagName) => {
+        if (tagName === "a") return mockLink;
+        return realCreateElement(tagName);
+      });
+
+    render(<WordExtractorApp />);
+
+    // 단어 추출까지 완료
+    const mockUploadButton = screen.getByText("Mock File Upload");
+    await user.click(mockUploadButton);
+
+    const wordEndInput = getOutsideHelpModal(() =>
+      screen.getAllByPlaceholderText("끝글자를 입력하세요"),
+    );
+    await user.type(wordEndInput, "st");
+
+    const extractButton = getOutsideHelpModal(() =>
+      screen.getAllByText("단어 추출"),
+    );
+    await user.click(extractButton);
+
+    await waitFor(() => {
+      const downloadButton = getOutsideHelpModal(() =>
+        screen.getAllByText("결과 다운로드"),
+      );
+      expect(downloadButton).not.toBeDisabled();
+    });
+
+    // 다운로드 실행
+    const downloadButton = getOutsideHelpModal(() =>
+      screen.getAllByText("결과 다운로드"),
+    );
+    await user.click(downloadButton);
+
+    expect(createElementSpy).toHaveBeenCalledWith("a");
+    expect(createObjectURLSpy).toHaveBeenCalled();
+    expect(mockLink.click).toHaveBeenCalled();
+
+    createElementSpy.mockRestore();
+    createObjectURLSpy.mockRestore();
+  });
+});