test for data hook

Author: yyx990803

test/unit/specs/pipeline/data.js

@@ -1,15 +1,90 @@
+var testUtils = require('../util')
+var test = testUtils.test
+var assertCalls = testUtils.assertCalls
+
 describe('data', function () {
 
-  it('initial load', function () {
-    //
+  it('initial load', function (done) {
+    test({
+      data: {
+        data: function (transition) {
+          setTimeout(function () {
+            transition.next({
+              msg: transition.to.params.msg
+            })
+          }, wait)
+        }
+      }
+    }, function (router, calls) {
+      router.go('/data/hello')
+      assertCalls(calls, ['data.data'])
+      expect(router.app.$el.textContent).toBe('loading...')
+      setTimeout(function () {
+        expect(router.app.$el.textContent).toBe('hello')
+        done()
+      }, wait)
+    })
   })
 
-  it('reload', function () {
-    //
+  it('reload', function (done) {
+    test({
+      data: {
+        data: function (transition) {
+          setTimeout(function () {
+            transition.next({
+              msg: transition.to.params.msg
+            })
+          }, wait)
+        }
+      }
+    }, function (router, calls) {
+      router.go('/data/hello')
+      assertCalls(calls, ['data.data'])
+      expect(router.app.$el.textContent).toBe('loading...')
+      setTimeout(function () {
+        expect(router.app.$el.textContent).toBe('hello')
+        router.go('/data/reload')
+        assertCalls(calls, ['data.data', 'data.data'])
+        router.app.$nextTick(function () {
+          expect(router.app.$el.textContent).toBe('loading...')
+          setTimeout(function () {
+            expect(router.app.$el.textContent).toBe('reload')
+            done()
+          }, wait)
+        })
+      }, wait)
+    })
   })
 
-  it('waitForData', function () {
-    //
+  it('waitForData', function (done) {
+    test({
+      data: {
+        waitForData: true,
+        data: function (transition) {
+          setTimeout(function () {
+            transition.next({
+              msg: transition.to.params.msg
+            })
+          }, wait)
+        }
+      }
+    }, function (router, calls) {
+      router.go('/data/hello')
+      assertCalls(calls, ['data.data'])
+      expect(router.app.$el.textContent).toBe('')
+      setTimeout(function () {
+        expect(router.app.$el.textContent).toBe('hello')
+        router.go('/data/reload')
+        assertCalls(calls, ['data.data', 'data.data'])
+        router.app.$nextTick(function () {
+          expect(router.app.$el.textContent).toBe('loading...')
+          setTimeout(function () {
+            expect(router.app.$el.textContent).toBe('reload')
+            done()
+          }, wait)
+        })
+      }, wait)
+    })
   })
 
 })

test/unit/specs/util.js

@@ -68,6 +68,19 @@ exports.test = function (configs, cb) {
           }
         }
       }
+    },
+    '/data/:msg': {
+      component: {
+        route: configs.data,
+        template:
+          '<span v-if="$loadingRouteData">loading...</span>' +
+          '<span v-if="!$loadingRouteData">{{msg}}</span>',
+        data: function () {
+          return {
+            msg: 'default'
+          }
+        }
+      }
     }
   })
   router.start(App, el)