NASP/argus
51
0
Fork 0
Code Issues 2 Pull Requests Actions Packages Projects 1 Releases Wiki Activity

modify playwright scripts

Browse Source
This commit is contained in:
xiuting.xu 2025-10-30 15:53:21 +08:00
parent 231b27bb42
commit 5bd0209ca6
3 changed files with 69 additions and 26 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
src/web/tests/playwright/alerts.spec.ts
View File

@ -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();

2
src/web/tests/playwright/helpers/entrycards-helpers.ts
View File

@ -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,)/);
}
}

87
src/web/tests/playwright/node-info.spec.ts
View File

@ -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 valueInput.fill('testValue');
await expect(keyInput).toBeVisible({timeout: 10000});
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 健康信息展示
// ========================
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 关闭
// 4 Drawer 关闭
// ========================
const closeBtn = drawer.locator('button[aria-label="Close"]').first();
await closeBtn.scrollIntoViewIfNeeded();