WeChat ミニプログラム自動テストフレームワーク Minium - 要素の配置

小さなプログラムの UI 自動化を行う場合、誰もが遭遇する最も一般的で基本的な問題は、操作する必要がある要素をどのように識別または検索するかということです。

要素操作に関する Minium のドキュメントについては、 Element。ここでは、要素の配置のいくつかの方法を詳しく紹介します。

アプレットは Web ライクな手法なので、要素選択を行う際には、参考になる CSS セレクターの基礎知識がある程度理解できます。

Minium は、一般に次のタイプを持つ WXSS セレクターを介して要素を見つけることができます。

セレクターセレクター (id/class/label/attribute など)
特別なクラス、id、およびその他の属性セレクターの配置。

<view class="child">test</view>

セレクターセレクター + inner_text/text_contains/value
要素属性または要素内のラベルの配置とテキストの配置。

<view class="child">test</view>
<view>test2</view>

XPath の配置
要素 XPath を開発者ツールで取得します。右クリックして選択するかCopy、をクリックするCopy Xpathか、Copy full Xpath
カスタムコンポーネント全体の子孫セレクター (カスタムコンポーネント要素を接続するには >>> を使用)

<test22>
<view>xxx</view>
</test22>

さまざまな測位方法の推奨される使用法

full Xpathxpath: 「//」などを記述せずに完全な xpath( ) パスを使用することをお勧めします。これにより、検索速度が向上します。
セレクター：おすすめid/class/标签+属性。inner_text/text_contains/value使用法を強化するために、実装の本質は、セレクターを介して要素を取得し、次に inner_text/text_contains/value を介して要素をフィルタリングすることです
カスタムコンポーネント全体の要素を取得する方法: xpath を使用することをお勧めします。セレクターメソッドの実装では、最初にカスタムコンポーネントを取得してから、条件を満たすサブコンポーネントを見つける必要があります。

アプレットの組み込みコンポーネントの配置方法

たとえば、アプレットページ wxml

ここに画像の説明を挿入

1. の 2 番目`class="child"`の

ミニスクリプトのいくつかの書き方

# 1. 耗时较短
get_element("/page/view[6]/view")  # xpath 

# 2.耗时较长
ele = get_elements("view[class='child']")[1]   # 返回第2个class=child的元素

# 3.耗时最长
get_element(".child",inner_text="parent>child")   # class=child，控件内文本为parent>child

2. の最初の要素`class="testclass"`を

最小限のスクリプト作成

1.耗时较短
get_element("/page/view[2]")  # xpath
2.耗时较长
get_element("view[class='testclass']")   # 返回第一个class=testclass的元素
3.耗时最长
get_element(".testclass",inner_text="test class 2")  # class=testclass，控件内文本为test class 2

3. 属性のない要素の検索

ここに画像の説明を挿入

最小限のスクリプト作成

1.耗时较短
get_element("/page/view[1]")  # xpath
2.耗时较长
get_element("view",inner_text="first node")  # view标签，控件内文本为first node

カスタムコンポーネント要素全体にメソッドを配置する

カスタムコンポーネントの識別方法

wxml ファイルまたは WeChat 開発者ツールの wxml パネルを見てください。タグ名は不在アプレットの公式コンポーネントリストに記載されています。自定义组件
WeChat 開発者ツールの wxml パネルを見て、ラベルの下にが#shadow-rootある、それはです自定义组件。たとえば、アプレットページ wxmlではmytest、test2test22

ここに画像の説明を挿入

`test2`1.タグの下の`text`要素を見つけます

最小限のスクリプト作成

1.耗时较短
get_element("/page/mytest//test2//view/view/text")  # xpath
2.耗时较长
get_element("mytest>>>test2>>>text")   # 自定义组件 mytest组件节点下的test2组件节点下text标签
3.耗时最长
# 逐个获取自定义组件及自定义组件下的标签
get_element("mytest").get_element("test2").get_element("#test2").get_element("text")

`test22`2.タグの下の最初の`view`要素を見つけます

最小限のスクリプト作成

1.耗时较短
get_element("/page/mytest//test22/view")  # xpath
2.耗时较长
get_element("mytest>>>test22>>>view")  # 自定义组件 mytest组件节点下的test2组件节点下text标签
3.耗时最长
# 逐个获取自定义组件及自定义组件下的标签
get_element("mytest").get_element("test22").get_element(".test22")

要約する

要素の検索時間を短縮する方法

たとえば、このユースケースで要素を取得する方法は、検索が遅く、ユースケースの実行時間が長くなります
get_element("view", inner_text="xxx", max_timeout=5)

要素の配置は基本的なラベルビューとテキストメソッドを使用し、時間が比較的長いため、配置には特別なクラスやその他の CSS セレクターを使用するか、xpath (//view)を使用することをお勧めします。

ターゲティング方法の選択

アプレットのページ構造が頻繁に変更されない場合は、XPath の配置を最初に使用できます
一部のプロジェクトでは、プロジェクトがパッケージ化された後、要素のクラス、id、およびその他の属性がランダムに変更されます。XPath の配置、またはラベル + テキストの配置の使用を検討してください。
要素のクラス、id、およびその他の属性がランダムに変化せず、特定の ID を持つ場合は、セレクターの配置または XPath の配置を検討できます。
要素に属性がない場合は、XPath、またはラベル + テキストの配置を検討できます
カスタムコンポーネントの配置では、カスタムコンポーネント全体で子孫セレクターよりも XPath が優先されます