Robust Selector Finder

About

テスト自動化を、もっと「堅牢」に。もう、セレクタの修正で一日を無駄にしない。

ブラウザ自動化テスト（Playwright, Selenium, Puppeteer）を運用する中で、最も時間を奪われるのは「壊れたセレクタの修正」ではありませんか？UIの微調整で変わってしまうクラス名、Tailwind CSSによる解読不能なユーティリティクラス、重複する要素。Robust Selector Finder v2.0.0 は、これらの課題を解決し、メンテナンス性の高い「堅牢（Robust）」なセレクタを瞬時に特定するために開発されました。

🚀 v2.0 の圧倒的な進化
単なるセレクタ取得ツールではありません。エンジニアが「今、本当に欲しい」機能を凝縮しました。

Playwright 推奨形式に完全対応: getByRole, getByLabel, getByText, getByTestId など、最新のベストプラクティスに基づいたユーザー視点セレクタを自動生成します。コピーして貼り付けるだけで、保守性の高いテストコードが完成します。

Tailwind CSS / CSS Modules への高い耐性: flex, p-4, text-sm といったデザイン用のユーティリティクラスや、動的なハッシュ付きクラスを自動的に除外。意味のある、安定した属性を優先的に抽出します。

「n番目」の要素も確実にキャッチ: ページ内に同じセレクタが複数存在する場合でも、対象要素が「何番目か」を自動検出し、XPathの (//xpath)[n] や Playwright の .nth(n) 形式でコピー可能です。

テキストベースのXPath生成: ボタンやリンクのテキスト内容から、完全一致・部分一致のXPathを生成。翻訳やUIの文言ベースでのテスト作成を強力にサポートします。

🛠️ なぜ「堅牢」なのか？（生成優先順位）
最も変更に強く、意図が明確なセレクタを以下の優先順位で提案します：

テスト用属性: data-testid, data-cy 等（デザイン変更に最も強い）

安定したID: 動的IDを除外した一意のID

ユーザー視点の属性: テキスト内容、aria-label, role（アクセシビリティに配慮した高品質なテストに最適）

機能的属性: name, type, placeholder

安定したクラス名: 状態系（active等）やライブラリ系を除外

階層構造: 他の手段がない場合の最終手段

📊 直感的な「全候補表示」オーバーレイ
右クリックメニューから全候補一覧を呼び出すと、専用のオーバーレイUIが表示されます。

一意性チェック: 各候補がページ内で一意（Unique）か、複数マッチ（Multiple）かをバッジで即座に判別。

自動化ツール形式でのコピー: Playwright, Selenium, Puppeteer 各ツール専用のコード形式で即座にコピーできます。

🔧 柔軟なカスタマイズ
設定画面から、プロジェクトのルールに合わせた最適化が可能です。

プロジェクト独自のテスト属性の追加

除外すべきクラス名パターンや動的IDパターンの正規表現指定

探索する階層の深さや安定クラスの最小文字数設定

あなたのテストスイートを、より速く、より壊れにくく。Robust Selector Finder で、自動化のワークフローを次のステージへ引き上げましょう。