Maîtriser le développement grâce aux tests sur Android à l'aide de tests d'interface

Contexte

• Temps de développement réduit
• Code plus simple, plus propre et plus facile à gérer
• Code plus fiable avec plus de confiance dans notre travail.
• Couverture de test plus élevée (cela semble assez évident)

Premiers pas

class LoginActivity: AppCompatActivity(), LoginContract.View {

    @Inject lateinit var loginPresenter: LoginContract.Presenter

    override fun onCreate(savedInstanceState: Bundle?) {
        super.onCreate(savedInstanceState)
        setContentView(R.layout.activity_login)
    }

    override fun setPresenter(presenter: LoginContract.Presenter) {
        loginPresenter = presenter
    }

    override fun showServerErrorMessage() {
        TODO("not implemented")
    }

    override fun showGeneralErrorMessage() {
        TODO("not implemented")
    }

    override fun showProgress() {
        TODO("not implemented")
    }

    override fun hideProgress() {
        TODO("not implemented")
    }

    override fun showInvalidEmailMessage() {
        TODO("not implemented")
    }

    override fun hideInvalidEmailMessage() {
        TODO("not implemented")
    }

    override fun showInvalidPasswordMessage() {
        TODO("not implemented")
    }

    override fun hideInvalidPasswordMessage() {
        TODO("not implemented")
    }

}

<?xml version="1.0" encoding="utf-8"?>
<LinearLayout xmlns:android="http://schemas.android.com/apk/res/android"
    android:layout_width="match_parent"
    android:layout_height="match_parent"
    android:orientation="vertical">

    <EditText
        android:id="@+id/input_email"
        android:layout_width="match_parent"
        android:layout_height="wrap_content" />

    <EditText
        android:id="@+id/input_password"
        android:layout_width="match_parent"
        android:layout_height="wrap_content" />

    <Button
        android:id="@+id/button_login"
        android:layout_width="match_parent"
        android:layout_height="wrap_content" />

</LinearLayout>

<string name="error_message_invalid_email”>…</string>
<string name="error_message_invalid_password”>…</string>

Ajout de tests

• Lorsqu'un utilisateur entre une adresse e-mail non valide dans le champ de saisie e-mail, nous devons afficher un message d'erreur. Nous allons donc écrire un test qui vérifie si ce message d'erreur est affiché.
• Lorsque l'utilisateur recommence à entrer des données dans le champ de saisie de l'e-mail, le message d'erreur ci-dessus devrait disparaître - nous allons donc écrire un test pour cela.
• Enfin, lorsque l'API renvoie un message d'erreur, il doit s'afficher dans une boîte de dialogue d'avertissement - nous allons donc également ajouter un test pour cela.

@Test
fun invalidEmailErrorHidesWhenUserTypes() {
    activity.launchActivity(null)

    onView(withId(R.id.button_login))
            .perform(click())

    onView(withId(R.id.input_email))
            .perform(typeText("j"))

    onView(withText(R.string.error_message_invalid_email))
            .check(doesNotExist())
}

@Test
fun invalidPasswordErrorDisplayed() {
    activity.launchActivity(null)

    onView(withId(R.id.button_login))
            .perform(click())

    onView(withText(R.string.error_message_invalid_password))
            .check(matches(isDisplayed()))
}

@Test
fun serverErrorMessageDisplays() {
    val response = ConnectResponseFactory.makeConnectResponseForError()
    stubConnectRepositorySignIn(Single.just(response))
    activity.launchActivity(null)

    onView(withId(R.id.input_email))
            .perform(typeText("joe@example.com"))

    onView(withId(R.id.input_password))
            .perform(typeText(DataFactory.randomUuid()))

    onView(withId(R.id.button_login))
            .perform(click())

    onView(withText(response.message))
            .check(matches(isDisplayed()))
}

• , , , , :

private fun setupLoginButtonClickListener() {
    button_login.setOnClickListener {
        loginPresenter.performSignIn(input_email.text.toString(),
                input_password.text.toString()) }
}

• , . TextInputLayout, , :

override fun showInvalidPasswordMessage() {
    layout_input_password.error = getString(R.string.error_message_invalid_password)
}

override fun showServerErrorMessage(message: String) {
    DialogFactory.createSimpleInfoDialog(this, R.string.error_message_login_title, message, 
            R.string.error_message_login_ok).show()
}

• Lorsque l'utilisateur clique sur le bouton de connexion et que l'adresse e-mail est manquante ou que l'adresse e-mail est incorrecte, nous affichons à l'utilisateur un message d'erreur. Nous l'avons déjà implémenté, je l'ai simplement exclu pour plus de simplicité
• Cependant, lorsque l'utilisateur recommence à saisir des données dans le champ, le message d'erreur doit être supprimé de l'affichage. Pour ce faire, nous devons écouter lorsque le contenu textuel du champ de saisie change:

private fun setupOnEmailTextChangedListener() {
    input_email.addTextChangedListener(object : TextWatcher {

        override fun afterTextChanged(s: Editable) {}

        override fun beforeTextChanged(s: CharSequence, start: Int,
                                       count: Int, after: Int) {
        }

        override fun onTextChanged(s: CharSequence, start: Int,
                                   before: Int, count: Int) {
            loginPresenter.handleEmailTextChanged(s)
        }
    })
}

Conclusion

• , , TDD . , . , Espresso (/, ), . activity, , , . .
• , , , , , , , . , , , , , ( , !). - . , , , - .
• , Ui- , , . , , , , , , .
• , . , — , , , - .
• Cela semble plus naturel. Étant donné que TDD est déjà utilisé pour les tests unitaires, vous vous sentez un peu en arrière lorsque vous écrivez des tests unitaires, suivis des implémentations, puis des tests d'interface utilisateur. Vous vous sentirez plus naturel en prenant des mesures complètes avec TDD, pas à mi-chemin.