functional test for routing

Evan You · Evan You · commit bb7300ded447 · 2013-11-15T13:59:00.000-05:00
diff --git a/test/functional/fixtures/routing.html b/test/functional/fixtures/routing.html
@@ -0,0 +1,37 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <title>route</title>
+        <meta charset="utf-8">
+        <script src="bind.js"></script>
+        <script src="../../../dist/seed.js"></script>
+    </head>
+    <body>
+        <div sd-if="route.hi">Hi! <a href="#ho">Next</a></div>
+        <div sd-if="route.ho">Ho! <a href="#ha">Next</a></div>
+        <div sd-if="route.ha">Ha! <a href="#hi">Next</a></div>
+        <script>
+
+            var route = {
+                hi: false,
+                ho: false,
+                ha: false
+            }
+
+            window.addEventListener('hashchange', updateRoute)
+            function updateRoute () {
+                var path = location.hash.slice(1) || 'hi'
+                for (var key in route) {
+                    route[key] = key === path
+                }
+            }
+
+            var app = new Seed({
+                el: 'body'
+            })
+            app.route = route
+
+            updateRoute()
+        </script>
+    </body>
+</html>
diff --git a/test/functional/specs/routing.js b/test/functional/specs/routing.js
@@ -0,0 +1,28 @@
+casper.test.begin('Routing', 10, function (test) {
+    
+    casper
+    .start('./fixtures/routing.html', function () {
+        test.assertElementCount('div', 1)
+        test.assertSelectorHasText('div', 'Hi!')
+    })
+    .thenClick('a', function () {
+        test.assertElementCount('div', 1)
+        test.assertSelectorHasText('div', 'Ho!')
+    })
+    .thenClick('a', function () {
+        test.assertElementCount('div', 1)
+        test.assertSelectorHasText('div', 'Ha!')
+    })
+    .thenClick('a', function () {
+        test.assertElementCount('div', 1)
+        test.assertSelectorHasText('div', 'Hi!')
+    })
+    .thenOpen('./fixtures/routing.html#ho', function () {
+        test.assertElementCount('div', 1)
+        test.assertSelectorHasText('div', 'Ho!')
+    })
+    .run(function () {
+        test.done()
+    })
+
+})
