Merge pull request #614 from wordpress-mobile/add/css-underline-ui-tests

Add UI tests for CSS underline plugin

Author: daniloercoli

app/src/androidTest/kotlin/org/wordpress/aztec/demo/Actions.kt

@@ -156,4 +156,22 @@ object Actions {
             }
         }
     }
+
+    fun setSelection(start: Int, end: Int): ViewAction {
+        return object : ViewAction {
+            override fun getConstraints(): Matcher<View> {
+                return allOf(isDisplayed(), isAssignableFrom(EditText::class.java))
+            }
+
+            override fun getDescription(): String {
+                return "Set Aztec text selection to the specified range"
+            }
+
+            override fun perform(uiController: UiController?, view: View?) {
+                if (view is AztecText) {
+                    view.setSelection(start, end)
+                }
+            }
+        }
+    }
 }

app/src/androidTest/kotlin/org/wordpress/aztec/demo/pages/EditorPage.kt

@@ -97,6 +97,13 @@ class EditorPage : BasePage() {
         return this
     }
 
+    fun selectText(start: Int, end: Int): EditorPage {
+        editor.perform(Actions.setSelection(start, end))
+        label("Selected text")
+
+        return this
+    }
+
     /**
      * Using selectAllText() + delete() do not work as intended. This method
      * will select all the text in the editor and then delete that text.

app/src/androidTest/kotlin/org/wordpress/aztec/demo/tests/CssUnderlineFormattingTests.kt

@@ -0,0 +1,94 @@
+package org.wordpress.aztec.demo.tests
+
+import android.support.test.rule.ActivityTestRule
+import org.junit.Before
+import org.junit.Rule
+import org.junit.Test
+import org.wordpress.aztec.AztecText
+import org.wordpress.aztec.demo.BaseTest
+import org.wordpress.aztec.demo.MainActivity
+import org.wordpress.aztec.demo.R
+import org.wordpress.aztec.demo.pages.EditorPage
+import org.wordpress.aztec.plugins.CssUnderlinePlugin
+
+class CssUnderlineFormattingTests : BaseTest() {
+
+    @Rule
+    @JvmField
+    var mActivityTestRule = ActivityTestRule(MainActivity::class.java)
+
+    @Before
+    fun init() {
+        val aztecText = mActivityTestRule.activity.findViewById<AztecText>(R.id.aztec)
+        aztecText.plugins.add(CssUnderlinePlugin())
+    }
+
+    @Test
+    fun testSimpleCssUnderlineFormatting() {
+        val text1 = "some"
+        val text2 = "text"
+        val html = "$text1<span style=\"text-decoration: underline\">$text2</span>"
+
+        EditorPage()
+                .insertText(text1)
+                .toggleUnderline()
+                .insertText(text2)
+                .toggleHtml()
+                .verifyHTML(html)
+    }
+
+    @Test
+    fun testRegularUnderlineFormattingPreservation() {
+        val text1 = "some"
+        val text2 = "text"
+        val html = "$text1<u>$text2</u>"
+
+        EditorPage()
+                .toggleHtml()
+                .insertHTML(html)
+                .toggleHtml()
+                .toggleHtml()
+                .verifyHTML(html)
+    }
+
+    @Test
+    fun testTogglingUnderlineFormatting() {
+        val text1 = "some"
+        val text2 = "text"
+        val html = "$text1<u>$text2</u>"
+        val expectedHtml = "$text1<span style=\"text-decoration: underline\">$text2</span>"
+
+        EditorPage()
+                .toggleHtml()
+                .insertHTML(html)
+                .toggleHtml()
+                .selectText(4, 8)
+                .toggleUnderline()
+                .toggleHtml()
+                .verifyHTML("$text1$text2")
+                .toggleHtml()
+                .selectText(4, 8)
+                .toggleUnderline()
+                .toggleHtml()
+                .verifyHTML(expectedHtml)
+    }
+
+    @Test
+    fun testSimpleSplittingRegularUnderlineFormatting() {
+        val text1 = "some"
+        val text2 = "text"
+        val html = "$text1<u>$text2</u>"
+        val expectedHtml = "$text1<span style=\"text-decoration: underline\">te</span>\n\n" +
+                "<span style=\"text-decoration: underline\">xt</span>"
+
+        EditorPage()
+                .toggleHtml()
+                .insertHTML(html)
+                .toggleHtml()
+                .setCursorPositionAtEnd()
+                .moveCursorLeftAsManyTimes(2)
+                .insertNewLine()
+                .toggleHtml()
+                .verifyHTML(expectedHtml)
+    }
+}