fix root option handling on popstate (fix #82)

Author: yyx990803

src/history/html5.js

@@ -22,13 +22,12 @@ export default class HTML5History {
   }
 
   start () {
-    let self = this
-    this.listener = function (e) {
+    this.listener = (e) => {
       let url = decodeURI(location.pathname + location.search)
       if (this.root) {
         url = url.replace(this.rootRE, '')
       }
-      self.onChange(url, e && e.state, location.hash)
+      this.onChange(url, e && e.state, location.hash)
     }
     window.addEventListener('popstate', this.listener)
     this.listener()

test/unit/specs/history/html5.js

@@ -56,6 +56,36 @@ if (!isIE9) {
       }
     })
 
+    it('popstate with root', function () {
+      var history = new History({
+        onChange: step1,
+        root: 'root/'
+      })
+      expect(history.root).toBe('/root')
+      history.start()
+      function step1 () {
+        history.onChange = step2
+        history.go('/')
+      }
+      function step2 (path) {
+        expect(location.pathname).toBe('/root/')
+        expect(path).toBe('/')
+        history.onChange = step3
+        history.go('/haha')
+      }
+      function step3 (path) {
+        expect(location.pathname).toBe('/root/haha')
+        expect(path).toBe('/haha')
+        history.onChange = step4
+        window.history.back()
+      }
+      function step4 (path) {
+        expect(location.pathname).toBe('/root/')
+        expect(path).toBe('/')
+        done()
+      }
+    })
+
     it('respect <base>', function (done) {
       var base = document.createElement('base')
       base.setAttribute('href', '/base/')