Как открыть вкладку в эспрессо

Question

Как я могу открыть вкладку в тесте эспрессо?Я пытался сделать Espresso.onView(ViewMatchers.withId(R.id.practice_results_tab)).perform(ViewActions.click());, но это не работает.В этом коде я открыл макет этой вкладки.Существует XML-файл:

    <TabHost
        android:layout_width="match_parent"
        android:layout_height="wrap_content"
        android:id="@+id/practice_tabHost">

        <LinearLayout
            android:layout_width="fill_parent"
            android:layout_height="fill_parent"
            android:orientation="vertical">

            <TabWidget
                android:id="@android:id/tabs"
                android:layout_width="fill_parent"
                android:layout_height="wrap_content">
            </TabWidget>

            <FrameLayout
                android:id="@android:id/tabcontent"
                android:layout_width="fill_parent"
                android:layout_height="fill_parent">

                <LinearLayout
                    android:id="@+id/practice_settings_tab"
                    android:layout_width="fill_parent"
                    android:layout_height="fill_parent"
                    android:orientation="vertical">

                </LinearLayout>

                <LinearLayout
                    android:id="@+id/practice_results_tab"
                    android:layout_width="fill_parent"
                    android:layout_height="fill_parent"
                    android:orientation="vertical">

                </LinearLayout>
            </FrameLayout>
        </LinearLayout>
    </TabHost>

Какой идентификатор я должен использовать для открытия вкладки?

Ошибка в logcat:

Caused by: java.lang.RuntimeException: Action will not be performed because the target     view does not match one or more of the following constraints:
at least 90 percent of the view's area is displayed to the user.
Target view: "LinearLayout{id=2131296384, res-name=practice_results_tab, visibility=GONE, width=0, height=0, has-focus=false, has-focusable=false, has-window-focus=true, is-clickable=false, is-enabled=true, is-focused=false, is-focusable=false, is-layout-requested=true, is-selected=false, root-is-layout-requested=false, has-input-connection=false, x=0.0, y=0.0, child-count=1}"

Answer 1

Завершенный код

Вам действительно нужно добавить код, чтобы мы могли дать правильный ответ.Я предполагаю, что здесь вы использовали TabHost и TabWidget так, как это делается в этом примере: https://maxalley.wordpress.com/2012/10/25/android-creating-a-tab-layout-with-tabhost-and-tabwidget/

Я создал образец проекта по адресу https://github.com/hanscappelle/SO-25016397

Тогда ваша деятельность могла бы выглядеть следующим образом:

public class MainActivity extends TabActivity {

    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        TabHost tabHost = getTabHost();

        // setNewTab(context, tabHost, tag, title, icon, contentID);
        this.setNewTab(this, tabHost, "tab1", R.string.textTabTitle1, R.drawable.ic_tab_settings, R.id.practice_settings_tab);
        this.setNewTab(this, tabHost, "tab2", R.string.textTabTitle2, R.drawable.ic_tab_results, R.id.practice_results_tab);

    }

    private void setNewTab(Context context, TabHost tabHost, String tag, int title, int icon, int contentID ){
        TabSpec tabSpec = tabHost.newTabSpec(tag);
        String titleString = getString(title);
        tabSpec.setIndicator(titleString, context.getResources().getDrawable(android.R.drawable.star_on));
        tabSpec.setContent(contentID);
        tabHost.addTab(tabSpec);
    }
}

Я нашел другой пример кода по адресу https://maxalley.wordpress.com/2012/10/27/android-styling-the-tabs-in-a-tabwidget/ с помощью вспомогательного метода, который вводит ImageView для вкладок.

private View getTabIndicator(Context context, int title, int icon) {
        View view = LayoutInflater.from(context).inflate(R.layout.tab_layout, null);
        ImageView iv = (ImageView) view.findViewById(R.id.imageView);
        iv.setImageResource(icon);
        TextView tv = (TextView) view.findViewById(R.id.textView);
        tv.setText(title);
        return view;
    }

Теперь это становится интересным, потому что таким образом мы можем легко установить идентификатор или тег для этих введенных View предметы и используйте их в эспрессо.

Решение:Пометьте вид тегом

Если вы адаптируете этот помощник для приема тега для каждого представления, код помощника будет выглядеть примерно так:

private View getTabIndicator(Context context, int title, int icon, int viewId, String viewTag) {
        View view = LayoutInflater.from(context).inflate(R.layout.tab_layout, null);
        ImageView iv = (ImageView) view.findViewById(R.id.image_view);
        iv.setImageResource(icon);
        TextView tv = (TextView) view.findViewById(R.id.text_view);
        tv.setText(title);
        tv.setTag(viewTag);
        return view;
    }

Если вы используете только значки, вы также можете установить идентификатор в ImageView.

И код Espresso для перехода по этим вкладкам:

Espresso.onView(ViewMatchers.withTagValue(Matchers.is((Object)"tab1"))).perform(ViewActions.click());

Альтернативное решение:использование идентификаторов просмотров

Если вы выбираете идентификаторы, вам нужно, чтобы эти идентификаторы были где-то определены.Используйте простой файл ресурсов Android с некоторыми определениями идентификаторов.

Файл ресурса view ID с именем /values/ids.xml:

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

Адаптированный помощник:

private View getTabIndicator(Context context, int title, int icon, int viewId, String viewTag) {
    View view = LayoutInflater.from(context).inflate(R.layout.tab_layout, null);
    ImageView iv = (ImageView) view.findViewById(R.id.image_view);
    iv.setImageResource(icon);
    TextView tv = (TextView) view.findViewById(R.id.text_view);
    tv.setText(title);
    tv.setId(viewId);
    return view;
}

Если вы используете только значки, вы также можете установить идентификатор в ImageView.

И код Espresso для перехода по этим вкладкам:

Espresso.onView(ViewMatchers.withId(R.id.tab1)).perform(ViewActions.click());

О хостингах в целом

Почему вы вообще использовали этот TabHost?Обратите внимание, что этот класс к настоящему времени устарел.A Страница просмотра с вкладками или панель действий могут быть лучшие варианты в зависимости от вашего варианта использования.

Используйте инструмент ViewHierarchy

В подобных случаях первая проблема часто заключается в том, чтобы найти правильный вид.Для этого используйте Просмотр иерархии инструмент.Это часть Android SDK и находится в каталоге tools.

Вы можете запустить его из командной строки следующим образом:

cd ANDROID_SDK_LOCATION/tools
hierarchyviewer

Или использовать Android Studio - Студия для Android Studio меню:Инструменты > Android > Монитор устройства Android.Затем откройте перспективу просмотра иерархии из меню на мониторе устройства:Окно > Открыть перспективу > Иерархический вид .

Я предпочитаю первый вариант только потому, что монитор устройства делает слишком много для наших намерений.

Теперь используйте представление макета в сочетании с представлением свойств представления, чтобы найти идентификатор и теги нужного вам представления.

Некоторые инструкции по этому инструменту: http://developer.android.com/tools/debugging/debugging-ui.html

Answer 2

единственное, что работает для меня:

public void clickOnTab(String tabText) {    
    Matcher<View> matcher = allOf(withText(tabText),
                                  isDescendantOfA(withId(R.id.ll_tab_container)));
    onView(matcher).perform(click());    
}

.

Где ll_tab_container - это LinearLayout для моей настраиваемой планировки вкладок.И если у вас была вкладка «Шоппинг», то вы бы передали это как TabText.

Answer 3

OnView (с табличкой («метка вашей вкладки»)). Выполните (нажмите ())

Answer 4

Также можно установить тег в тексте вашей вкладки без использования пользовательского метода индикатора.Вы делаете это, получая доступ к вкладке TextView после того, как он был создан.

Используя MainActivity из примера кода hcpl это выглядело бы примерно так:

public MainActivity extends TabActivity {

    @Override
    public void onCreate(Bundle savedInstanceState) {
        super.onCreate(savedInstanceState);
        setContentView(R.layout.activity_main);

        TabHost tabHost = getTabHost();

        // setNewTab(context, tabHost, tag, title, icon, contentID);
        this.setNewTab(this, tabHost, "tab1", R.string.textTabTitle1, R.drawable.ic_tab_settings, R.id.practice_settings_tab);
        this.setNewTab(this, tabHost, "tab2", R.string.textTabTitle2, R.drawable.ic_tab_results, R.id.practice_results_tab);

        // Set custom tag on first tab
        View tabView1 = tabHost.getTabWidget().getChildAt(0);
        TextView tabView1Text = (TextView) signUpTabView.findViewById(android.R.id.title);
        signUpTextTab.setTag("TAG_TAB_ONE");

        // Set custom tag on second tab
        View tabView2 = tabHost.getTabWidget().getChildAt(1);
        TextView tabView1Text = (TextView) signUpTabView.findViewById(android.R.id.title);
        signUpTextTab.setTag("TAG_TAB_TWO");
    }
}

Затем в вашем тесте эспрессо вы могли бы получить доступ к вкладкам следующим образом:

onView(withTagValue(Matchers.is((Object)"TAG_TAB_TWO"))).perform(click());