Uses title HTML tag whenever is possible to update the page title. Cl…

…oses #185 (#186)

* Uses title HTML tag whenever is possible to update the page title. Closes #185

* Saves the unescaped title string

src/app/App.js

@@ -1106,7 +1106,14 @@ class App extends EventEmitter {
 		} else {
 			globals.window.history.pushState(state, title, path);
 		}
-		globals.document.title = title;
+
+		let titleNode = globals.document.querySelector('title');
+		if (titleNode) {
+			titleNode.innerHTML = title;
+		}
+		else {
+			globals.document.title = title;
+		}
 	}
 
 }

src/screen/HtmlScreen.js

@@ -307,7 +307,7 @@ class HtmlScreen extends RequestScreen {
 	resolveTitleFromVirtualDocument() {
 		var title = this.virtualDocument.querySelector(this.titleSelector);
 		if (title) {
-			this.setTitle(title.innerHTML.trim());
+			this.setTitle(title.textContent.trim());
 		}
 	}
 

test/screen/HtmlScreen.js

@@ -307,6 +307,25 @@ describe('HtmlScreen', function() {
 		this.requests[0].respond(200, null, '<link id="style" data-senna-track="temporary" rel="stylesheet" href="/base/src/senna.js">');
 	});
 
+	it('should have correct title', (done) => {
+		var screen = new HtmlScreen();
+		screen.allocateVirtualDocumentForContent('<title>left</title>');
+		screen.resolveTitleFromVirtualDocument();
+		screen.flip([]).then(() => {
+			assert.strictEqual('left', screen.getTitle());
+			done();
+		});
+	});
+
+	it('should have correct title when the title contains html entities', (done) => {
+		var screen = new HtmlScreen();
+		screen.allocateVirtualDocumentForContent('<title>left &amp; right</title>');
+		screen.resolveTitleFromVirtualDocument();
+		screen.flip([]).then(() => {
+			assert.strictEqual('left & right', screen.getTitle());
+			done();
+		});
+	});
 });
 
 function enterDocumentSurfaceElement(surfaceId, opt_content) {