Screen Builderを使用する

Screen Builderを使用すると画面ニックネームファイルの作成が簡単になります。

Getting Screen Builder (Shirates Builder)

GitHubリポジトリから入手してください。 https://github.com/ldi-github/shirates-builder

git clone https://github.com/ldi-github/shirates-builder.git

Screen Builderを起動する

  1. shirates-builder プロジェクトをIntelliJ IDEAで開きます。
  2. runをダブルクリックして実行します。

レコーディングセッションを開始する(Settingsタブ)

  1. testrun File を設定します。 ドラッグ＆ドロップが使用できます。
  2. プラットフォームを選択します(Android/iOS)。
  3. [Load testrun File]ボタンをクリックします。
  4. packageOrBundleIdを入力します。
  5. [Start]ボタンをクリックしてデバイスを起動します。

画面をキャプチャする(Editタブ)

  1. [Capture]ボタンまたは[Capture with scroll]をクリックします。

JSONをプレビューする (Previewタブ)

  1. Previewタブでプレビューできます。

ニックネームを定義する

  1. イメージ上の要素をクリッkします。フォーカスされて赤色の矩形が表示されます。
  2. ニックネームを編集できます。

要素を相対セレクターへ変換する

  1. ベース要素をクリックして選択します。(赤色の矩形)
  2. 相対セレクターへ変換したい要素をCtrl+クリックします。(緑色の矩形)

    {Network & internet}が相対セレクターです。

Link