Add raw HTML to newPageReady event

Otuyishime · Aug 22, 2016 · 5ca84a4 · 5ca84a4
1 parent cb170d6
commit 5ca84a4
Show file tree

Hide file tree

Showing 3 changed files with 28 additions and 2 deletions.
diff --git a/src/Pjax/Dom.js b/src/Pjax/Dom.js
@@ -32,6 +32,17 @@ var Dom = {
    */
   containerClass: 'barba-container',
 
+  /**
+   * Full HTML String of the current page.
+   * By default is the innerHTML of the initial loaded page.
+   *
+   * Each time a new page is loaded, the value is the response of the xhr call.
+   *
+   * @memberOf Barba.Pjax.Dom
+   * @type {String}
+   */
+  currentHTML: document.documentElement.innerHTML,
+
   /**
    * Parse the responseText obtained from the xhr call
    *
@@ -41,6 +52,8 @@ var Dom = {
    * @return {HTMLElement}
    */
   parseResponse: function(responseText) {
+    this.currentHTML = responseText;
+
     var wrapper = document.createElement('div');
     wrapper.innerHTML = responseText;
 

diff --git a/src/Pjax/Pjax.js b/src/Pjax/Pjax.js
@@ -73,7 +73,12 @@ var Pjax = {
 
     //Fire for the current view.
     Dispatcher.trigger('initStateChange', this.History.currentStatus());
-    Dispatcher.trigger('newPageReady', this.History.currentStatus(), {}, container);
+    Dispatcher.trigger('newPageReady',
+      this.History.currentStatus(),
+      {},
+      container,
+      this.Dom.currentHTML
+    );
     Dispatcher.trigger('transitionCompleted', this.History.currentStatus());
 
     this.bindEvents();
@@ -308,7 +313,8 @@ var Pjax = {
     Dispatcher.trigger('newPageReady',
       this.History.currentStatus(),
       this.History.prevStatus(),
-      container
+      container,
+      this.Dom.currentHTML
     );
   },
 

diff --git a/tests/dom-test.js b/tests/dom-test.js
@@ -37,4 +37,11 @@ describe('Dom', function() {
     expect(dom.getNamespace()).toBeFalsy();
     expect(namespace).toBe('test');
   });
+
+  it('should have a default currentHTML', function() {
+    var html = dom.currentHTML;
+
+    expect(html).toBeTruthy();
+    expect(html).toContain('titlepage');
+  });
 });