src/web/tests/playwright/alerts.spec.ts

@@ -41,7 +41,7 @@ test.describe("Alerts 页面功能测试", () => {
         await activeOption.waitFor({ state: 'visible', timeout: 5000 });
         await activeOption.click();
 
-        await expect(stateSelect).toHaveValue("active");
+        await expect(stateSelect).toHaveValue("Active");
 
         // ==========================
         // 3️⃣ 选择“节点”下拉框（示例）
@@ -99,7 +99,7 @@ test.describe("Alerts 页面功能测试", () => {
         await page.waitForSelector("table");
 
         // 找到开关和刷新按钮
-        const switchBtn = page.locator('input[role="switch"]').first();
+        const switchBtn = page.getByRole('switch', { name: '自动刷新' });
         const refreshBtn = page.getByTitle("刷新").first();
 
         // 确保二者都可见
@@ -121,7 +121,7 @@ test.describe("Alerts 页面功能测试", () => {
         // 2 测试自动刷新开关
         // ================================
         const beforeState = await switchBtn.isChecked();
-        await switchBtn.click(); // 切换状态
+        await switchBtn.click({ force: true });
 
         // 验证状态确实切换了
         const afterState = await switchBtn.isChecked();

src/web/tests/playwright/helpers/entrycards-helpers.ts

@@ -18,7 +18,7 @@ export async function testEntryCards(
         // 检查图标
         const img = card.locator('img');
         await expect(img).toBeVisible();
-        await expect(img).toHaveAttribute('src', /\/assets\/.+/);
+        await expect(img).toHaveAttribute('src', /(\/assets\/.+|data:image\/png;base64,)/);
 
     }
 }

src/web/tests/playwright/node-info.spec.ts

@@ -30,7 +30,7 @@ test.describe("节点信息页面 NodeInfo", () => {
         await expect(drawer).toBeVisible();
 
         // ========================
-        // 1️⃣ 验证基础信息
+        // 1 验证基础信息
         // ========================
         for (const label of ['注册时间', '最近上报时间', '最后更新时间']) {
             const el = drawer.locator(`text=${label}`).first();
@@ -39,51 +39,94 @@ test.describe("节点信息页面 NodeInfo", () => {
         }
 
         // ========================
-        // 2️⃣ NodeConfigCard 编辑/保存
+        // 2 NodeConfigCard 编辑/保存
         // ========================
         const configEditBtn = drawer.locator('div:has-text("配置信息") >> role=button').first();
         await configEditBtn.scrollIntoViewIfNeeded();
         await configEditBtn.click({force: true});
 
+        // 等待 input 渲染完成
         const keyInput = drawer.locator('input[placeholder="Key"]').first();
         const valueInput = drawer.locator('input[placeholder="Value"]').first();
-        await keyInput.fill('testKey');
+        await expect(keyInput).toBeVisible({timeout: 10000});
-        await valueInput.fill('testValue');
+        await expect(valueInput).toBeVisible({timeout: 10000});
+        // 新增 key/value
+        const testKey = 'testKey';
+        const testValue = 'testValue';
+        await keyInput.fill(testKey);
+        await valueInput.fill(testValue);
 
         const saveBtn = drawer.locator('div:has-text("配置信息") >> role=button').first();
         await saveBtn.click();
-        await expect(drawer.locator('text=testKey').first()).toBeVisible();
+
-        await expect(drawer.locator('text=testValue').first()).toBeVisible();
+        // 验证新增成功
+        await expect(drawer.locator(`text=${testKey}`).first()).toBeVisible({timeout: 5000});
+        await expect(drawer.locator(`text=${testValue}`).first()).toBeVisible({timeout: 5000});
+
+
+        // 再次编辑，删除刚才新增的 key/value
+        await configEditBtn.click({force: true});
+
+        // 精准找到新增的 key 所在行
+        const newRow = drawer.locator(`input[value="${testKey}"]`).first()
+            .locator('xpath=ancestor::div[contains(@class,"mantine-Group-root")]');
+
+        await expect(newRow).toBeVisible({timeout: 5000});
+
+        // 点击删除按钮删除该行
+        const deleteBtn = newRow.locator('role=button', {hasText: '删除'}); // 如果实际是 IconX 或其他标识，请替换
+        await deleteBtn.click({force: true});
+
+        // 保存修改
+        await saveBtn.click();
+
+        // 验证刚新增的 key/value 已被删除
+        await expect(drawer.locator(`text=${testKey}`)).toHaveCount(0);
+        await expect(drawer.locator(`text=${testValue}`)).toHaveCount(0);
+
 
         // ========================
-        // 3️⃣ NodeLabelCard 标签管理
+        // 3 NodeLabelCard 标签管理
         // ========================
         const labelEditBtn = drawer.locator('div:has-text("标签信息") >> role=button').first();
         await labelEditBtn.click({force: true});
 
+        const newTagName = 'newTag1';
+
+        //  新增标签
         const newTagInput = drawer.locator('input[placeholder="新增标签"]');
-        await newTagInput.fill('newTag1');
+        await newTagInput.fill(newTagName);
 
         const addTagBtn = drawer.locator('div:has-text("标签信息") >> role=button').nth(1);
         await addTagBtn.click({force: true});
-
+        // 保存新增标签
         const saveLabelBtn = drawer.locator('div:has-text("标签信息") >> role=button').first();
         await saveLabelBtn.click({force: true});
-        await expect(drawer.locator('text=newTag1').first()).toBeVisible();
+
+        // 验证新增成功
+        await expect(drawer.locator(`text=${newTagName}`).first()).toBeVisible({timeout: 5000});
+
+        // 再次编辑，删除刚才新增的标签
+        await labelEditBtn.click({force: true});
+
+        // 精准定位刚新增的标签所在行
+        const newTagRow = drawer.locator(`input[value="${newTagName}"]`).first()
+            .locator('xpath=ancestor::div[contains(@class,"mantine-Group-root")]');
+
+        await expect(newTagRow).toBeVisible({timeout: 5000});
+
+        // 点击删除按钮删除该标签
+        const deleteTagBtn = newTagRow.locator('role=button', {hasText: '删除'}); // 如果实际是 IconTrash，可改为 .locator('svg[data-icon="trash"]')
+        await deleteTagBtn.click({force: true});
+
+        // 保存修改
+        await saveLabelBtn.click();
+
+        // 验证刚新增的标签已被删除
+        await expect(drawer.locator(`text=${newTagName}`)).toHaveCount(0);
 
         // ========================
-        // 4️⃣ NodeHealthCard 健康信息展示
+        // 4 Drawer 关闭
-        // ========================
-        const healthModule = drawer.locator('div:has-text("健康信息") >> text=healthy').first();
-        await expect(healthModule).toBeVisible();
-
-        const infoBtn = drawer.locator('div:has-text("健康信息") >> role=button').first();
-        await infoBtn.click({force: true});
-        const errorCount = await drawer.locator('text=Error').count();
-        expect(errorCount).toBeGreaterThan(0);
-
-        // ========================
-        // 5️⃣ Drawer 关闭
         // ========================
         const closeBtn = drawer.locator('button[aria-label="Close"]').first();
         await closeBtn.scrollIntoViewIfNeeded();