From 2b2e4fefab0d760a779686ca7120ead897b5e349 Mon Sep 17 00:00:00 2001
From: Will Miao <willmiao.dev@gmail.com>
Date: Thu, 27 Nov 2025 20:44:05 +0800
Subject: [PATCH] feat(tests): restructure test HTML to nest elements under
 model modal

Refactor the test HTML structure to properly nest all model metadata elements within the model modal container. This improves test accuracy by matching the actual DOM structure used in the application, ensuring that element selection and event handling work correctly during testing.
---
 .../modelMetadata.renamePath.test.js          | 39 ++++++++++---------
 1 file changed, 20 insertions(+), 19 deletions(-)

diff --git a/tests/frontend/components/modelMetadata.renamePath.test.js b/tests/frontend/components/modelMetadata.renamePath.test.js
index 280f8853..01202d35 100644
--- a/tests/frontend/components/modelMetadata.renamePath.test.js
+++ b/tests/frontend/components/modelMetadata.renamePath.test.js
@@ -114,26 +114,27 @@ describe('Model metadata interactions keep file path in sync', () => {
     });
 
     document.body.innerHTML = `
-      <div id="modelModal" data-file-path="models/Qwen.safetensors"></div>
-      <div class="model-name-header">
-        <h2 class="model-name-content" data-file-path="models/Qwen.safetensors">Qwen</h2>
-        <button class="edit-model-name-btn"></button>
+      <div id="modelModal" data-file-path="models/Qwen.safetensors">
+        <div class="model-name-header">
+          <h2 class="model-name-content" data-file-path="models/Qwen.safetensors">Qwen</h2>
+          <button class="edit-model-name-btn"></button>
+        </div>
+        <div class="base-model-display">
+          <span class="base-model-content" data-file-path="models/Qwen.safetensors">SDXL</span>
+          <button class="edit-base-model-btn"></button>
+        </div>
+        <div class="file-name-wrapper">
+          <span class="file-name-content" data-file-path="models/Qwen.safetensors">Qwen</span>
+          <button class="edit-file-name-btn"></button>
+        </div>
+        <div class="model-tags-container">
+          <div class="model-tags-compact"></div>
+          <div class="tooltip-content"></div>
+          <button class="edit-tags-btn" data-file-path="models/Qwen.safetensors"></button>
+        </div>
+        <button class="edit-trigger-words-btn" data-file-path="models/Qwen.safetensors"></button>
+        <div data-action="open-file-location" data-filepath="models/Qwen.safetensors"></div>
       </div>
-      <div class="base-model-display">
-        <span class="base-model-content" data-file-path="models/Qwen.safetensors">SDXL</span>
-        <button class="edit-base-model-btn"></button>
-      </div>
-      <div class="file-name-wrapper">
-        <span class="file-name-content" data-file-path="models/Qwen.safetensors">Qwen</span>
-        <button class="edit-file-name-btn"></button>
-      </div>
-      <div class="model-tags-container">
-        <div class="model-tags-compact"></div>
-        <div class="tooltip-content"></div>
-        <button class="edit-tags-btn" data-file-path="models/Qwen.safetensors"></button>
-      </div>
-      <button class="edit-trigger-words-btn" data-file-path="models/Qwen.safetensors"></button>
-      <div data-action="open-file-location" data-filepath="models/Qwen.safetensors"></div>
     `;
 
     const { setupFileNameEditing } = await import(METADATA_MODULE);