e2e test for commits example

yyx990803 · yyx990803 · commit b6924c70253b · 2014-09-25T12:24:48.000-04:00
diff --git a/examples/commits/index.html b/examples/commits/index.html
@@ -23,14 +23,15 @@
   <body>
     <div id="demo">
       <h1>Latest Vue.js Commits</h1>
-        <template v-repeat="b:branches">
-          <input type="radio"
-            name="branch"
-            id="{{*b}}"
-            value="{{*b}}"
-            v-model="currentBranch">
-          <label for="{{*b}}">{{*b}}</label>
-        </template>
+      <template v-repeat="b:branches">
+        <input type="radio"
+          name="branch"
+          id="{{*b}}"
+          value="{{*b}}"
+          v-model="currentBranch">
+        <label for="{{*b}}">{{*b}}</label>
+      </template>
+      <p>yyx990803/vue@{{currentBranch}}</p>
       <ul>
         <li v-repeat="commits">
           <a href="{{html_url}}" target="_blank" class="commit">{{sha.slice(0, 7)}}</a>
diff --git a/test/e2e/commits.js b/test/e2e/commits.js
@@ -0,0 +1,32 @@
+casper.test.begin('commits', 14, function (test) {
+  
+  casper
+  .start('../../examples/commits/index.html')
+  .then(function () {
+    // radio inputs & labels
+    test.assertElementCount('input', 3)
+    test.assertElementCount('label', 3)
+    test.assertSelectorHasText('label[for="master"]', 'master')
+    test.assertSelectorHasText('label[for="dev"]', 'dev')
+    test.assertSelectorHasText('label[for="next"]', 'next')
+    // initial fetched commits
+    test.assertField('branch', 'master')
+    test.assertSelectorHasText('p', 'yyx990803/vue@master')
+    test.assertElementCount('li', 3)
+  })
+  .thenClick('input[value="dev"]', function () {
+    test.assertField('branch', 'dev')
+    test.assertSelectorHasText('p', 'yyx990803/vue@dev')
+    test.assertElementCount('li', 3)
+  })
+  .thenClick('input[value="next"]', function () {
+    test.assertField('branch', 'next')
+    test.assertSelectorHasText('p', 'yyx990803/vue@next')
+    test.assertElementCount('li', 3)
+  })
+  // run
+  .run(function () {
+    test.done()
+  })
+
+})
