إتقان التطوير من خلال الاختبار في Android باستخدام اختبارات واجهة المستخدم

خلفية

• تقليل وقت التطوير
• كود أبسط وأنظف وأكثر صيانة
• كود أكثر موثوقية مع ثقة أكبر في عملنا.
• تغطية اختبار أعلى (يبدو هذا واضحًا)

الخطوات الأولى

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>

مضيفا الاختبارات

• عندما يقوم مستخدم بإدخال عنوان بريد إلكتروني غير صالح في حقل إدخال البريد الإلكتروني ، نحتاج إلى عرض رسالة خطأ. لذا ، سنقوم بكتابة اختبار يتحقق مما إذا كانت رسالة الخطأ هذه معروضة.
• عندما يبدأ المستخدم في إدخال البيانات في حقل إدخال البريد الإلكتروني مرة أخرى ، يجب أن تختفي رسالة الخطأ أعلاه - وبالتالي سنقوم بكتابة اختبار لهذا.
• أخيرًا ، عندما تعرض واجهة برمجة التطبيقات رسالة خطأ ، يجب عرضها في مربع حوار تحذير - لذلك سنضيف أيضًا اختبارًا لذلك.

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

• عندما ينقر المستخدم على زر تسجيل الدخول ويفقد عنوان البريد الإلكتروني أو يكون عنوان البريد الإلكتروني غير صحيح ، فإننا نعرض للمستخدم رسالة خطأ. لقد نفذنا هذا بالفعل ، لقد استبعدته للتو من أجل البساطة
• ومع ذلك ، عندما يبدأ المستخدم في إدخال البيانات في الحقل مرة أخرى ، يجب إزالة رسالة الخطأ من الشاشة. للقيام بذلك ، نحتاج إلى الاستماع عندما يتغير محتوى النص في حقل الإدخال:

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

استنتاج

• , , TDD . , . , Espresso (/, ), . activity, , , . .
• , , , , , , , . , , , , , ( , !). - . , , , - .
• , Ui- , , . , , , , , , .
• , . , — , , , - .
• يبدو أكثر طبيعية. نظرًا لحقيقة أن TDD مستخدم بالفعل في اختبارات الوحدة ، فإنك تشعر بالخلف قليلاً عند كتابة اختبارات الوحدة ، تليها عمليات التنفيذ ، تليها اختبارات واجهة المستخدم. ستشعر بمزيد من الطبيعي من خلال الانتقال الكامل مع TDD ، وليس في منتصف الطريق.