ページインスペクター

カスタム UI テストに使用できるユーザーインターフェイスの HTML および JavaScript ページコンポーネントを特定します。ユーザーインターフェイスにテスト可能なページコンポーネントのみが含まれていることを確認して、自動テストを有効にします。

ページインスペクターは、現在表示されている Now Platform ページの横に新しいペインを開く開発者設定です。

図 : 1. ナレッジベース記事 KB0011110 のページインスペクタービュー

ページインスペクターはこれらの機能を提供します。

1. 現在検査されているページを識別する強調表示されたフレーム。
2. インスペクターペインを表示または非表示にするバナーアイコン。
3. ページコンポーネントのリストを更新するボタン。
4. インスペクターペインを非表示にするボタン。
5. ページ上の特定のコンポーネントを識別するインスペクターボタン。
6. カスタム UI テストに使用できるページコンポーネントのリスト。
7. ページコンポーネント検索フィルター。
8. ページコンポーネントに関する詳細情報を表示する場合にクリックする行。
9. 現在検査されているコンポーネントに関する情報をプレビューするためのハイライト表示された行とツールヒント。
10. ページ上で現在検査されているコンポーネントを識別するために強調表示されたページコンポーネント。
11. ページコンポーネントのリストに戻るためのコンポーネントラベルと戻るボタン。
12. 現在のページコンポーネントに対して実行するアクションのリスト。
13. 現在のページコンポーネントの属性情報のリスト。
14. ページコンポーネントの属性名と値のペア。
    注:

    [ラベルパス] フィールドを使用して、ページ上のコンポーネントを検査するときに、要素の周囲の階層ページコンテキストを表示できます。要素の「先祖」ラベルパスが多い場合、表示できるのは 3 つだけです。各ラベルパス要素は > で区切られます。これは外観が似ている 2 つのコンポーネントを区別するために使用できます。

注:

アイコン付きの UI ボタンがページインスペクターに表示されるようになりました。

図 : 2. コンポーネント詳細のページインスペクタービュー

ページインスペクターランチャー

ページインスペクターランチャーは、ページインスペクター内の特定のページを選択して起動するのに役立ちます。詳細については、「さまざまなページタイプの検査」を参照してください。

テスト可能なページコンポーネント

ページを最初にロードしたときに、ページインスペクターがテスト可能なページコンポーネントのリストを取得します。テスト可能なコンポーネントは、自動テストフレームワーク (ATF) にアクセス可能な標準の HTML と JavaScript で構成されています。テストデザイナーは、これらのコンポーネントをカスタム UI テストの一部として使用できます。

テスト不可能なページコンポーネント

ページインスペクターは、このタイプのテスト不可能なページコンポーネントを識別します。

除外リスト

[除外リスト] ページコンポーネントは、カスタム UI テストステップを使用してテストすることはできません。[除外リスト] ページコンポーネントには、通常、特殊な Now Platform ユーザーインターフェイスと、他の方法ですでにテスト可能なコンポーネントが含まれています。テストデザイナーは、[除外リスト] ページコンポーネントのカスタム UI テストを作成できません。これらのコンポーネントをテストするには、フォームや サービスカタログ などのサポートされている別のテストカテゴリを使用する必要があります。

ページインスペクターで、検査アイコンを除外リストインターフェイスの上にドラッグすると、背景が灰色で表示されます。除外リストコンポーネントに検査アイコンをドロップすると、これらのコンポーネントのテストに必要なステップカテゴリに関する詳細なメッセージが表示されます。

• リストをカスタム UI テストステップを使用してテストすることはできません。リストをテストするには、リストと関連リスト テストステップカテゴリを使用します。

  図 : 3. リスト除外リストのサンプルメッセージ

  

• カスタム UI テストステップを使用してフォームをテストすることはできません。フォームをテストするには、フォームカテゴリ テストステップを使用します。

  図 : 4. フォーム除外リストのサンプルメッセージ

  

  注:

  フォーム内の UI フォーマッターは、カスタム UI テストステップを使用してアクセスしてテストできます。詳細については、「カスタム UI テストの作成」を参照してください。
• サービスカタログアイテムは、カスタム UI テストステップを使用してテストすることはできません。カタログアイテムをテストするには、サービスカタログ カテゴリ テストステップを使用します。

  図 : 5. カタログアイテム除外リストのサンプルメッセージ

  

• 特定のコンポーネントはカスタム UI ページから除外され、テストすることはできません。

  図 : 6. コンポーネント除外リストのサンプルメッセージ

  

• ワークスペースをカスタム UI テストステップを使用してテストすることはできません。利用可能なワークスペースでフォームをテストするには、 フォームカテゴリ テストステップを使用します。

  図 : 7. ワークスペース除外リストのサンプルメッセージ

  

アクセス不可能

アクセス不可能ページコンポーネントは、構成上の問題のため、自動テストフレームワーク (ATF) が識別できないか、またはテストする権限を持っていない要素です。アクセス不可能ページコンポーネントには、通常、第三者 JavaScript ライブラリまたは Shadow DOM を含む要素が含まれます。テスト設計者は、アクセス不可能ページコンポーネントに対するカスタム UI テストを作成することはできませんが、自動テストフレームワーク (ATF) にアクセス可能なコンポーネントを使用するようにページを再設計できる場合があります。

• 特定のコンポーネントは 自動テストフレームワーク (ATF) ではアクセスできません

  図 : 8. アクセスできないコンポーネントのサンプルメッセージ

  

• チーム開発は 自動テストフレームワーク (ATF) ではサポートされていません

  図 : 9. サポートされていないコンポーネントのサンプルメッセージ

  

• プラットフォームページに埋め込まれた外部サイトのテストは、自動テストフレームワーク (ATF) ではサポートされていません

  図 : 10. サポートされていない埋め込み外部サイトのサンプルメッセージ

  

• さまざまなページタイプの検査
  ページインスペクターを使用して、UI ページ、サービスポータル、標準 UI、カスタム URL などのさまざまなページタイプの機能を調べてトラブルシューティングを行います。