如何使用 Detox 在 Android 上的操作栏中点击三点菜单（更多选项）？

Posted 2023-04-15

【中文标题】如何使用 Detox 在 Android 上的操作栏中点击三点菜单（更多选项）？

【英文标题】：How to tap on the three dot menu (more options) in the actionbar on Android using Detox?

【发布时间】：2021-05-13 16:58:28

【问题描述】：

如何使用 Detox 在 android 上点击操作栏中的三点菜单（更多选项）？

【问题讨论】：

给它testID 并调用tap() 事件。

在 NativeScript 中将 ActionItem 位置设置为 pop 时会自动出现三点菜单。因此，我不知道在哪里为它设置一个 testID。

【参考方案1】：

我遵循了这个 SO 答案，https://***.com/a/65736139/3970346

由于这是一个 NativeScript 应用程序，因此步骤是，

在app/App_Resources/Android/src/main/res/values文件夹下创建ids.xml文件，

<?xml version="1.0" encoding="utf-8"?>
<resources>
    <item type="id" name="overflowActionButton"/>
</resources>

然后在同目录下的styles.xml中添加，

<style name="Widget.ActionButton.Overflow" parent="Widget.AppCompat.ActionButton.Overflow">
        <item name="android:id">@id/overflowActionButton</item>
        <item name="android:contentDescription">"overflowActionButton"</item>
        <item name="android:tint">@color/white</item>
</style>

最后像这样在 AppThemeBase 上设置样式，

<!-- theme to use AFTER launch screen is loaded-->
<style name="AppThemeBase" parent="Theme.AppCompat.Light.NoActionBar">
        <item name="toolbarStyle">@style/NativeScriptToolbarStyle</item>

        <item name="colorPrimary">@color/ns_primary</item>
        <item name="colorPrimaryDark">@color/ns_primaryDark</item>
        <item name="colorAccent">@color/ns_accent</item>
        
        <!-- the line below -->
        <item name="actionOverflowButtonStyle">@style/Widget.ActionButton.Overflow</item>
</style>

之后，您可以像这样点击排毒中的溢出菜单，

await element(by.label('overflowActionButton')).tap();

感谢@Leri Gogsadze 为我指明了正确的方向