Merge pull request #343 from kimatata/develop

2025-11-22 10:46:40 +09:00
parent b20c17cde2 dc9c2860d2
commit 8585976d38
20 changed files with 597 additions and 154 deletions
--- a/backend/package-lock.json
+++ b/backend/package-lock.json
@@ -19,6 +19,7 @@
        "sequelize": "^6.37.7",
        "sequelize-cli": "^6.6.3",
        "sqlite3": "^5.1.7",
+        "xlsx": "https://cdn.sheetjs.com/xlsx-0.20.3/xlsx-0.20.3.tgz",
        "xmlbuilder2": "^3.1.1"
      }
    },
@@ -585,9 +586,10 @@
      }
    },
    "node_modules/brace-expansion": {
-      "version": "1.1.11",
-      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
-      "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==",
+      "version": "1.1.12",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.12.tgz",
+      "integrity": "sha512-9T9UjW3r0UW5c1Q7GTwllptXwhvYmEzFhzMfZ9H7FQWt+uZePjZPjBP/W1ZEyZ1twGWom5/56TF4lPcqjnDHcg==",
+      "license": "MIT",
      "dependencies": {
        "balanced-match": "^1.0.0",
        "concat-map": "0.0.1"
@@ -1008,27 +1010,6 @@
        "node": ">= 0.8"
      }
    },
-    "node_modules/encoding": {
-      "version": "0.1.13",
-      "resolved": "https://registry.npmjs.org/encoding/-/encoding-0.1.13.tgz",
-      "integrity": "sha512-ETBauow1T35Y/WZMkio9jiM0Z5xjHHmJ4XmjZOq1l/dXz3lr2sRn87nJy20RupqSh1F2m3HHPSp8ShIPQJrJ3A==",
-      "optional": true,
-      "dependencies": {
-        "iconv-lite": "^0.6.2"
-      }
-    },
-    "node_modules/encoding/node_modules/iconv-lite": {
-      "version": "0.6.3",
-      "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.6.3.tgz",
-      "integrity": "sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==",
-      "optional": true,
-      "dependencies": {
-        "safer-buffer": ">= 2.1.2 < 3.0.0"
-      },
-      "engines": {
-        "node": ">=0.10.0"
-      }
-    },
    "node_modules/end-of-stream": {
      "version": "1.4.4",
      "resolved": "https://registry.npmjs.org/end-of-stream/-/end-of-stream-1.4.4.tgz",
@@ -1114,9 +1095,11 @@
      }
    },
    "node_modules/express": {
-      "version": "4.21.1",
-      "resolved": "https://registry.npmjs.org/express/-/express-4.21.1.tgz",
-      "integrity": "sha512-YSFlK1Ee0/GC8QaO91tHcDxJiE/X4FbpAyQWkxAvG6AXCuR65YzK8ua6D9hvi/TzUfZMpc+BwuM1IPw8fmQBiQ==",
+      "version": "4.21.2",
+      "resolved": "https://registry.npmjs.org/express/-/express-4.21.2.tgz",
+      "integrity": "sha512-28HqgMZAmih1Czt9ny7qr6ek2qddF4FclbMzwhCREB6OFfH+rXAnuNCwo1/wFvrtbgsQDb4kSbX9de9lFbrXnA==",
+      "license": "MIT",
+      "peer": true,
      "dependencies": {
        "accepts": "~1.3.8",
        "array-flatten": "1.1.1",
@@ -1137,7 +1120,7 @@
        "methods": "~1.1.2",
        "on-finished": "2.4.1",
        "parseurl": "~1.3.3",
-        "path-to-regexp": "0.1.10",
+        "path-to-regexp": "0.1.12",
        "proxy-addr": "~2.0.7",
        "qs": "6.13.0",
        "range-parser": "~1.2.1",
@@ -1152,6 +1135,10 @@
      },
      "engines": {
        "node": ">= 0.10.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/express"
      }
    },
    "node_modules/express-rate-limit": {
@@ -2427,9 +2414,10 @@
      }
    },
    "node_modules/path-to-regexp": {
-      "version": "0.1.10",
-      "resolved": "https://registry.npmjs.org/path-to-regexp/-/path-to-regexp-0.1.10.tgz",
-      "integrity": "sha512-7lf7qcQidTku0Gu3YDPc8DJ1q7OOucfa/BSsIwjuh56VU7katFvuM8hULfkwB3Fns/rsVF7PwPKVw1sl5KQS9w=="
+      "version": "0.1.12",
+      "resolved": "https://registry.npmjs.org/path-to-regexp/-/path-to-regexp-0.1.12.tgz",
+      "integrity": "sha512-RA1GjUVMnvYFxuqovrEqZoxxW5NUZqbwKtYz/Tt7nXerk0LbLblQmrsgdeOxV5SFHf0UDggjS/bSeOZwt1pmEQ==",
+      "license": "MIT"
    },
    "node_modules/pg-connection-string": {
      "version": "2.9.1",
@@ -3182,9 +3170,10 @@
      }
    },
    "node_modules/tar-fs": {
-      "version": "2.1.1",
-      "resolved": "https://registry.npmjs.org/tar-fs/-/tar-fs-2.1.1.tgz",
-      "integrity": "sha512-V0r2Y9scmbDRLCNex/+hYzvp/zyYjvFbHPNgVTKfQvVrb6guiE/fxP+XblDNR011utopbkex2nM4dHNV6GDsng==",
+      "version": "2.1.4",
+      "resolved": "https://registry.npmjs.org/tar-fs/-/tar-fs-2.1.4.tgz",
+      "integrity": "sha512-mDAjwmZdh7LTT6pNleZ05Yt65HC3E+NiQzl672vQG38jIrehtJk/J3mNwIg+vShQPcLF/LV7CMnDW6vjj6sfYQ==",
+      "license": "MIT",
      "dependencies": {
        "chownr": "^1.1.1",
        "mkdirp-classic": "^0.5.2",
@@ -3356,9 +3345,9 @@
      }
    },
    "node_modules/validator": {
-      "version": "13.15.15",
-      "resolved": "https://registry.npmjs.org/validator/-/validator-13.15.15.tgz",
-      "integrity": "sha512-BgWVbCI72aIQy937xbawcs+hrVaN/CZ2UwutgaJ36hGqRrLNM+f5LUT/YPRbo8IV/ASeFzXszezV+y2+rq3l8A==",
+      "version": "13.15.20",
+      "resolved": "https://registry.npmjs.org/validator/-/validator-13.15.20.tgz",
+      "integrity": "sha512-KxPOq3V2LmfQPP4eqf3Mq/zrT0Dqp2Vmx2Bn285LwVahLc+CsxOM0crBHczm8ijlcjZ0Q5Xd6LW3z3odTPnlrw==",
      "license": "MIT",
      "engines": {
        "node": ">= 0.10"
@@ -3457,6 +3446,18 @@
      "resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz",
      "integrity": "sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ=="
    },
+    "node_modules/xlsx": {
+      "version": "0.20.3",
+      "resolved": "https://cdn.sheetjs.com/xlsx-0.20.3/xlsx-0.20.3.tgz",
+      "integrity": "sha512-oLDq3jw7AcLqKWH2AhCpVTZl8mf6X2YReP+Neh0SJUzV/BdZYjth94tG5toiMB1PPrYtxOCfaoUCkvtuH+3AJA==",
+      "license": "Apache-2.0",
+      "bin": {
+        "xlsx": "bin/xlsx.njs"
+      },
+      "engines": {
+        "node": ">=0.8"
+      }
+    },
    "node_modules/xmlbuilder2": {
      "version": "3.1.1",
      "resolved": "https://registry.npmjs.org/xmlbuilder2/-/xmlbuilder2-3.1.1.tgz",
@@ -3953,9 +3954,9 @@
      }
    },
    "brace-expansion": {
-      "version": "1.1.11",
-      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.11.tgz",
-      "integrity": "sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==",
+      "version": "1.1.12",
+      "resolved": "https://registry.npmjs.org/brace-expansion/-/brace-expansion-1.1.12.tgz",
+      "integrity": "sha512-9T9UjW3r0UW5c1Q7GTwllptXwhvYmEzFhzMfZ9H7FQWt+uZePjZPjBP/W1ZEyZ1twGWom5/56TF4lPcqjnDHcg==",
      "requires": {
        "balanced-match": "^1.0.0",
        "concat-map": "0.0.1"
@@ -4265,26 +4266,6 @@
      "resolved": "https://registry.npmjs.org/encodeurl/-/encodeurl-2.0.0.tgz",
      "integrity": "sha512-Q0n9HRi4m6JuGIV1eFlmvJB7ZEVxu93IrMyiMsGC0lrMJMWzRgx6WGquyfQgZVb31vhGgXnfmPNNXmxnOkRBrg=="
    },
-    "encoding": {
-      "version": "0.1.13",
-      "resolved": "https://registry.npmjs.org/encoding/-/encoding-0.1.13.tgz",
-      "integrity": "sha512-ETBauow1T35Y/WZMkio9jiM0Z5xjHHmJ4XmjZOq1l/dXz3lr2sRn87nJy20RupqSh1F2m3HHPSp8ShIPQJrJ3A==",
-      "optional": true,
-      "requires": {
-        "iconv-lite": "^0.6.2"
-      },
-      "dependencies": {
-        "iconv-lite": {
-          "version": "0.6.3",
-          "resolved": "https://registry.npmjs.org/iconv-lite/-/iconv-lite-0.6.3.tgz",
-          "integrity": "sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw==",
-          "optional": true,
-          "requires": {
-            "safer-buffer": ">= 2.1.2 < 3.0.0"
-          }
-        }
-      }
-    },
    "end-of-stream": {
      "version": "1.4.4",
      "resolved": "https://registry.npmjs.org/end-of-stream/-/end-of-stream-1.4.4.tgz",
@@ -4344,9 +4325,10 @@
      "integrity": "sha512-XYfuKMvj4O35f/pOXLObndIRvyQ+/+6AhODh+OKWj9S9498pHHn/IMszH+gt0fBCRWMNfk1ZSp5x3AifmnI2vg=="
    },
    "express": {
-      "version": "4.21.1",
-      "resolved": "https://registry.npmjs.org/express/-/express-4.21.1.tgz",
-      "integrity": "sha512-YSFlK1Ee0/GC8QaO91tHcDxJiE/X4FbpAyQWkxAvG6AXCuR65YzK8ua6D9hvi/TzUfZMpc+BwuM1IPw8fmQBiQ==",
+      "version": "4.21.2",
+      "resolved": "https://registry.npmjs.org/express/-/express-4.21.2.tgz",
+      "integrity": "sha512-28HqgMZAmih1Czt9ny7qr6ek2qddF4FclbMzwhCREB6OFfH+rXAnuNCwo1/wFvrtbgsQDb4kSbX9de9lFbrXnA==",
+      "peer": true,
      "requires": {
        "accepts": "~1.3.8",
        "array-flatten": "1.1.1",
@@ -4367,7 +4349,7 @@
        "methods": "~1.1.2",
        "on-finished": "2.4.1",
        "parseurl": "~1.3.3",
-        "path-to-regexp": "0.1.10",
+        "path-to-regexp": "0.1.12",
        "proxy-addr": "~2.0.7",
        "qs": "6.13.0",
        "range-parser": "~1.2.1",
@@ -5292,9 +5274,9 @@
      }
    },
    "path-to-regexp": {
-      "version": "0.1.10",
-      "resolved": "https://registry.npmjs.org/path-to-regexp/-/path-to-regexp-0.1.10.tgz",
-      "integrity": "sha512-7lf7qcQidTku0Gu3YDPc8DJ1q7OOucfa/BSsIwjuh56VU7katFvuM8hULfkwB3Fns/rsVF7PwPKVw1sl5KQS9w=="
+      "version": "0.1.12",
+      "resolved": "https://registry.npmjs.org/path-to-regexp/-/path-to-regexp-0.1.12.tgz",
+      "integrity": "sha512-RA1GjUVMnvYFxuqovrEqZoxxW5NUZqbwKtYz/Tt7nXerk0LbLblQmrsgdeOxV5SFHf0UDggjS/bSeOZwt1pmEQ=="
    },
    "pg-connection-string": {
      "version": "2.9.1",
@@ -5807,9 +5789,9 @@
      }
    },
    "tar-fs": {
-      "version": "2.1.1",
-      "resolved": "https://registry.npmjs.org/tar-fs/-/tar-fs-2.1.1.tgz",
-      "integrity": "sha512-V0r2Y9scmbDRLCNex/+hYzvp/zyYjvFbHPNgVTKfQvVrb6guiE/fxP+XblDNR011utopbkex2nM4dHNV6GDsng==",
+      "version": "2.1.4",
+      "resolved": "https://registry.npmjs.org/tar-fs/-/tar-fs-2.1.4.tgz",
+      "integrity": "sha512-mDAjwmZdh7LTT6pNleZ05Yt65HC3E+NiQzl672vQG38jIrehtJk/J3mNwIg+vShQPcLF/LV7CMnDW6vjj6sfYQ==",
      "requires": {
        "chownr": "^1.1.1",
        "mkdirp-classic": "^0.5.2",
@@ -5942,9 +5924,9 @@
      "integrity": "sha512-+NYs2QeMWy+GWFOEm9xnn6HCDp0l7QBD7ml8zLUmJ+93Q5NF0NocErnwkTkXVFNiX3/fpC6afS8Dhb/gz7R7eg=="
    },
    "validator": {
-      "version": "13.15.15",
-      "resolved": "https://registry.npmjs.org/validator/-/validator-13.15.15.tgz",
-      "integrity": "sha512-BgWVbCI72aIQy937xbawcs+hrVaN/CZ2UwutgaJ36hGqRrLNM+f5LUT/YPRbo8IV/ASeFzXszezV+y2+rq3l8A=="
+      "version": "13.15.20",
+      "resolved": "https://registry.npmjs.org/validator/-/validator-13.15.20.tgz",
+      "integrity": "sha512-KxPOq3V2LmfQPP4eqf3Mq/zrT0Dqp2Vmx2Bn285LwVahLc+CsxOM0crBHczm8ijlcjZ0Q5Xd6LW3z3odTPnlrw=="
    },
    "vary": {
      "version": "1.1.2",
@@ -6014,6 +5996,10 @@
      "resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz",
      "integrity": "sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ=="
    },
+    "xlsx": {
+      "version": "https://cdn.sheetjs.com/xlsx-0.20.3/xlsx-0.20.3.tgz",
+      "integrity": "sha512-oLDq3jw7AcLqKWH2AhCpVTZl8mf6X2YReP+Neh0SJUzV/BdZYjth94tG5toiMB1PPrYtxOCfaoUCkvtuH+3AJA=="
+    },
    "xmlbuilder2": {
      "version": "3.1.1",
      "resolved": "https://registry.npmjs.org/xmlbuilder2/-/xmlbuilder2-3.1.1.tgz",
--- a/backend/package.json
+++ b/backend/package.json
@@ -23,6 +23,7 @@
    "sequelize": "^6.37.7",
    "sequelize-cli": "^6.6.3",
    "sqlite3": "^5.1.7",
+    "xlsx": "https://cdn.sheetjs.com/xlsx-0.20.3/xlsx-0.20.3.tgz",
    "xmlbuilder2": "^3.1.1"
  }
 }
--- a/backend/routes/cases/download.js
+++ b/backend/routes/cases/download.js
@@ -3,12 +3,16 @@ const router = express.Router();
 import { DataTypes } from 'sequelize';
 import Papa from 'papaparse';
 import defineCase from '../../models/cases.js';
+import defineStep from '../../models/steps.js';
 import authMiddleware from '../../middleware/auth.js';
 import visibilityMiddleware from '../../middleware/verifyVisible.js';
 import { testRunStatus, priorities, testTypes, automationStatus, templates } from '../../config/enums.js';

 export default function (sequelize) {
  const Case = defineCase(sequelize, DataTypes);
+  const Step = defineStep(sequelize, DataTypes);
+  Case.belongsToMany(Step, { through: 'caseSteps' });
+  Step.belongsToMany(Case, { through: 'caseSteps' });
  const { verifySignedIn } = authMiddleware(sequelize);
  const { verifyProjectVisibleFromFolderId } = visibilityMiddleware(sequelize);

@@ -25,6 +29,15 @@ export default function (sequelize) {

    try {
      const cases = await Case.findAll({
+        attributes: { exclude: ['createdAt', 'updatedAt', 'caseSteps'] },
+        include: [
+          {
+            model: Step,
+            through: { attributes: [] },
+            order: [['stepNo', 'ASC']],
+            attributes: { exclude: ['createdAt', 'updatedAt'] },
+          },
+        ],
        where: { folderId },
        raw: true,
      });
@@ -33,9 +46,6 @@ export default function (sequelize) {
        return res.status(404).send('No cases found');
      }

-      if (type === 'json') {
-        return res.json(cases);
-      } else if (type === 'csv') {
      // Convert numeric values to human-readable labels
      const casesWithLabels = cases.map((c) => ({
        ...c,
@@ -46,7 +56,12 @@ export default function (sequelize) {
        template: templates[c.template] || c.template,
      }));

-        const csv = Papa.unparse(casesWithLabels, {
+      if (type === 'json') {
+        const formattedJsonCases = _formatRawCasesToJson(casesWithLabels);
+        return res.json(formattedJsonCases);
+      } else if (type === 'csv') {
+        const formattedCsvCases = _formatRawCasesToCsv(casesWithLabels);
+        const csv = Papa.unparse(formattedCsvCases, {
          quotes: true,
          skipEmptyLines: true,
        });
@@ -65,3 +80,55 @@ export default function (sequelize) {

  return router;
 }
+
+// Group cases by caseId and format steps to Steps array to better visualization
+const _formatRawCasesToJson = (cases) => {
+  const casesObject = {};
+
+  cases.forEach((c) => {
+    if (!casesObject[c.id]) {
+      casesObject[c.id] = {
+        id: c.id,
+        folderId: c.folderId,
+        title: c.title,
+        state: c.state,
+        priority: c.priority,
+        type: c.type,
+        automationStatus: c.automationStatus,
+        description: c.description,
+        template: c.template,
+        preConditions: c.preConditions,
+        expectedResults: c.expectedResults,
+        Steps: [],
+      };
+    }
+
+    if (c['Steps.id']) {
+      casesObject[c.id].Steps.push({
+        step: c['Steps.step'],
+        expectedStepResult: c['Steps.result'],
+      });
+    }
+  });
+
+  return casesObject;
+};
+
+// Rename fields to better CSV headers
+const _formatRawCasesToCsv = (cases) => {
+  return cases.map((c) => ({
+    id: c.id,
+    folderId: c.folderId,
+    title: c.title,
+    state: c.state,
+    priority: c.priority,
+    type: c.type,
+    automationStatus: c.automationStatus,
+    description: c.description,
+    template: c.template,
+    preConditions: c.preConditions,
+    expectedResults: c.expectedResults,
+    step: c['Steps.step'],
+    expectedStepResult: c['Steps.result'],
+  }));
+};
--- a/backend/routes/cases/download.test.js
+++ b/backend/routes/cases/download.test.js
@@ -37,11 +37,19 @@ vi.mock('../../middleware/verifyVisible.js', () => ({
 // mock defineCase
 const mockCase = {
  findAll: vi.fn(),
+  belongsToMany: vi.fn(),
 };
 vi.mock('../../models/cases.js', () => ({
  default: () => mockCase,
 }));

+const mockStep = {
+  belongsToMany: vi.fn(),
+};
+vi.mock('../../models/steps.js', () => ({
+  default: () => mockStep,
+}));
+
 describe('GET /download with type=csv', () => {
  let app;
  const sequelize = new Sequelize({
--- a/backend/routes/cases/import.js
+++ b/backend/routes/cases/import.js
@@ -0,0 +1,145 @@
+import path from 'path';
+import express from 'express';
+const router = express.Router();
+import multer from 'multer';
+import XLSX from 'xlsx';
+import { DataTypes } from 'sequelize';
+import defineCase from '../../models/cases.js';
+import authMiddleware from '../../middleware/auth.js';
+import editableMiddleware from '../../middleware/verifyEditable.js';
+import { priorities, testTypes, automationStatus, templates } from '../../config/enums.js';
+
+const fileFilter = (req, file, cb) => {
+  const allowedFileTypes = ['.xlsx', '.xls'];
+  const allowedMimeTypes = [
+    'application/vnd.openxmlformats-officedocument.spreadsheetml.sheet',
+    'application/vnd.ms-excel',
+  ];
+  const extname = allowedFileTypes.includes(path.extname(file.originalname).toLowerCase());
+  const mimetype = allowedMimeTypes.includes(file.mimetype);
+
+  if (extname && mimetype) {
+    return cb(null, true);
+  } else {
+    cb(new Error('Only Excel files (.xlsx, .xls) are allowed!'));
+  }
+};
+
+const storage = multer.memoryStorage();
+const upload = multer({
+  storage: storage,
+  fileFilter,
+  limits: { fileSize: 50 * 1024 * 1024 }, // 50 MB limit
+});
+
+export default function (sequelize) {
+  const Case = defineCase(sequelize, DataTypes);
+  const { verifySignedIn } = authMiddleware(sequelize);
+  const { verifyProjectDeveloperFromFolderId } = editableMiddleware(sequelize);
+
+  router.post(
+    '/import',
+    (req, res, next) => {
+      upload.single('file')(req, res, function (err) {
+        if (err) {
+          return res.status(400).json({ error: err.message });
+        }
+        next();
+      });
+    },
+    verifySignedIn,
+    verifyProjectDeveloperFromFolderId,
+    async (req, res) => {
+      const { folderId } = req.query;
+
+      if (!req.file || !req.file.buffer) {
+        return res.status(400).json({ error: 'No file uploaded' });
+      }
+
+      if (!folderId) {
+        return res.status(400).json({ error: 'folderId is required' });
+      }
+
+      try {
+        const workbook = XLSX.read(req.file.buffer, { type: 'buffer' });
+        const sheetName = workbook.SheetNames[0];
+        const worksheet = workbook.Sheets[sheetName];
+        const jsonData = XLSX.utils.sheet_to_json(worksheet);
+
+        let errorMessage = null;
+        const casesToCreate = [];
+        const requiredFields = ['title', 'priority', 'type', 'template'];
+        for (const [index, row] of jsonData.entries()) {
+          const rowNumber = index + 2;
+          for (const field of requiredFields) {
+            if (!row[field]) {
+              errorMessage = `Row ${rowNumber} is missing required field: ${field}`;
+              console.log(`Error found for field: ${errorMessage}`);
+            }
+          }
+
+          // Validate priority if provided
+          let priorityIndex = priorities.indexOf('medium'); // default to 'medium'
+          if (row['priority']) {
+            priorityIndex = priorities.indexOf(row['priority'].toLowerCase());
+            if (priorityIndex === -1) {
+              errorMessage = `Row ${rowNumber} has invalid priority: ${row['priority']}`;
+            }
+          }
+
+          // Validate type if provided
+          let typeIndex = testTypes.indexOf('other'); // default to 'other'
+          if (row['type']) {
+            typeIndex = testTypes.indexOf(row['type'].toLowerCase());
+            if (typeIndex === -1) {
+              errorMessage = `Row ${rowNumber} has invalid type: ${row['type']}`;
+            }
+          }
+
+          // Validate automationStatus if provided
+          let automationStatusIndex = automationStatus.indexOf('automation-not-required'); // default to 'automation-not-required'
+          if (row['automationStatus']) {
+            automationStatusIndex = automationStatus.indexOf(row['automationStatus'].toLowerCase());
+            if (automationStatusIndex === -1) {
+              errorMessage = `Row ${rowNumber} has invalid automationStatus: ${row['automationStatus']}`;
+            }
+          }
+
+          // Validate template if provided
+          let templateIndex = templates.indexOf('text'); // default to 'text'
+          if (row['template']) {
+            templateIndex = templates.indexOf(row['template'].toLowerCase());
+            if (templateIndex === -1) {
+              errorMessage = `Row ${rowNumber} has invalid template: ${row['template']}`;
+            }
+          }
+
+          if (errorMessage) {
+            return res.status(400).json({ error: errorMessage });
+          }
+
+          casesToCreate.push({
+            folderId: folderId,
+            title: row['title'],
+            description: row['description'] || '',
+            state: 0, // default state
+            priority: priorityIndex,
+            type: typeIndex,
+            preConditions: row['preConditions'],
+            expectedResults: row['expectedResults'],
+            automationStatus: automationStatusIndex,
+            template: templateIndex,
+          });
+        }
+
+        const createdCases = await Case.bulkCreate(casesToCreate);
+        res.json(createdCases);
+      } catch (error) {
+        console.error(error);
+        res.status(500).send('Internal Server Error');
+      }
+    }
+  );
+
+  return router;
+}
--- a/backend/routes/cases/index.js
+++ b/backend/routes/cases/index.js
@@ -17,7 +17,7 @@ export default function (sequelize) {
  Tags.belongsToMany(Case, { through: 'caseTags', foreignKey: 'tagId', otherKey: 'caseId' });

  router.get('/', verifySignedIn, verifyProjectVisibleFromFolderId, async (req, res) => {
-    const { folderId, title, priority, type, tag } = req.query;
+    const { folderId, search, priority, type, tag } = req.query;

    if (!folderId) {
      return res.status(400).json({ error: 'folderId is required' });
@@ -28,15 +28,18 @@ export default function (sequelize) {
        folderId: folderId,
      };

-      if (title) {
-        const searchTerm = title.trim();
+      if (search) {
+        const searchTerm = search.trim();

        if (searchTerm.length > 100) {
-          return res.status(400).json({ error: 'too long title param' });
+          return res.status(400).json({ error: 'too long search param' });
        }

        if (searchTerm.length >= 1) {
-          whereClause[Op.or] = [{ title: { [Op.like]: `%${searchTerm}%` } }];
+          whereClause[Op.or] = [
+            { title: { [Op.like]: `%${searchTerm}%` } },
+            { description: { [Op.like]: `%${searchTerm}%` } },
+          ];
        }
      }

--- a/backend/server.js
+++ b/backend/server.js
@@ -100,6 +100,7 @@ import casesNewRoute from './routes/cases/new.js';
 import casesEditRoute from './routes/cases/edit.js';
 import casesDeleteRoute from './routes/cases/delete.js';
 import casesCloneRoute from './routes/cases/clone.js';
+import casesImportRoute from './routes/cases/import.js';
 app.use('/cases', casesDownloadRoute(sequelize));
 app.use('/cases', casesMoveRoute(sequelize));
 app.use('/cases', casesIndexRoute(sequelize));
@@ -109,6 +110,7 @@ app.use('/cases', casesNewRoute(sequelize));
 app.use('/cases', casesEditRoute(sequelize));
 app.use('/cases', casesDeleteRoute(sequelize));
 app.use('/cases', casesCloneRoute(sequelize));
+app.use('/cases', casesImportRoute(sequelize));

 // "/steps"
 import stepsEditRoute from './routes/steps/edit.js';
--- a/frontend/messages/en.json
+++ b/frontend/messages/en.json
@@ -223,6 +223,7 @@
    "no_cases_found": "No test cases found",
    "case_title": "Test Case Title",
    "case_description": "Test Case Description",
+    "case_title_or_description": "Test case title or description",
    "create": "Create",
    "please_enter": "Please enter test case title",
    "filter": "Filter",
@@ -239,7 +240,15 @@
    "cases_moved": "Test cases moved",
    "cases_cloned": "Test cases cloned",
    "tags": "Tags",
-    "select_tags": "Select tags"
+    "select_tags": "Select tags",
+    "import": "Import",
+    "import_cases": "Import Test Cases",
+    "import_available": "You can import test cases from Excel file (xlsx, xls). The Excel file to be imported must follow the specified format.",
+    "download_template": "Download Template",
+    "click_to_upload": "Click to upload",
+    "or_drag_and_drop": " or drag and drop",
+    "max_file_size": "Max. file size",
+    "cases_imported": "Test cases imported"
  },
  "Case": {
    "back_to_cases": "Back to test cases",
--- a/frontend/messages/ja.json
+++ b/frontend/messages/ja.json
@@ -223,6 +223,7 @@
    "no_cases_found": "テストケースがありません",
    "case_title": "テストケースタイトル",
    "case_description": "テストケース詳細",
+    "case_title_or_description": "テストケースのタイトルまたは説明",
    "create": "作成",
    "please_enter": "テストケースタイトルを入力してください",
    "filter": "フィルター",
@@ -239,7 +240,15 @@
    "cases_moved": "テストケースを移動しました",
    "cases_cloned": "テストケースをクローンしました",
    "tags": "タグ",
-    "select_tags": "タグを選択"
+    "select_tags": "タグを選択",
+    "import": "インポート",
+    "import_cases": "テストケースのインポート",
+    "import_available": "Excelファイル(xlsx, xls)からテストケースをインポートできます。インポートするExcelファイルは既定のフォーマットに従う必要があります。",
+    "download_template": "テンプレートをダウンロード",
+    "click_to_upload": "クリックしてアップロード",
+    "or_drag_and_drop": "またはドラッグアンドドロップ",
+    "max_file_size": "最大ファイルサイズ",
+    "cases_imported": "テストケースがインポートされました"
  },
  "Case": {
    "back_to_cases": "テストケース一覧に戻る",
--- a/frontend/messages/pt-BR.json
+++ b/frontend/messages/pt-BR.json
@@ -223,6 +223,7 @@
    "no_cases_found": "Nenhum caso de teste encontrado",
    "case_title": "Título do Caso de Teste",
    "case_description": "Descrição do Caso de Teste",
+    "case_title_or_description": "Título ou descrição do caso de teste",
    "create": "Criar",
    "please_enter": "Por favor, insira o título do caso de teste",
    "filter": "Filtrar",
@@ -239,7 +240,15 @@
    "cases_moved": "Casos de teste movidos",
    "cases_cloned": "Casos de teste clonados",
    "tags": "Tags",
-    "select_tags": "Selecionar tags"
+    "select_tags": "Selecionar tags",
+    "import": "Importar",
+    "import_cases": "Importar Casos de Teste",
+    "import_available": "Você pode importar casos de teste a partir de um arquivo Excel (xlsx, xls). O arquivo Excel a ser importado deve seguir o formato especificado.",
+    "download_template": "Baixar Modelo",
+    "click_to_upload": "Clique para enviar",
+    "or_drag_and_drop": " ou arraste e solte",
+    "max_file_size": "Tamanho máx. do arquivo",
+    "cases_imported": "Casos de teste importados"
  },
  "Case": {
    "back_to_cases": "Voltar para os casos de teste",
--- a/frontend/package-lock.json
+++ b/frontend/package-lock.json
@@ -9988,9 +9988,9 @@
      }
    },
    "node_modules/caniuse-lite": {
-      "version": "1.0.30001700",
-      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001700.tgz",
-      "integrity": "sha512-2S6XIXwaE7K7erT8dY+kLQcpa5ms63XlRkMkReXjle+kf6c5g38vyMl+Z5y8dSxOFDhcFe+nxnn261PLxBSQsQ==",
+      "version": "1.0.30001754",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001754.tgz",
+      "integrity": "sha512-x6OeBXueoAceOmotzx3PO4Zpt4rzpeIFsSr6AAePTZxSkXiYDUmpypEl7e2+8NCd9bD7bXjqyef8CJYPC1jfxg==",
      "funding": [
        {
          "type": "opencollective",
@@ -10004,7 +10004,8 @@
          "type": "github",
          "url": "https://github.com/sponsors/ai"
        }
-      ]
+      ],
+      "license": "CC-BY-4.0"
    },
    "node_modules/chokidar": {
      "version": "3.6.0",
--- a/frontend/public/template/unittcms-import-template-v1.xlsx
+++ b/frontend/public/template/unittcms-import-template-v1.xlsx
--- a/frontend/src/app/[locale]/health/HealthPage.tsx
+++ b/frontend/src/app/[locale]/health/HealthPage.tsx
@@ -62,7 +62,7 @@ export default function HealthPage({ messages, locale }: Props) {
          <TableBody>
            <TableRow key="1">
              <TableCell>{messages.unittcms_version}</TableCell>
-              <TableCell>1.0.0-beta.23</TableCell>
+              <TableCell>1.0.0-beta.24</TableCell>
            </TableRow>
            <TableRow key="2">
              <TableCell>{messages.api_server}</TableCell>
--- a/frontend/src/app/[locale]/projects/[projectId]/folders/[folderId]/cases/CaseImportDialog.tsx
+++ b/frontend/src/app/[locale]/projects/[projectId]/folders/[folderId]/cases/CaseImportDialog.tsx
@@ -0,0 +1,125 @@
+'use client';
+import { useState, ChangeEvent, DragEvent } from 'react';
+import { Button, Modal, ModalContent, ModalHeader, ModalBody, ModalFooter, Spinner, Alert } from '@heroui/react';
+import { ArrowUpFromLine } from 'lucide-react';
+import { CasesMessages } from '@/types/case';
+import { importCases } from '@/utils/caseControl';
+
+type Props = {
+  isOpen: boolean;
+  folderId: number;
+  isDisabled: boolean;
+  onImport: () => void;
+  onCancel: () => void;
+  messages: CasesMessages;
+  token: string;
+};
+
+export default function CaseImportDialog({ isOpen, folderId, isDisabled, onImport, onCancel, messages, token }: Props) {
+  const [isProcessing, setIsProcessing] = useState(false);
+  const [importError, setImportError] = useState<string | null>(null);
+
+  const handleDrop = (event: DragEvent<HTMLElement>) => {
+    event.preventDefault();
+    if (event.dataTransfer) {
+      const filesArray = Array.from(event.dataTransfer.files);
+      handleFiles(filesArray);
+    }
+  };
+
+  const handleInput = (event: ChangeEvent) => {
+    if (event.target) {
+      const input = event.target as HTMLInputElement;
+      if (input.files) {
+        handleFiles(Array.from(input.files));
+      }
+    }
+  };
+
+  const handleFiles = async (filesArray: File[]) => {
+    setIsProcessing(true);
+
+    if (filesArray.length !== 1) {
+      console.error('Error multiple file');
+    } else {
+      const ret = await importCases(token, folderId, filesArray[0]);
+      if (ret.error) {
+        setImportError(ret.error);
+      } else {
+        onImport();
+      }
+    }
+    setIsProcessing(false);
+  };
+
+  const onCloseDialog = () => {
+    setImportError(null);
+    onCancel();
+  };
+
+  return (
+    <Modal
+      isOpen={isOpen}
+      onOpenChange={() => {
+        onCloseDialog();
+      }}
+    >
+      <ModalContent>
+        <ModalHeader className="flex flex-col gap-1">{messages.importCases}</ModalHeader>
+        <ModalBody>
+          <div className="flex items-center justify-center w-full">
+            <div className={`mt-1 text-neutral-500 dark:text-neutral-400 text-sm rounded`}>
+              <div>{messages.importAvailable}</div>
+              <a href="/template/unittcms-import-template-v1.xlsx" download className="text-tiny underline">
+                {messages.downloadTemplate}
+              </a>
+            </div>
+          </div>
+          {importError && <Alert color="danger" className="mt-1" title="error" description={importError} />}
+          <div
+            className="flex items-center justify-center w-full mt-3"
+            onDrop={(event) => {
+              if (isDisabled) {
+                return;
+              }
+              handleDrop(event);
+            }}
+            onDragOver={(event) => event.preventDefault()}
+          >
+            <label
+              htmlFor="dropzone-file"
+              className={`flex flex-col items-center justify-center w-full h-32 border-2 border-neutral-200 border-dashed rounded-lg  bg-neutral-50 dark:hover:bg-bray-800 dark:bg-neutral-700 hover:bg-neutral-100 dark:border-neutral-600 dark:hover:border-neutral-500 dark:hover:bg-neutral-600 ${isDisabled ? 'cursor-not-allowed opacity-50' : 'cursor-pointer'}`}
+            >
+              <div className="flex flex-col items-center justify-center pt-5 pb-6">
+                <ArrowUpFromLine />
+                <p className="mb-2 text-sm text-neutral-500 dark:text-neutral-400">
+                  <span className="font-semibold">{messages.clickToUpload}</span>
+                  <span>{messages.orDragAndDrop}</span>
+                </p>
+                <p className="text-xs text-neutral-500 dark:text-neutral-400">{messages.maxFileSize}: 50 MB</p>
+              </div>
+              <input
+                id="dropzone-file"
+                type="file"
+                className="hidden"
+                disabled={isDisabled}
+                onChange={(e) => handleInput(e)}
+              />
+            </label>
+          </div>
+        </ModalBody>
+        <ModalFooter>
+          {isProcessing ? (
+            <Spinner />
+          ) : (
+            <>
+              <Button variant="light" size="sm" onPress={onCloseDialog}>
+                {messages.close}
+              </Button>
+            </>
+          )}
+        </ModalFooter>
+      </ModalContent>
+    </Modal>
+  );
+}
--- a/frontend/src/app/[locale]/projects/[projectId]/folders/[folderId]/cases/CasesPane.tsx
+++ b/frontend/src/app/[locale]/projects/[projectId]/folders/[folderId]/cases/CasesPane.tsx
@@ -1,9 +1,11 @@
 'use client';
 import { useState, useEffect, useContext, useCallback } from 'react';
+import { addToast } from '@heroui/react';
 import { useRouter, useSearchParams } from 'next/navigation';
 import TestCaseTable from './TestCaseTable';
 import CaseDialog from './CaseDialog';
 import CaseMoveDialog from './CaseMoveDialog';
+import CaseImportDialog from './CaseImportDialog';
 import DeleteConfirmDialog from '@/components/DeleteConfirmDialog';
 import { TokenContext } from '@/utils/TokenProvider';
 import { fetchCases, createCase, deleteCases, exportCases } from '@/utils/caseControl';
@@ -34,7 +36,7 @@ export default function CasesPane({
 }: Props) {
  const [cases, setCases] = useState<CaseType[]>([]);
  const [isCaseDialogOpen, setIsCaseDialogOpen] = useState(false);
-  const [titleFilter, setTitleFilter] = useState('');
+  const [searchFilter, setSearchFilter] = useState('');
  const [priorityFilter, setPriorityFilter] = useState<number[]>([]);
  const [typeFilter, setTypeFilter] = useState<number[]>([]);
  const [tagFilter, setTagFilter] = useState<number[]>([]);
@@ -45,13 +47,13 @@ export default function CasesPane({
  const router = useRouter();
  const searchParams = useSearchParams();

-  const updateUrlParams = (updates: { title?: string; priority?: number[]; type?: number[]; tag?: number[] }) => {
+  const updateUrlParams = (updates: { search?: string; priority?: number[]; type?: number[]; tag?: number[] }) => {
    const currentParams = new URLSearchParams(searchParams.toString());

-    if (updates.title) {
-      currentParams.set('title', updates.title);
+    if (updates.search) {
+      currentParams.set('search', updates.search);
    } else {
-      currentParams.delete('title');
+      currentParams.delete('search');
    }

    if (updates.priority && updates.priority.length > 0) {
@@ -76,16 +78,15 @@ export default function CasesPane({
    router.push(newUrl, { scroll: false });
  };

-  useEffect(() => {
-    async function fetchDataEffect() {
+  const refreshCases = useCallback(async () => {
    if (!context.isSignedIn()) return;

-      const titleParam = searchParams.get('title') || '';
+    const searchParam = searchParams.get('search') || '';
    const priorityParam = parseQueryParam(searchParams.get('priority'));
    const typeParam = parseQueryParam(searchParams.get('type'));
    const tagParam = parseQueryParam(searchParams.get('tag'));

-      setTitleFilter(titleParam);
+    setSearchFilter(searchParam);
    setPriorityFilter(priorityParam);
    setTypeFilter(typeParam);
    setTagFilter(tagParam);
@@ -94,7 +95,7 @@ export default function CasesPane({
      const data = await fetchCases(
        context.token.access_token,
        Number(folderId),
-          titleParam || undefined,
+        searchParam || undefined,
        priorityParam.length > 0 ? priorityParam : undefined,
        typeParam.length > 0 ? typeParam : undefined,
        tagParam.length > 0 ? tagParam : undefined
@@ -103,11 +104,12 @@ export default function CasesPane({
    } catch (error: unknown) {
      logError('Error fetching cases:', error);
    }
-    }
-
-    fetchDataEffect();
  }, [context, folderId, searchParams]);

+  useEffect(() => {
+    refreshCases();
+  }, [refreshCases]);
+
  const closeDialog = () => setIsCaseDialogOpen(false);

  const onSubmit = async (title: string, description: string) => {
@@ -143,12 +145,12 @@ export default function CasesPane({
    await exportCases(context.token.access_token, Number(folderId), type);
  };

-  const handleFilterChange = (title: string, priorities: number[], types: number[], tag: number[]) => {
-    setTitleFilter(title);
+  const handleFilterChange = (search: string, priorities: number[], types: number[], tag: number[]) => {
+    setSearchFilter(search);
    setPriorityFilter(priorities);
    setTypeFilter(types);
    setTagFilter(tag);
-    updateUrlParams({ title: title, priority: priorities, type: types, tag: tag });
+    updateUrlParams({ search: search, priority: priorities, type: types, tag: tag });
  };

  // **************************************************************************
@@ -175,6 +177,20 @@ export default function CasesPane({
    return unsubscribe;
  }, [openMoveDialog]);

+  // **************************************************************************
+  // Import cases
+  // **************************************************************************
+  const [isImportDialogOpen, setIsImportDialogOpen] = useState(false);
+  const handleImport = () => {
+    refreshCases();
+    setIsImportDialogOpen(false);
+    addToast({
+      title: 'Success',
+      color: 'success',
+      description: messages.casesImported,
+    });
+  };
+
  return (
    <>
      <TestCaseTable
@@ -184,9 +200,10 @@ export default function CasesPane({
        onCreateCase={() => setIsCaseDialogOpen(true)}
        onDeleteCase={onDeleteCase}
        onDeleteCases={onDeleteCases}
+        onShowImportDialog={() => setIsImportDialogOpen(true)}
        onExportCases={onExportCases}
        onFilterChange={handleFilterChange}
-        activeTitleFilter={titleFilter}
+        activeSearchFilter={searchFilter}
        activePriorityFilters={priorityFilter}
        activeTypeFilters={typeFilter}
        activeTagFilters={tagFilter}
@@ -210,6 +227,16 @@ export default function CasesPane({
        token={context.token.access_token}
      />

+      <CaseImportDialog
+        isOpen={isImportDialogOpen}
+        folderId={Number(folderId)}
+        isDisabled={!context.isProjectDeveloper(Number(projectId))}
+        onImport={handleImport}
+        onCancel={() => setIsImportDialogOpen(false)}
+        messages={messages}
+        token={context.token.access_token}
+      />
+
      <DeleteConfirmDialog
        isOpen={isDeleteConfirmDialogOpen}
        onCancel={closeDeleteConfirmDialog}
--- a/frontend/src/app/[locale]/projects/[projectId]/folders/[folderId]/cases/TestCaseFilter.tsx
+++ b/frontend/src/app/[locale]/projects/[projectId]/folders/[folderId]/cases/TestCaseFilter.tsx
@@ -23,12 +23,12 @@ type TestCaseFilterProps = {
  messages: CasesMessages;
  priorityMessages: PriorityMessages;
  testTypeMessages: TestTypeMessages;
-  activeTitleFilter: string;
+  activeSearchFilter: string;
  activePriorityFilters: number[];
  activeTypeFilters: number[];
  activeTagFilters: number[];
  projectId: string;
-  onFilterChange: (title: string, priorities: number[], types: number[], tags: number[]) => void;
+  onFilterChange: (search: string, priorities: number[], types: number[], tags: number[]) => void;
 };

 type Tag = Pick<TagType, 'id' | 'name'>;
@@ -37,7 +37,7 @@ export default function TestCaseFilter({
  messages,
  priorityMessages,
  testTypeMessages,
-  activeTitleFilter,
+  activeSearchFilter,
  activePriorityFilters,
  activeTypeFilters,
  activeTagFilters,
@@ -45,7 +45,7 @@ export default function TestCaseFilter({
  projectId,
 }: TestCaseFilterProps) {
  const tokenContext = useContext(TokenContext);
-  const [title, setTitle] = useState<string>('');
+  const [search, setSearch] = useState<string>('');
  const [selectedPriorities, setSelectedPriorities] = useState<Selection>(new Set([]));
  const [selectedTypes, setSelectedTypes] = useState<Selection>(new Set([]));
  const [selectedTags, setSelectedTags] = useState<Selection>(new Set([]));
@@ -74,8 +74,8 @@ export default function TestCaseFilter({
  }, [activeTagFilters]);

  useEffect(() => {
-    setTitle(activeTitleFilter);
-  }, [activeTitleFilter]);
+    setSearch(activeSearchFilter);
+  }, [activeSearchFilter]);

  useEffect(() => {
    if (activePriorityFilters.length > 0) {
@@ -125,7 +125,7 @@ export default function TestCaseFilter({
        .filter((id) => !isNaN(id));
    }

-    onFilterChange(title, priorityIndices, typeIndices, tagIds);
+    onFilterChange(search, priorityIndices, typeIndices, tagIds);
  };

  const handleClearFilter = () => {
@@ -137,7 +137,7 @@ export default function TestCaseFilter({
  return (
    <div className="p-3">
      <div className="mb-3 space-y-1">
-        <h3 className="text-default-500 text-small">{messages.caseTitle}</h3>
+        <h3 className="text-default-500 text-small">{messages.caseTitleOrDescription}</h3>
        <Input
          variant="bordered"
          classNames={{
@@ -148,8 +148,8 @@ export default function TestCaseFilter({
          size="sm"
          startContent={<SearchIcon size={18} />}
          type="search"
-          value={title}
-          onValueChange={setTitle}
+          value={search}
+          onValueChange={setSearch}
          maxLength={100}
        />
      </div>
--- a/frontend/src/app/[locale]/projects/[projectId]/folders/[folderId]/cases/TestCaseTable.tsx
+++ b/frontend/src/app/[locale]/projects/[projectId]/folders/[folderId]/cases/TestCaseTable.tsx
@@ -20,6 +20,7 @@ import {
  Plus,
  MoreVertical,
  Trash,
+  FileUp,
  FileDown,
  ChevronUp,
  ChevronDown,
@@ -45,9 +46,10 @@ type Props = {
  onCreateCase: () => void;
  onDeleteCase: (caseId: number) => void;
  onDeleteCases: (caseIds: number[]) => void;
+  onShowImportDialog: () => void;
  onExportCases: (type: string) => void;
  onFilterChange: (query: string, priorities: number[], types: number[], tag: number[]) => void;
-  activeTitleFilter: string;
+  activeSearchFilter: string;
  activePriorityFilters: number[];
  activeTypeFilters: number[];
  activeTagFilters: number[];
@@ -64,9 +66,10 @@ export default function TestCaseTable({
  onCreateCase,
  onDeleteCase,
  onDeleteCases,
+  onShowImportDialog,
  onExportCases,
  onFilterChange,
-  activeTitleFilter,
+  activeSearchFilter,
  activePriorityFilters,
  activeTypeFilters,
  activeTagFilters,
@@ -105,7 +108,7 @@ export default function TestCaseTable({
            >
              {highlightSearchTerm({
                text: cellValue as string,
-                searchTerm: activeTitleFilter,
+                searchTerm: activeSearchFilter,
              })}
            </Link>
          );
@@ -147,7 +150,7 @@ export default function TestCaseTable({
      }
    },
    // eslint-disable-next-line react-hooks/exhaustive-deps
-    [activeTitleFilter]
+    [activeSearchFilter]
  );

  // **************************************************************************
@@ -155,7 +158,7 @@ export default function TestCaseTable({
  // **************************************************************************
  const [showFilter, setShowFilter] = useState(false);
  const activeFilterNum =
-    (activeTitleFilter ? 1 : 0) + activePriorityFilters.length + activeTypeFilters.length + activeTagFilters.length;
+    (activeSearchFilter ? 1 : 0) + activePriorityFilters.length + activeTypeFilters.length + activeTagFilters.length;

  // **************************************************************************
  // select test case
@@ -318,7 +321,7 @@ export default function TestCaseTable({
                  messages={messages}
                  priorityMessages={priorityMessages}
                  testTypeMessages={testTypeMessages}
-                  activeTitleFilter={activeTitleFilter}
+                  activeSearchFilter={activeSearchFilter}
                  activePriorityFilters={activePriorityFilters}
                  activeTypeFilters={activeTypeFilters}
                  activeTagFilters={activeTagFilters}
@@ -355,6 +358,15 @@ export default function TestCaseTable({
                </DropdownItem>
              </DropdownMenu>
            </Dropdown>
+            <Button
+              startContent={<FileUp size={16} />}
+              size="sm"
+              variant="bordered"
+              className="me-2"
+              onPress={onShowImportDialog}
+            >
+              {messages.import}
+            </Button>
            <Button
              startContent={<Plus size={16} />}
              size="sm"
--- a/frontend/src/app/[locale]/projects/[projectId]/folders/[folderId]/cases/page.tsx
+++ b/frontend/src/app/[locale]/projects/[projectId]/folders/[folderId]/cases/page.tsx
@@ -31,6 +31,7 @@ export default function Page({ params }: { params: { projectId: string; folderId
    noCasesFound: t('no_cases_found'),
    caseTitle: t('case_title'),
    caseDescription: t('case_description'),
+    caseTitleOrDescription: t('case_title_or_description'),
    create: t('create'),
    pleaseEnter: t('please_enter'),
    apply: t('apply'),
@@ -48,6 +49,14 @@ export default function Page({ params }: { params: { projectId: string; folderId
    casesCloned: t('cases_cloned'),
    tags: t('tags'),
    selectTags: t('select_tags'),
+    import: t('import'),
+    importCases: t('import_cases'),
+    importAvailable: t('import_available'),
+    downloadTemplate: t('download_template'),
+    clickToUpload: t('click_to_upload'),
+    orDragAndDrop: t('or_drag_and_drop'),
+    maxFileSize: t('max_file_size'),
+    casesImported: t('cases_imported'),
  };

  const priorityTranslation = useTranslations('Priority');
--- a/frontend/types/case.ts
+++ b/frontend/types/case.ts
@@ -79,6 +79,7 @@ type CasesMessages = {
  noCasesFound: string;
  caseTitle: string;
  caseDescription: string;
+  caseTitleOrDescription: string;
  create: string;
  pleaseEnter: string;
  filter: string;
@@ -96,6 +97,14 @@ type CasesMessages = {
  tags: string;
  casesCloned: string;
  selectTags: string;
+  import: string;
+  importCases: string;
+  importAvailable: string;
+  downloadTemplate: string;
+  clickToUpload: string;
+  orDragAndDrop: string;
+  maxFileSize: string;
+  casesImported: string;
 };

 type CaseMessages = {
--- a/frontend/utils/caseControl.ts
+++ b/frontend/utils/caseControl.ts
@@ -29,15 +29,15 @@ async function fetchCase(jwt: string, caseId: number) {
 async function fetchCases(
  jwt: string,
  folderId: number,
-  title?: string,
+  search?: string,
  priority?: number[],
  type?: number[],
  tag?: number[]
 ) {
  const queryParams = [`folderId=${folderId}`];

-  if (title) {
-    queryParams.push(`title=${title}`);
+  if (search) {
+    queryParams.push(`search=${search}`);
  }

  if (priority && priority.length > 0) {
@@ -235,4 +235,25 @@ async function exportCases(jwt: string, folderId: number, type: string) {
  }
 }

-export { fetchCase, fetchCases, updateCase, createCase, deleteCases, cloneCases, exportCases };
+async function importCases(jwt: string, folderId: number, file: File) {
+  const url = `${apiServer}/cases/import?folderId=${folderId}`;
+  const formData = new FormData();
+  formData.append('file', file);
+
+  try {
+    const response = await fetch(url, {
+      method: 'POST',
+      headers: {
+        Authorization: `Bearer ${jwt}`,
+      },
+      body: formData,
+    });
+
+    const data = await response.json();
+    return data;
+  } catch (error: unknown) {
+    logError('Error importing data', error);
+  }
+}
+
+export { fetchCase, fetchCases, updateCase, createCase, deleteCases, cloneCases, exportCases, importCases };