UI परीक्षण का उपयोग करके 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- , , . , , , , , , .
• , . , — , , , - .
• यह अधिक स्वाभाविक लगता है। इस तथ्य के कारण कि टीडीडी पहले से ही यूनिट परीक्षणों के लिए उपयोग किया जाता है, जब आप यूनिट परीक्षण लिखते हैं, तो कार्यान्वयन के बाद, यूआई परीक्षण के बाद आप थोड़ा पीछे की ओर महसूस करते हैं। टीडीडी के साथ पूर्ण कदम से आप अधिक स्वाभाविक महसूस करेंगे, आधे रास्ते में नहीं।