How to test dynamic ui from Anko with expresso in Android

When I say dynamic UI I mean the UI you generated from a library like Anko or just plain Android API.

1. Test whether the alert has been shown

1.1 Add a title for this alert

1
2
3
alert{
title = “myDialog”
}

1.2 Then assert it with the title

1
2
3
4
5
6
7
@Test
fun dialog_has_been_shown(){
Espresso
.onView(withText(“myDialog”))
.inRoot(isDialog())
.check(matches(ViewMatchers.isDisplayed()))
}

2.Check a TextEdit in an alert has been set to some error

2.1 Create a id

This is a file named ids.xml in res/values

1
2
3
4
5
<?xml version="1.0" encoding="utf-8"?>
<resources>
<item type="id" name=“my_id” />
</resources>

2.2 Apply it to your TextEdit

1
2
3
4
5
6
7
8
9
10
alert {
title = "Password"
customView {
verticalLayout {
editText {
id = R.id.my_id
}
}
}
}

2.3 Assert in espresso like usual

1
2
3
Espresso
.onView(ViewMatchers.withId(R.id.my_id))
.check(matches(hasErrorText(“Wrong password”)))

3. End

Hope it helps. :)