Add popstate event

defunkt · Apr 30, 2012 · 2743a44 · 2743a44
1 parent 226989c
commit 2743a44
Show file tree

Hide file tree

Showing 2 changed files with 30 additions and 0 deletions.
diff --git a/jquery.pjax.js b/jquery.pjax.js
@@ -583,6 +583,12 @@ $(window).bind('popstate', function(event){
         containerCache[direction](pjax.state.id, container.clone(true, true).contents())
       }
 
+      var popstateEvent = $.Event('pjax:popstate', {
+        state: state,
+        direction: direction
+      })
+      container.trigger(popstateEvent)
+
       var options = {
         id: state.id,
         url: state.url,

diff --git a/test/unit/pjax.js b/test/unit/pjax.js
@@ -680,6 +680,30 @@ if ($.support.pjax) {
     })
   })
 
+  asyncTest("popstate going back to page triggers pjax:popstate event", function() {
+    var frame = this.frame
+
+    equal(frame.location.pathname, "/home.html")
+
+    frame.$('#main').on('pjax:popstate', function(event) {
+      equal(frame.location.pathname, "/home.html")
+      equal(event.state.container, '#main')
+      equal(event.direction, 'back')
+      start()
+    })
+
+    frame.$.pjax({
+      url: "hello.html",
+      container: "#main",
+      complete: function() {
+        equal(frame.location.pathname, "/hello.html")
+
+        ok(frame.history.length > 1)
+        goBack(frame, function() {})
+      }
+    })
+  })
+
   asyncTest("popstate preserves GET data", function() {
     var frame = this.frame