Taremin
f84fea75b6
- テストファイルを e2e, unit, debug などのカテゴリ別ディレクトリに移動し、構成を整理 - 不要な一時デバッグ用スクリプトを削除し、テスト環境をクリーンアップ - 言語機能やプリセット定義を src/languages/ ディレクトリに分離・モジュール化 - 言語プリセット管理ダイアログ (preset_dialog.ts) の追加と関連スタイルの更新 - __init__.py での MultiText ノード入力値パース処理を堅牢化 (リスト入力や不正JSONへの対応) - .gitignore に .agents および debug_dumps の除外設定を追加
87 lines
3.5 KiB
Python
87 lines
3.5 KiB
Python
import pytest
|
|
import time
|
|
from playwright.sync_api import Page, expect
|
|
|
|
def test_ui_no_undefined_classes(page: Page, comfyui_server, wait_for_comfyui, wmp_helpers):
|
|
"""UI要素の属性値（特に class）に 'undefined' が含まれていないこと、および JS エラーがないことを確認する"""
|
|
url = comfyui_server
|
|
|
|
# コンソールエラーを監視
|
|
console_errors = []
|
|
page.on("console", lambda msg: console_errors.append(msg.text) if msg.type == "error" else None)
|
|
|
|
wmp_helpers.load_comfyui(page, comfyui_server, wait_for_comfyui)
|
|
wmp_helpers.wait_for_graph_clear(page)
|
|
|
|
print("Step 1: Create all relevant nodes")
|
|
nodes = [
|
|
"WebuiMonacoPromptMultiText",
|
|
"WebuiMonacoPromptFind",
|
|
"WebuiMonacoPromptReplace",
|
|
"WebuiMonacoPromptJsonFilter"
|
|
]
|
|
for i, node_type in enumerate(nodes):
|
|
wmp_helpers.create_node(page, node_type, [100, 100 + (i * 300)])
|
|
|
|
print("Step 2: Open Search Sidebar")
|
|
# サイドバーのWebuiMonacoPrompt検索パネルを開く
|
|
# V2: registerSidebarTab で登録されたボタンは aria-label で識別される
|
|
page.click("button[aria-label='WebuiMonacoPrompt Search']")
|
|
wmp_helpers.wait_for_ui_stabilize(page)
|
|
|
|
# 描画時間を確保
|
|
wmp_helpers.wait_for_ui_stabilize(page, 2000)
|
|
|
|
print("Step 3: Check for 'undefined' in attributes and classes")
|
|
# DOM全体から調査
|
|
undefined_elements = page.evaluate("""() => {
|
|
const results = [];
|
|
const allElements = document.querySelectorAll('*');
|
|
|
|
allElements.forEach(el => {
|
|
// classList を使用して厳密に 'undefined' クラスをチェック
|
|
if (el.classList && el.classList.contains('undefined')) {
|
|
results.push({
|
|
tag: el.tagName,
|
|
id: el.id,
|
|
classes: el.className,
|
|
reason: "classList contains 'undefined'",
|
|
html: el.outerHTML.substring(0, 100)
|
|
});
|
|
}
|
|
|
|
// 全ての属性値を走査
|
|
for (const attr of el.attributes) {
|
|
if (attr.value === 'undefined' || attr.value.split(' ').includes('undefined')) {
|
|
results.push({
|
|
tag: el.tagName,
|
|
attr: attr.name,
|
|
value: attr.value,
|
|
reason: `Attribute '${attr.name}' has 'undefined' value`,
|
|
html: el.outerHTML.substring(0, 100)
|
|
});
|
|
}
|
|
}
|
|
});
|
|
return results;
|
|
}""")
|
|
|
|
# コンソールエラーのアサーション
|
|
if console_errors:
|
|
print("\nJavaScript Errors found in console:")
|
|
for err in console_errors:
|
|
print(f"- {err}")
|
|
|
|
# getStyle 由来のエラー（[WebuiMonacoPrompt] Style not found）が含まれていないか
|
|
style_errors = [e for e in console_errors if "Style not found" in e]
|
|
assert len(style_errors) == 0, f"Detected {len(style_errors)} style errors in console. Check output."
|
|
|
|
if undefined_elements:
|
|
print("\nElements with 'undefined' found:")
|
|
for err in undefined_elements:
|
|
print(f"- {err}")
|
|
|
|
assert len(undefined_elements) == 0, f"Found {len(undefined_elements)} elements with 'undefined' attributes. Check output."
|
|
|
|
print("Verification successful: No 'undefined' attributes and no Style errors found.")
|