Step 6: Testing

gzm0 · sjrd · commit 8a226c9489e1 · 2020-02-12T11:45:33.000+01:00
diff --git a/build.sbt b/build.sbt
@@ -12,3 +12,9 @@ libraryDependencies += "be.doeraene" %%% "scalajs-jquery" % "1.0.0"
 skip in packageJSDependencies := false
 jsDependencies +=
   "org.webjars" % "jquery" % "2.2.1" / "jquery.js" minified "jquery.min.js"
+
+jsEnv := new org.scalajs.jsenv.jsdomnodejs.JSDOMNodeJSEnv()
+
+// uTest settings
+libraryDependencies += "com.lihaoyi" %%% "utest" % "0.7.4" % "test"
+testFrameworks += new TestFramework("utest.runner.Framework")
diff --git a/scalajs-tutorial-fastopt.html b/scalajs-tutorial-fastopt.html
@@ -5,10 +5,6 @@
     <title>The Scala.js Tutorial</title>
   </head>
   <body>
-    <button id="click-me-button" type="button">
-      Click me!
-    </button>
-
     <!-- Include JavaScript dependencies -->
     <script type="text/javascript" src="./target/scala-2.13/scala-js-tutorial-jsdeps.js"></script>
     <!-- Include Scala.js compiled code -->
diff --git a/src/main/scala/tutorial/webapp/TutorialApp.scala b/src/main/scala/tutorial/webapp/TutorialApp.scala
@@ -8,8 +8,10 @@ object TutorialApp {
   }
 
   def setupUI(): Unit = {
+    jQuery("""<button type="button">Click me!</button>""")
+      .click(() => addClickedMessage())
+      .appendTo(jQuery("body"))
     jQuery("body").append("<p>Hello World</p>")
-    jQuery("#click-me-button").click(() => addClickedMessage())
   }
 
   def addClickedMessage(): Unit = {
diff --git a/src/test/scala/tutorial/webapp/TutorialTest.scala b/src/test/scala/tutorial/webapp/TutorialTest.scala
@@ -0,0 +1,31 @@
+package tutorial.webapp
+
+import utest._
+
+import org.scalajs.jquery._
+
+object TutorialTest extends TestSuite {
+
+  // Initialize App
+  TutorialApp.setupUI()
+
+  def tests = Tests {
+    test("HelloWorld") {
+      assert(jQuery("p:contains('Hello World')").length == 1)
+    }
+
+    test("ButtonClick") {
+      def messageCount =
+        jQuery("p:contains('You clicked the button!')").length
+
+      val button = jQuery("button:contains('Click me!')")
+      assert(button.length == 1)
+      assert(messageCount == 0)
+
+      for (c <- 1 to 5) {
+        button.click()
+        assert(messageCount == c)
+      }
+    }
+  }
+}

Original file line number	Diff line number	Diff line change
`@@ -8,8 +8,10 @@ object TutorialApp {`
`8`	`8`	`}`
`9`	`9`
`10`	`10`	`def setupUI(): Unit = {`
	`11`	`+ jQuery("""<button type="button">Click me!</button>""")`
	`12`	`+ .click(() => addClickedMessage())`
	`13`	`+ .appendTo(jQuery("body"))`
`11`	`14`	`jQuery("body").append("<p>Hello World</p>")`
`12`		`- jQuery("#click-me-button").click(() => addClickedMessage())`
`13`	`15`	`}`
`14`	`16`
`15`	`17`	`def addClickedMessage(): Unit = {`