Media
1 item
Description
自動化ツール向けの堅牢なCSSセレクタ・XPathを右クリックで取得。n番目指定・Grouped XPath・Playwright getByRole対応。 テスト自動化を、もっと「堅牢」に。もう、セレクタの修正で一日を無駄にしない。 ブラウザ自動化テスト（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 で、自動化のワークフローを次のステージへ引き上げましょう。