Dominando o desenvolvimento por meio de testes no Android usando testes de interface do usuário

fundo

• Tempo de desenvolvimento reduzido
• Código mais simples, mais limpo e mais sustentável
• Código mais confiável e com mais confiança em nosso trabalho.
• Maior cobertura de teste (isso parece óbvio)

Primeiros passos

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>

Adicionando testes

• Quando um usuário digita um endereço de email inválido no campo de entrada de email, precisamos exibir uma mensagem de erro. Portanto, vamos escrever um teste que verifique se essa mensagem de erro é exibida.
• Quando o usuário começa a inserir dados no campo de entrada de e-mail novamente, a mensagem de erro acima deve desaparecer - portanto, vamos escrever um teste para isso.
• Finalmente, quando a API retorna uma mensagem de erro, ela deve ser exibida em uma caixa de diálogo de aviso - portanto, adicionaremos um teste para isso.

@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()
}

• Quando o usuário clica no botão de login e o endereço de e-mail está ausente ou incorreto, mostramos ao usuário uma mensagem de erro. Já implementamos isso, apenas descartei por simplicidade
• No entanto, quando o usuário começa a inserir dados no campo novamente, a mensagem de erro deve ser removida da exibição. Para fazer isso, precisamos ouvir quando o conteúdo do texto do campo de entrada é alterado:

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)
        }
    })
}

Conclusão

• , , TDD . , . , Espresso (/, ), . activity, , , . .
• , , , , , , , . , , , , , ( , !). - . , , , - .
• , Ui- , , . , , , , , , .
• , . , — , , , - .
• Parece mais natural. Devido ao fato de o TDD já ser usado para testes de unidade, você se sente um pouco atrasado ao escrever testes de unidade, seguidos de implementações, seguidos de testes de interface do usuário. Você se sentirá mais natural dando um passo completo com o TDD, e não na metade.